推薦：交互設(shè)計實用指南系列(9)—一次點擊 - 交互設(shè)計
有一次去超市換貨，本能的找到服務(wù)中心，服務(wù)中心說這個業(yè)務(wù)在超市旁邊一個房間里，由于忘記帶小票，那個小房間的人讓我去另外一個小房間調(diào)電腦里的記錄，調(diào)出來我拿著記錄單去了賣貨的地方才換貨。其實超市退換的需求也不少，整個過程服務(wù)態(tài)度很好，但是很麻煩。 其實

虎年ued第一篇，年前寫完，今天發(fā)出來給大家分享！先給互聯(lián)網(wǎng)上的夢想者們拜個晚年！

以前經(jīng)常吃公司旁邊的食堂，人多，排隊。夏天的時候，我們總要找一個靠窗口通風(fēng)好的地方坐，沒有空調(diào)只有風(fēng)扇，風(fēng)扇很多，開關(guān)都集中在一個地方，應(yīng)該是方便操作人員統(tǒng)一管理，有時自己頭上的風(fēng)扇沒開，當(dāng)我要去開這個風(fēng)扇時，麻煩來了，很多排的風(fēng)扇開關(guān)，到底哪個是我頭上的呢？

生活中有很多總讓我們感覺莫名其妙，或者停下來需要思考的情況，有時不得不求助，到了互聯(lián)網(wǎng)上，可能很多情況發(fā)生了也沒什么求助的方法，只能自己猜，不猜了就只好關(guān)掉。

網(wǎng)頁上每項內(nèi)容都有可能迫使我們停下來，進行不必要的思考。比如內(nèi)容信息看不懂，操作功能不明確。例如，文案。常見的罪魁禍?zhǔn)资悄切┖芸峄蛘咦砸詾楹苈斆鞯拿���、帶有營銷傾向的名字、和具體公司有關(guān)的名字以及生僻的技術(shù)名詞。（Don’tMakeMeThink第一章）

當(dāng)我們訪問Web的時候，每個問號（讓用戶不明白的地方）都會加重我們的認(rèn)知負(fù)擔(dān)，把我們的注意力從要完成的任務(wù)上拉開。這種干擾也許很輕微，但它們會累積起來， 有時候這樣的干擾不用太多，就足以讓我們抓狂。況且，人們通常不喜歡苦苦思索背后的原理。建造網(wǎng)站的人沒有讓它們明白易懂（而且容易使用）會讓我們對這個網(wǎng)站以及網(wǎng)站的發(fā)布者失去信心。
按用戶心智模型去設(shè)計產(chǎn)品，下面列出一大堆訪問者在訪問網(wǎng)站時不應(yīng)該花時間思考的事，例如：

我在什么位置？

我該從哪里開始？

他們把××放在什么地方了？

這個頁面上最重要的是什么？

為什么他們給它取這個名字？
不讓用戶思考過多，原則上就是設(shè)計符合用戶心智模型。大致可以從下面幾個方面來講：

1文案：需要讓人容易理解，快速記憶。根據(jù)不同產(chǎn)品定位，找到恰當(dāng)?shù)那腥朦c，文案過長或者使用用戶不理解的情景，如技術(shù)用詞，營銷用詞等，都會使人不知所云。

省略多余的文案，比如過分修飾，歡迎語，多余指示性語句，這些羅嗦的詞語會影響用戶對關(guān)鍵信息的閱讀理解和判斷，必須干掉。

2圖形：好的圖形表達(dá)是優(yōu)于文字的，但是圖形沒有把內(nèi)容表示明確，反而適得其反，給用戶造成理解上的困擾。

很多情況下，我們好像都很喜歡做一些很炫的icon來表達(dá)某些內(nèi)容，這些是會起到吸引性，但要記住一點，你的圖形是不是很好的闡釋了內(nèi)容，如果做不到，那就去掉吧。不如放大標(biāo)題來的更好。
每個網(wǎng)站需要有它的獨特性來吸引用戶，但表達(dá)這些獨特性的元素，例如圖形，一定不能對用戶理解內(nèi)容產(chǎn)生干擾。很重要的一點，我們設(shè)計是要表達(dá)什么，為了什么，怎樣更好的幫助用戶來理解這些表達(dá)，是我們一定要做到的。
網(wǎng)站不是炫技場，設(shè)計要為內(nèi)容服務(wù)。

3信息：信息其實是文案、圖形等形式的混合體。信息之間，是否建立了相應(yīng)的關(guān)聯(lián)度，不相關(guān)聯(lián)的信息之間是否產(chǎn)生了干擾。

大量的信息是否進行了合理的分類，以減輕用戶的尋找時間。信息分類處理上，有個深廣度問題，廣度站點因為層級少，可以讓用戶不需要點擊過多就可以到達(dá)底層；深度站點需要點擊更多次，但它在每一層次上可以做到讓人的思考最小化。關(guān)于信息的深廣度，詳細(xì)見這里。
所以，有效合理的信息分類可以幫助用戶快速準(zhǔn)確瀏覽和完成任務(wù)。

4引導(dǎo)：通過菜單，導(dǎo)航，面包屑等手段有效引導(dǎo)用戶行為路徑，讓用戶方便去他想去的地方，回他想回的地方。

在路邊，我們希望有路牌指示；在雜志上，我們希望前面有目錄，在每頁我們還希望有頁碼，在網(wǎng)站設(shè)計中，我們引導(dǎo)好用戶需要瀏覽的內(nèi)容；在用戶需要的時候給予網(wǎng)站工具來方便完成任務(wù)，在這點上，很多時候我們總是希望上新功能，把功能做的突出，殊不知用戶是不是也這樣想，他到底在這里需要什么。

5操作方式：充分順應(yīng)用戶的心理思維，來設(shè)計功能的操作，可以使用戶快速上手。

汽車方向盤往左打，汽車就往左開；插排電源按下去燈亮；相關(guān)內(nèi)容旁邊放置相關(guān)操作，操作尖頭朝下說明有下拉內(nèi)容，等等。這些操作方式都是要符合用戶心智模型的。

6一致性：設(shè)計在同產(chǎn)品（甚至同類產(chǎn)品）中保持一致性，可以大大降低用戶理解成本，使用戶快速上手，增加用戶的使用率。

這里的一致性包括顏色，形狀，內(nèi)容，操作方式。比如紅綠燈如果各地都不一樣，外地人來了豈不會導(dǎo)致交通混亂。同一個網(wǎng)站也應(yīng)該有這樣的一致性，有些都可以保持行業(yè)的一致性，比如頁面上使用一樣的翻頁等，既可以降低制作成本，又對用戶的使用有良好的認(rèn)知幫助。到一定程度，也會提升一個品牌的認(rèn)知，比如阿迪達(dá)斯到處使用的三道杠。

下面看個例子：這個是某期寶貝傳奇的宣傳頁面，進來以后甚是讓人看不懂！沒有很好的根據(jù)用戶心里預(yù)知和相關(guān)內(nèi)容的合理放置來設(shè)計。這只是一個活動，如果是一個長期產(chǎn)品，用戶接受程度可想而知。

我們都知道別讓我思考最經(jīng)典的頁面是google首頁：logo起到網(wǎng)站認(rèn)知作用，搜索框緊跟logo并最大化使其最容易被使用，其他信息按歸類放置，并根據(jù)等級高低依次減弱。雖然大多產(chǎn)品都有其他商業(yè)性需求考慮，但設(shè)計師不能被這些沖昏頭腦，機械性的表現(xiàn)內(nèi)容。多花心思把繁雜信息理清楚，要知道，設(shè)計師都不是很清楚信息的關(guān)系，用戶就更不會明白。

分享：交互設(shè)計實用指南系列(8)—深廣度平衡 - 交互設(shè)計
相信大家對街邊林林總總的房產(chǎn)中介并不陌生，那么我們先看看下面這張圖片。 圖1 從右側(cè)這家店的櫥窗里，我們能迅速分清哪些是租房信息哪些是售房信息。因為店家很貼心的將房產(chǎn)信息進行歸類，并且在視覺上做了一些劃分，讓我們對信息能一目了然。借這個小案例引出我們今