建站常識
勝過語言的圖形符號
2009-05-04 08:36:00
就在剛才,我給GMAIL安裝了Twitterd插件。
安裝完插件后,Gmail提示我要連接Twitter的賬號才能使用:
我順著提示操作下去,就看到了這個頁面:
一路下來的英文界面,已經(jīng)讓我相當(dāng)?shù)念^疼了。
但是這兩個按鈕即使不看文案,也很容易猜出其中的意思。
比起千篇一律的方形按鈕,這里的“小箭頭”設(shè)計真是太貼心了。
在這里它準(zhǔn)確的指導(dǎo)了我進行下一步的操作。
在TB UED最新的文章《雞肋般的文案內(nèi)容》 里說到:能不說就不說,用優(yōu)秀的交互來代替文案。
這里可以小補充一下了:優(yōu)秀的視覺設(shè)計也能達到這樣的效果。
當(dāng)我們糾結(jié)于這里的文案是”接受”‘,“允許”或者是“下一步”的時候,一個小小的箭頭反而最能說明問題。
圖形符號的作用是不能小視的,它直觀易記,非常便于信息的傳遞。
我認為在以下3個方面,圖形符號能幫助我們改善體驗:
一、明確方向性
從我們學(xué)習(xí)交互設(shè)計相關(guān)知識開始,就一直被強調(diào)“符合用戶的心理模型”。
我們絞盡腦汁掩蓋計算機那種難以令人理解的工作模式。
(1)就像是注冊:
我們要告訴用戶:
線上注冊就像你在銀行申請開通某項業(yè)務(wù)一樣簡單。
遵循一定的操作步驟,就能成功。
更妙的是,還有溫柔的銀行小妹告訴你:您還差幾步就辦理成功了。
鬼才關(guān)心計算機在后面交換了多少次數(shù)據(jù)。
(2) 除了操作流,恰當(dāng)?shù)膱D形也能對視覺的方向進行引導(dǎo):
如果這個下拉菜單不是往下,而是往左邊展開
應(yīng)該是一件很讓人惱火的事情吧。
二、提高效率
閱讀圖形總比閱讀文字來的快。
(1)在提高效率方面,出現(xiàn)的最多的就是反饋圖標(biāo)了。
為了加快用戶理解反饋的速度,大部分網(wǎng)站的反饋不僅提供了辨識用的圖標(biāo),還用顏色做以區(qū)分。
這樣的反饋,不需要看完所有文案,一眼就能得到反饋信息。
(2)圖形在對比中的優(yōu)勢也是顯而易見:
就像上圖,你想了解不同賣家提供的服務(wù),通過圖形對比幾乎一眼就能看出差別。
但是如果沒有圖形呢,相信你得多花不少時間:
(3) 當(dāng)然,還有上面Twitter的那個例子,它極大的提高了我這個英盲的效率。
至少,我省去了查詞典的時間。
三、容易學(xué)習(xí)
現(xiàn)實環(huán)境中,有很多物理對象可以為我們提供隱喻。
雖然說在復(fù)雜的交互行為中,合適的隱喻體并不如我們想象中容易找到。
但是對于一些簡單的行為模式,使用一些通用圖形符號,會節(jié)省用戶的學(xué)習(xí)成本
例如上圖,左邊保存,右邊打印。
已經(jīng)廣泛的應(yīng)用在各大軟件界面上。
這種通用的甚至可以說是標(biāo)準(zhǔn)化的功能性圖形,對于用戶來說,學(xué)習(xí)成本是極低的。
當(dāng)然,不排除不合適的圖形反而給用戶帶來困擾的情況。
當(dāng)我們通過交互方式、文案,找不到合適的解決方式的時候。
不妨看看是不是能通過視覺的手法來解決問題。
就像Twitter那個貼心的箭頭按鈕一樣。
原文:http://www.xiaoduo.net/?p=177
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2019-06-04 10:46:20] 什么是圖形網(wǎng)格
- [2006-01-06 21:55:00] 網(wǎng)站設(shè)計和圖形用戶界面(GUI)設(shè)計的不同
- [2019-06-09 11:36:02] 運動的圖形圖片在網(wǎng)站上的體現(xiàn)
- [2007-10-09 12:15:00] 視覺設(shè)計不只是圖形
- [2007-01-15 16:13:00] 網(wǎng)頁界面設(shè)計教程三:圖形圖象設(shè)計
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
php程序 青島網(wǎng)站制作 如何做網(wǎng)站優(yōu)化 網(wǎng)站開發(fā) 蘋果系統(tǒng) 空白和簡潔的設(shè)計 css 膠南網(wǎng)站建設(shè)公司 中小型企業(yè)網(wǎng)站建設(shè) 響應(yīng)式設(shè)計 高端輪胎網(wǎng)站設(shè)計 手機端的網(wǎng)站 力圖 官網(wǎng)網(wǎng)站建設(shè) H5專題頁面 青島網(wǎng)站SEO 營銷型網(wǎng)站 企業(yè)建站 手機網(wǎng)站 IT資訊 企業(yè)網(wǎng)站設(shè)計 互聯(lián)網(wǎng) 微網(wǎng)站 青島高端網(wǎng)站建設(shè)公司哪家好 青島海洋投資集團 網(wǎng)站品牌 平面設(shè)計 青島SEO 青島網(wǎng)站建設(shè)基礎(chǔ)知識 微信小程序