建站常識
交互設(shè)計(10)—別讓我思考
2010-02-26 21:52:00
虎年ued第一篇,年前寫完,今天發(fā)出來給大家分享!先給互聯(lián)網(wǎng)上的夢想者們拜個晚年!
以前經(jīng)常吃公司旁邊的食堂,人多,排隊。夏天的時候,我們總要找一個靠窗口通風好的地方坐,沒有空調(diào)只有風扇,風扇很多,開關(guān)都集中在一個地方,應該是方便操作人員統(tǒng)一管理,有時自己頭上的風扇沒開,當我要去開這個風扇時,麻煩來了,很多排的風扇開關(guān),到底哪個是我頭上的呢?
生活中有很多總讓我們感覺莫名其妙,或者停下來需要思考的情況,有時不得不求助,到了互聯(lián)網(wǎng)上,可能很多情況發(fā)生了也沒什么求助的方法,只能自己猜,不猜了就只好關(guān)掉。
網(wǎng)頁上每項內(nèi)容都有可能迫使我們停下來,進行不必要的思考。比如內(nèi)容信息看不懂,操作功能不明確。例如,文案。常見的罪魁禍首是那些很酷或者自以為很聰明的名字、帶有營銷傾向的名字、和具體公司有關(guān)的名字以及生僻的技術(shù)名詞。(Don’t Make Me Think第一章)
當我們訪問Web的時候,每個問號(讓用戶不明白的地方)都會加重我們的認知負擔,把我們的注意力從要完成的任務上拉開。這種干擾也許很輕微,但它們會累積起來, 有時候這樣的干擾不用太多,就足以讓我們抓狂。況且,人們通常不喜歡苦苦思索背后的原理。建造網(wǎng)站的人沒有讓它們明白易懂(而且容易使用)會讓我們對這個網(wǎng)站以及網(wǎng)站的發(fā)布者失去信心。
按用戶心智模型去設(shè)計產(chǎn)品,下面列出一大堆訪問者在訪問網(wǎng)站時不應該花時間思考的事,例如:
? 我在什么位置?
? 我該從哪里開始?
? 他們把××放在什么地方了?
? 這個頁面上最重要的是什么?
? 為什么他們給它取這個名字?
不讓用戶思考過多,原則上就是設(shè)計符合用戶心智模型。大致可以從下面幾個方面來講:
1文案:需要讓人容易理解,快速記憶。根據(jù)不同產(chǎn)品定位,找到恰當?shù)那腥朦c,文案過長或者使用用戶不理解的情景,如技術(shù)用詞,營銷用詞等,都會使人不知所云。
省略多余的文案,比如過分修飾,歡迎語,多余指示性語句,這些羅嗦的詞語會影響用戶對關(guān)鍵信息的閱讀理解和判斷,必須干掉。
2圖形:好的圖形表達是優(yōu)于文字的,但是圖形沒有把內(nèi)容表示明確,反而適得其反,給用戶造成理解上的困擾。
很多情況下,我們好像都很喜歡做一些很炫的icon來表達某些內(nèi)容,這些是會起到吸引性,但要記住一點,你的圖形是不是很好的闡釋了內(nèi)容,如果做不到,那就去掉吧。不如放大標題來的更好。
每個網(wǎng)站需要有它的獨特性來吸引用戶,但表達這些獨特性的元素,例如圖形,一定不能對用戶理解內(nèi)容產(chǎn)生干擾。很重要的一點,我們設(shè)計是要表達什么,為了什么,怎樣更好的幫助用戶來理解這些表達,是我們一定要做到的。
網(wǎng)站不是炫技場,設(shè)計要為內(nèi)容服務。
3信息:信息其實是文案、圖形等形式的混合體。信息之間,是否建立了相應的關(guān)聯(lián)度,不相關(guān)聯(lián)的信息之間是否產(chǎn)生了干擾。
大量的信息是否進行了合理的分類,以減輕用戶的尋找時間。信息分類處理上,有個深廣度問題,廣度站點因為層級少,可以讓用戶不需要點擊過多就可以到達底層;深度站點需要點擊更多次,但它在每一層次上可以做到讓人的思考最小化。關(guān)于信息的深廣度,詳細見這里。
所以,有效合理的信息分類可以幫助用戶快速準確瀏覽和完成任務。
4引導:通過菜單,導航,面包屑等手段有效引導用戶行為路徑,讓用戶方便去他想去的地方,回他想回的地方。
在路邊,我們希望有路牌指示;在雜志上,我們希望前面有目錄,在每頁我們還希望有頁碼,在網(wǎng)站設(shè)計中,我們引導好用戶需要瀏覽的內(nèi)容;在用戶需要的時候給予網(wǎng)站工具來方便完成任務,在這點上,很多時候我們總是希望上新功能,把功能做的突出,殊不知用戶是不是也這樣想,他到底在這里需要什么。
5操作方式:充分順應用戶的心理思維,來設(shè)計功能的操作,可以使用戶快速上手。
汽車方向盤往左打,汽車就往左開;插排電源按下去燈亮;相關(guān)內(nèi)容旁邊放置相關(guān)操作,操作尖頭朝下說明有下拉內(nèi)容,等等。這些操作方式都是要符合用戶心智模型的。
6一致性:設(shè)計在同產(chǎn)品(甚至同類產(chǎn)品)中保持一致性,可以大大降低用戶理解成本,使用戶快速上手,增加用戶的使用率。
這里的一致性包括顏色,形狀,內(nèi)容,操作方式。比如紅綠燈如果各地都不一樣,外地人來了豈不會導致交通混亂。同一個網(wǎng)站也應該有這樣的一致性,有些都可以保持行業(yè)的一致性,比如頁面上使用一樣的翻頁等,既可以降低制作成本,又對用戶的使用有良好的認知幫助。到一定程度,也會提升一個品牌的認知,比如阿迪達斯到處使用的三道杠。
下面看個例子:這個是某期寶貝傳奇的宣傳頁面,進來以后甚是讓人看不懂!沒有很好的根據(jù)用戶心里預知和相關(guān)內(nèi)容的合理放置來設(shè)計。這只是一個活動,如果是一個長期產(chǎn)品,用戶接受程度可想而知。
我們都知道別讓我思考最經(jīng)典的頁面是google首頁:logo起到網(wǎng)站認知作用,搜索框緊跟logo并最大化使其最容易被使用,其他信息按歸類放置,并根據(jù)等級高低依次減弱。雖然大多產(chǎn)品都有其他商業(yè)性需求考慮,但設(shè)計師不能被這些沖昏頭腦,機械性的表現(xiàn)內(nèi)容。多花心思把繁雜信息理清楚,要知道,設(shè)計師都不是很清楚信息的關(guān)系,用戶就更不會明白。
原文:http://ued.taobao.com/blog/2010/02/26/the-practice-guidelines-of-interaction-design-dont-make-me-think/
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎ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] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-02-06 15:54:00] 交互設(shè)計(9)—一次點擊
- [2010-09-06 08:19:00] 關(guān)于設(shè)計文檔的分析
- [2009-05-19 11:38:00] 淺談無結(jié)果頁面反饋提示交互設(shè)計
- [2009-07-07 08:01:00] 面包屑設(shè)計
- [2010-12-28 08:25:00] 正確的引導(一)
- [2010-01-24 21:48:00] 交互設(shè)計(7)一避免迷路
- [2007-11-21 22:44:00] 交互設(shè)計的理論普及
- [2010-01-11 21:41:00] 交互設(shè)計(5)–突出重點,一目了然
- [2009-06-04 08:18:00] 微軟Bing交互設(shè)計與用戶體驗
- [2010-04-10 21:49:00] 創(chuàng)造設(shè)計中的優(yōu)雅與節(jié)奏
- [2010-08-10 16:03:00] 淺談交互設(shè)計規(guī)范
- [2008-01-27 09:58:00] 交互設(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)鍵字
力圖 手機端的網(wǎng)站 微信開發(fā) 響應式設(shè)計 青島網(wǎng)站建設(shè) 審美 微網(wǎng)站 SEO 官網(wǎng)建設(shè) 微信營銷的優(yōu)勢 青島輪胎網(wǎng)站設(shè)計公司 php程序 網(wǎng)站動畫 中小型企業(yè)網(wǎng)站建設(shè) 良好的導航 膠南網(wǎng)站建設(shè)公司 H5專題頁面 集團公司網(wǎng)站建設(shè) 微官網(wǎng)帶來的好處 頁面設(shè)計 企業(yè)網(wǎng)站建設(shè) 網(wǎng)站SEO 青島高端網(wǎng)站設(shè)計公司哪家好 青島網(wǎng)站制作 青島網(wǎng)站優(yōu)化 青島黃島、紅島網(wǎng)站建設(shè)公司 青島輪胎網(wǎng)站設(shè)計 輪胎網(wǎng)站設(shè)計 青島flash網(wǎng)站 如何做網(wǎng)站優(yōu)化