2019-11-10 ui設(shè)計(jì)分享達(dá)人
好的用戶體驗(yàn)是不會(huì)讓用戶注意到并毫無(wú)察覺(jué)的一種體驗(yàn)。表面上看似非常簡(jiǎn)單，但實(shí)際上設(shè)計(jì)師已經(jīng)做出了非常多的設(shè)計(jì)思考。用戶越少的去思考界面，用戶就越能專注他們要完成的目標(biāo)。在瀏覽頁(yè)面時(shí)，用戶的注意力不應(yīng)該停留在界面和設(shè)計(jì)上，他們更應(yīng)該關(guān)注的是如何達(dá)成他們的目的。所以作為設(shè)計(jì)師的首要工作就是通過(guò)事先清除障礙，為用戶提供直達(dá)目標(biāo)的途徑。
“通常，飛速行駛的貨車不可能輕松地停下來(lái)。因?yàn)檫\(yùn)用更多的動(dòng)能去改變運(yùn)動(dòng)狀態(tài)是非常困難的。與其強(qiáng)迫人們從他們的主任務(wù)上轉(zhuǎn)移注意力，不如直接帶他們?nèi)ニ麄兿肴サ牡胤??！?
——Luke Wroblewski，谷歌產(chǎn)品總監(jiān)
換個(gè)思路來(lái)看。復(fù)雜和混亂的界面會(huì)迫使用戶去尋找解決問(wèn)題的方法，而通常情況下，這些方法并不是一目了然的。用戶會(huì)因?yàn)檫^(guò)多的選項(xiàng)、界面、導(dǎo)航等感到困惑，用戶可能會(huì)在思考過(guò)程中感到不知所措。即便是很短暫的停頓，也足以讓用戶離開(kāi)。
這種過(guò)度的思考就被稱為認(rèn)知過(guò)載，在這篇文章里，我們將為你解釋如何避免認(rèn)知過(guò)載。首先，我們需要明白我們大腦中存在過(guò)載風(fēng)險(xiǎn)的原因。
認(rèn)知超負(fù)荷的科學(xué)根源
認(rèn)知過(guò)載是指工作記憶中腦力處理的信息總量過(guò)多。當(dāng)你的工作記憶接收到的信息超出其可以輕松處理的信息時(shí)，就會(huì)發(fā)生認(rèn)知過(guò)載，從而產(chǎn)生挫敗感。
但這究竟意味著什么？工作記憶到底是什么？針對(duì)這些我們又應(yīng)該怎樣進(jìn)行設(shè)計(jì)呢？那就讓我們先來(lái)了解一下認(rèn)知負(fù)荷理論的起源吧。
JOHN SWELLER和認(rèn)知負(fù)荷理論
雖然對(duì)認(rèn)知的研究可以追溯到幾個(gè)世紀(jì)，但直到20世紀(jì)80年代，澳大利亞教育心理學(xué)家約翰·瑞勒才將這項(xiàng)研究應(yīng)用于教學(xué)設(shè)計(jì)當(dāng)中。Sweller試圖為每一種類型的學(xué)習(xí)者找出最適合他們的學(xué)習(xí)方法，讓他們可以記住他們學(xué)到的所有知識(shí)。換句話說(shuō)，怎樣的課程設(shè)計(jì)才是最佳的呢？
Sweller在1988年出版了“ 認(rèn)知負(fù)荷理論，學(xué)習(xí)難度和教學(xué)設(shè)計(jì) ”，這使他的研究工作達(dá)到新的高峰，于1994年重新修改并重新發(fā)表。他的研究中運(yùn)用了數(shù)據(jù)組織結(jié)構(gòu)中的圖表數(shù)據(jù)庫(kù)，講述了有效和無(wú)效的教學(xué)方法，而他對(duì)于工作記憶負(fù)荷極限的研究結(jié)果才是設(shè)計(jì)師們找到的最有用內(nèi)容。
Sweller的研究在許多方面擴(kuò)展了George Miller的信息加工理論。George Miller是一位認(rèn)知心理學(xué)家和語(yǔ)言學(xué)家，他在20世紀(jì)50年代測(cè)試出短期記憶的極限。Miller的研究在于數(shù)字化設(shè)計(jì)，尤其是分塊技術(shù)方面，這將在后面討論。另外，Miller還創(chuàng)作了論文“ The Magical Number Seven, Plus orMinus Two“，這個(gè)理論促使許多設(shè)計(jì)師將菜單項(xiàng)的數(shù)量限制在5和9之間。
雖然這些理論最初是針對(duì)教育領(lǐng)域的，但它們同樣適用于用戶體驗(yàn)（UX）設(shè)計(jì)。
工作記憶
如果你每次打開(kāi)冰箱，都必須回答一個(gè)像謎語(yǔ)一樣的問(wèn)題，“什么東西小的時(shí)候四只腳走路，長(zhǎng)大了以后兩只腳，而老了以后有三只腳？”這是一個(gè)老段子。但是，根據(jù)認(rèn)知負(fù)荷理論，使用這種讓人無(wú)奈的用戶體驗(yàn)設(shè)計(jì)會(huì)讓用戶產(chǎn)生挫敗感。
要理解認(rèn)知負(fù)荷理論，你必須要了解什么是工作記憶，大腦在短時(shí)間內(nèi)用于完成任務(wù)的過(guò)程便是工作記憶。工作記憶必須借助外部刺激和短期記憶，并在需要時(shí)從長(zhǎng)期記憶中抽取。通俗一點(diǎn)說(shuō)，工作記憶相當(dāng)于計(jì)算機(jī)內(nèi)存，而長(zhǎng)期記憶則相當(dāng)于硬盤驅(qū)動(dòng)器。
工作記憶和短期記憶通?？梢曰Q使用，但它們略有不同。工作記憶是處理信息的過(guò)程，而短期記憶更像是一個(gè)信息的便簽本，它雖然重要，但卻沒(méi)有長(zhǎng)期記憶重要。
讓我們看看這篇文章是如何解釋這些差異的。在你閱讀的時(shí)候，你可能會(huì)遇到一個(gè)用藍(lán)色字體書寫的陌生概念。你的工作記憶需要知道藍(lán)色文本是什么意思，才能夠理解文章更深層的含義。你的長(zhǎng)期記憶知道藍(lán)色文本表示鏈接，因此你的工作記憶知道點(diǎn)擊該鏈可以獲得更多信息。與此同時(shí)，你的短期記憶會(huì)記住你在文章中的位置，這樣當(dāng)你從外部頁(yè)面返回時(shí)你不會(huì)迷失，但到了第二天早上，該位置就會(huì)被遺忘掉。
設(shè)計(jì)中的應(yīng)用
Steve Krug（史蒂夫·克魯格）是一位很有影響力的作家，他在網(wǎng)頁(yè)設(shè)計(jì)中極力推崇認(rèn)知負(fù)荷理論。他的書《Don’t make me think》被許多設(shè)計(jì)師認(rèn)為是有巨大影響力的著作。
書中記錄了許多寶貴的經(jīng)驗(yàn)，下面就列舉一些的：
1、每一個(gè)頁(yè)面都要清晰明了。
2、用戶傾向于“滿意” - 也就是說(shuō)，采取一個(gè)最簡(jiǎn)單的解決方案來(lái)解決他們的問(wèn)題，而不是最好的解決方案。此外，作為習(xí)慣的生物，用戶將一遍又一遍地使用相同的方法解決問(wèn)題，而不會(huì)刻意尋找一個(gè)更好的選擇。
3、當(dāng)新用戶可以熟練使用該系統(tǒng)來(lái)實(shí)現(xiàn)他們的目標(biāo)時(shí)，系統(tǒng)的可用性就足夠了。
4、用戶使用網(wǎng)絡(luò)的絕大部分是想要節(jié)省時(shí)間。因此，用戶的行為通常會(huì)像鯊魚一樣“保持移動(dòng)，否則就會(huì)死亡”。
5、后退按鈕是Web瀏覽器最常用的功能。
6、屏幕上顯示的主頁(yè)按鈕即使從來(lái)不被用戶使用，但也能讓用戶感到放心。
總之，用戶在瀏覽網(wǎng)站過(guò)程中哪怕是一瞬間的思考，也會(huì)對(duì)他們的工作記憶造成負(fù)擔(dān)。例如 “這個(gè)可以點(diǎn)擊嗎？“首頁(yè)按鈕在哪兒？”和“我怎么保存？”等等問(wèn)題，都會(huì)不同程度破壞用戶體驗(yàn)。
認(rèn)知超負(fù)荷最常見(jiàn)的原因
許多設(shè)計(jì)元素都有可能對(duì)用戶的大腦造成超負(fù)荷，外界環(huán)境中會(huì)有更多的因素它們超出了設(shè)計(jì)師的控制范圍。例如：一個(gè)用戶瀏覽網(wǎng)站的同時(shí)會(huì)擔(dān)心第二天的工作報(bào)告，或者被窗戶外裝修的噪音所打擾，此時(shí)，無(wú)論你的網(wǎng)站設(shè)計(jì)多么簡(jiǎn)單，這些都會(huì)耗盡他們的工作記憶。
我們要知道每個(gè)用戶的工作記憶能力都不同。隨性的用戶比那些對(duì)每一件小事都無(wú)比關(guān)注的用戶更能專注于你的網(wǎng)站。不經(jīng)常上網(wǎng)的用戶往往比經(jīng)驗(yàn)豐富的網(wǎng)絡(luò)用戶思考的更多。
雖然我們無(wú)法量化所有的認(rèn)知過(guò)載，但我們可以盡量的去避免他的產(chǎn)生，下面，我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)中最常見(jiàn)的類型以及避免它們的最佳方法進(jìn)行了分類說(shuō)明。
1.不必要的操作
用戶的每一步操作都會(huì)增加他們的認(rèn)知負(fù)擔(dān)。過(guò)多不必要的操作會(huì)打斷用戶的思路或者會(huì)讓用戶抓狂。因?yàn)橛脩舻墓ぷ饔洃浂技性谕瓿商囟ǖ哪繕?biāo)上，所以多余的操作將迫使用戶投入更多的精力，這樣就需要更多的工作記憶才能完成任務(wù)，所以，那些不必要的操作步驟很考驗(yàn)用戶的耐心。
速度和節(jié)奏是讓認(rèn)知負(fù)荷最小化的基本因素。用戶希望以輕快，目的性很強(qiáng)的步驟來(lái)完成任務(wù)，所以應(yīng)該提前消除一切延遲。
用戶希望在他們提交郵箱地址之前就知道他們將要進(jìn)入什么網(wǎng)站，但Touch of Modern卻要求用戶在使用之前必須進(jìn)行注冊(cè)！這個(gè)強(qiáng)制而又多余的行為將會(huì)嚇跑很多的潛在用戶。
解決方案
下面這個(gè)方法，可以幫助我們找到不必要的操作有哪些：列出用戶要完成任務(wù)必須要去做的步驟。例如發(fā)送電子郵件：
1、點(diǎn)擊電子郵件圖標(biāo)。
2、點(diǎn)擊“發(fā)送到”輸入框。
3、輸入電子郵件地址。
4、點(diǎn)擊“主題”輸入框。
5、等等....
現(xiàn)在，重新審視列表并且找出可刪減的操作步驟，想到什么了嗎？你可以通過(guò)將光標(biāo)一開(kāi)始就自動(dòng)定位在“發(fā)送到”字段就可以刪除步驟2.這將減少用戶的操作，雖然很微小，但你消除的每一步對(duì)于用戶來(lái)說(shuō)都是友好的。
我們來(lái)看看谷歌的主頁(yè)。光標(biāo)一開(kāi)始就在搜索輸入框當(dāng)中，因此用戶所要做的就是開(kāi)始輸入文字。這些微小的交互提升了整體的用戶體驗(yàn)，所以不要忽視它們。
2.過(guò)度刺激
雜亂無(wú)章的頁(yè)面會(huì)分散用戶的注意力，使用戶無(wú)法專注他們想要完成的目標(biāo)。就像有好幾個(gè)人同時(shí)與你交談時(shí)你會(huì)很難集中注意力，當(dāng)頁(yè)面上太多的圖片、動(dòng)畫、圖標(biāo)、廣告、文本類型和鮮艷的顏色奪取你的注意時(shí)，就會(huì)很難集中注意力。
記住，每個(gè)人的工作記憶在完成目標(biāo)的過(guò)程中，會(huì)因?yàn)橥饨绲拇碳?duì)每一步工作重新排序。每一次分心，尤其是視覺(jué)上的強(qiáng)烈刺激，都需要消耗用戶的一部分注意力。
LINGsCARS就是個(gè)極端的例子，你可以看到有強(qiáng)烈對(duì)比的顏色和絢麗的動(dòng)效沖擊著人們的感官。在屏幕上，即便在兩個(gè)不同位置同時(shí)進(jìn)行的動(dòng)效依然會(huì)對(duì)用戶造成過(guò)度刺激。
解決方法
首先，減少一切不必要的元素。僅保留必要的內(nèi)容通常是最佳的選擇，減少加載時(shí)間并簡(jiǎn)化體驗(yàn)。用戶更喜歡視覺(jué)簡(jiǎn)單的網(wǎng)站，而不是視覺(jué)上復(fù)雜的網(wǎng)站。
你還可以進(jìn)行內(nèi)容區(qū)分以達(dá)到平衡的效果。太多相同的內(nèi)容（比如文字或圖像）會(huì)讓用戶感到厭煩。所以，視覺(jué)內(nèi)容要進(jìn)行合理的組合，圖像、視頻、信息圖表等，能夠使頁(yè)面和諧，并便于用戶理解。
影視網(wǎng)站IMDb本可以在很大程度上輕松地只依靠圖片進(jìn)行排版，但它反而運(yùn)用同量的文字內(nèi)容來(lái)平衡網(wǎng)站頁(yè)面。
在抽取出一個(gè)頁(yè)面上必須要展示的元素之后，你應(yīng)該采用一種讓用戶立即能夠理解的方式組織這些元素。對(duì)稱或者不對(duì)稱的信息布局顯示都可以很快的被用戶所理解，也就是說(shuō)，用一種方式，盡可能的減少大腦的工作。這樣不僅對(duì)稱和不對(duì)稱都能讓眼睛感覺(jué)很舒適，而這樣的結(jié)構(gòu)也能讓界面交互更容易。
下面來(lái)看一下Groupon是如何布置頁(yè)面的吧。左中是文本類的垂直菜單，右中是一個(gè)有特色的凍酸奶交易文本描述，插在文本中間的照片和色塊的使用，分分鐘創(chuàng)造出一個(gè)讓人喜愛(ài)的沙漏結(jié)構(gòu)。
下面來(lái)看看Groupon是如何將它的垂直菜單（中間偏左）和描述凍酸奶的文字（中間偏右）進(jìn)行布局的吧。大圖居中被文字包圍著，這樣就打造了一個(gè)舒適自然的沙漏形狀。
對(duì)稱不僅僅是在屏幕的兩側(cè)應(yīng)用相同的布局，它是視覺(jué)重心和視覺(jué)方向的平衡。通過(guò)這種方式，非對(duì)稱頁(yè)面也能看起來(lái)很有組織性，如下圖的OTHR所示。
將你的頁(yè)面內(nèi)容精減到只包含簡(jiǎn)單的和非競(jìng)爭(zhēng)性的元素，這只是完成了預(yù)防過(guò)度刺激工作的一半。。不要忘記要以簡(jiǎn)單的布局呈現(xiàn)這些元素。
3、太多選項(xiàng)（?？硕桑?/strong>
這有點(diǎn)自相矛盾：用戶需要更多的選擇，但是往往太多的選擇會(huì)使他們的大腦超負(fù)荷。
席克定律（選擇困難癥）為我們揭示出了一種現(xiàn)象：用戶擁有的選擇越多，他們做出決定的時(shí)間就越長(zhǎng)。
作為設(shè)計(jì)師要去理解庫(kù)克定律，可以把每個(gè)選項(xiàng)看作是明亮的閃光燈，如下所示，太多的閃光燈會(huì)過(guò)度刺激用戶。
甚至像Rakuten這樣的知名網(wǎng)站也會(huì)犯類似的錯(cuò)誤，因?yàn)樗麄儧](méi)有真正的理解這個(gè)設(shè)計(jì)原則。給用戶需要的而不是給他們認(rèn)為他們需要的。
解決方案
假如你已經(jīng)解決了不必要的和多余的選項(xiàng)，你可以將他們分別放入不同的組進(jìn)行分類，你可以在百貨商店的網(wǎng)站上看到很多例子，這些網(wǎng)站擁有廣泛的產(chǎn)品選擇。
它不一定是太多的選擇, 只是一次有太多的選擇。如果你可以用隱藏菜單，抽屜和拉出其中的一種方式隱藏一些選項(xiàng)，那么你將獲得兩全其美的效果，這些超級(jí)菜單雖然為用戶提供了許多選項(xiàng)，但一定程度上不會(huì)給用戶帶來(lái)很大的負(fù)擔(dān)。
但是，隱藏式的導(dǎo)航欄不利于發(fā)現(xiàn)，因此電子商務(wù)和新聞等行業(yè)的設(shè)計(jì)人員應(yīng)該注意。你可以通過(guò)放置其他類似產(chǎn)品的鏈接使缺點(diǎn)最小化（比方說(shuō)亞馬遜的“相關(guān)購(gòu)買”）從而最大限度地減少隱藏菜單的缺點(diǎn)?；蛘吣憧梢詺w納導(dǎo)航菜單的類別，將它們精簡(jiǎn)為單行導(dǎo)航（如Apple和CNN那樣）。
你還需要注意應(yīng)該如何組織整個(gè)網(wǎng)站的導(dǎo)航。許多與庫(kù)克定律有關(guān)的問(wèn)題可以通過(guò)管理信息架構(gòu)（IA）來(lái)處理，我們將在下面的“難以查找的頁(yè)面和功能”部分中討論。
4.太多內(nèi)容
就像過(guò)度刺激和選項(xiàng)過(guò)多的問(wèn)題一樣，提供過(guò)多的內(nèi)容會(huì)將用戶的工作記憶拉向不同的方向。
顯然，你希望展現(xiàn)的只是重要的內(nèi)容，但對(duì)于一些網(wǎng)站來(lái)說(shuō)，一切都是重要的，如果你的網(wǎng)站也有非常多的內(nèi)容，為了避免讓用戶產(chǎn)生困惑，應(yīng)該對(duì)內(nèi)容信息進(jìn)行和里的組織規(guī)劃。
Arngren的問(wèn)題并不是它展示了很多的產(chǎn)品，而是它同時(shí)展示了太多的產(chǎn)品。在組織結(jié)構(gòu)上的調(diào)整將會(huì)給網(wǎng)站帶來(lái)更好的體驗(yàn)。
解決方案
如上所述，George Miller的解決策略是“分塊”，將需要展示的大量?jī)?nèi)容以可管理的方式組合起來(lái)，以便于記憶，電話號(hào)碼分為國(guó)家代碼，區(qū)號(hào)，一組三位數(shù)和兩組四位數(shù)字便于記憶，而一連串的11個(gè)數(shù)字會(huì)很難被記住。
你想在商店主頁(yè)上放大量產(chǎn)品的圖片嗎？比起將它們?nèi)苛_列出來(lái)，不如通過(guò)他們的類型將他們分組羅列。Etsy通過(guò)根據(jù)不同的店鋪將產(chǎn)品進(jìn)行分組展示。
還有文本組塊，文本組塊包括簡(jiǎn)短的自然段，合理利用標(biāo)題和副標(biāo)題以及足夠的留白。
對(duì)于需要大量數(shù)據(jù)的長(zhǎng)表單字段，可以嘗試采用多步驟表單。長(zhǎng)表單可能會(huì)令人生畏，有時(shí)會(huì)導(dǎo)致用戶流失。你可以將表單的信息分在不同的頁(yè)面里，減少信息過(guò)量給用戶帶來(lái)的影響。記得一定要有一個(gè)進(jìn)度標(biāo)記來(lái)讓用戶知道還剩下多少頁(yè)。（可以總結(jié)為復(fù)雜的頁(yè)面簡(jiǎn)單化）
購(gòu)買機(jī)票總是涉及填寫大量的信息，其中沒(méi)有一項(xiàng)是多余的。Virgin Atlantic通過(guò)將其分解在多個(gè)單頁(yè)面上填寫來(lái)改善其繁瑣的體驗(yàn)：選擇航班，填寫乘客信息，輸入付款詳細(xì)信息等。將所有這些信息放在一個(gè)長(zhǎng)頁(yè)面上會(huì)對(duì)用戶造成負(fù)擔(dān)，也有可能會(huì)放棄購(gòu)買。
5.模棱兩可的界面
認(rèn)知超負(fù)荷的罪魁禍?zhǔn)紫染褪怯脩艚缑婊靵y。永遠(yuǎn)不要讓用戶花費(fèi)大量的時(shí)間來(lái)弄清楚他們?nèi)绾尾拍芡瓿上胍哪繕?biāo)，以及花費(fèi)時(shí)間來(lái)弄清楚圖標(biāo)的含義是什么。
并非所有用戶都是經(jīng)驗(yàn)豐富的，從而可以理解SpeedCrunch這種含義模糊的圖標(biāo)。即使他們能夠識(shí)別代表Windows系統(tǒng)和Mac OS X系統(tǒng)的符號(hào)，那么位于右下角的那兩個(gè)圖標(biāo)也會(huì)讓用戶迷茫。
解決方案
使用用戶已經(jīng)熟知的視覺(jué)提示。用戶通常會(huì)用他所熟悉的符號(hào)來(lái)進(jìn)行操作，即便是在以前從未使用過(guò)的網(wǎng)站上也是這樣。如果你覺(jué)得沒(méi)有新意，可以融合品牌特征巧妙的結(jié)合成為用戶所熟悉的形式。Home Depot雖然運(yùn)用了較為普遍的圖標(biāo)，但同時(shí)也賦予了他們品牌獨(dú)有的橙色。
標(biāo)準(zhǔn)標(biāo)簽（如“聯(lián)系人”和“提交”）的按鈕比非傳統(tǒng)標(biāo)簽（如“地址”或“開(kāi)始”）更容易識(shí)別。通常已知的標(biāo)簽可以提高用戶的瀏覽體驗(yàn)，而不常見(jiàn)的標(biāo)簽會(huì)讓用戶暫停以了解按鈕的功能。不要為了個(gè)性化而喪失了識(shí)別性。
另外，你如果真的需要一個(gè)從未見(jiàn)過(guò)的圖標(biāo)該怎么辦呢？如果這樣，可以運(yùn)用現(xiàn)實(shí)生活中的場(chǎng)景展示來(lái)讓圖標(biāo)進(jìn)行自我解釋，這種做法是連接現(xiàn)實(shí)和虛擬的橋梁。例如：早期的互聯(lián)網(wǎng)先驅(qū)選擇了一個(gè)信封來(lái)代表電子郵件，因?yàn)樾欧馐青]件系統(tǒng)的明顯標(biāo)志。
此外，要避免含義模糊的圖標(biāo)，特別是可能還會(huì)被誤認(rèn)為是其他含義的圖標(biāo)，就像下列Issuu的圖標(biāo)，有些是被人熟知的，但有一些卻不是。如果用戶必須通過(guò)點(diǎn)擊這個(gè)圖標(biāo)來(lái)發(fā)現(xiàn)它的功能，這就會(huì)中斷他們的操作進(jìn)程。
任何一個(gè)表意不清的圖標(biāo)都應(yīng)該附帶說(shuō)明，告訴用戶怎樣操作。新的并且不常見(jiàn)的用戶界面，就需要更多的分步教程。例如，Slack就給出了一個(gè)完整的視頻引導(dǎo)來(lái)說(shuō)明界面的操作流程。
6.難以查找的頁(yè)面和功能
即使用戶已經(jīng)擁有他們所需要的一切，但他們可能還是不知道如何去尋找它。這樣就會(huì)讓用戶費(fèi)盡腦力去尋找他們所需要的。作為用戶體驗(yàn)中不可或缺的元素，導(dǎo)航應(yīng)該放在明顯的地方，給用戶信心去任意瀏覽網(wǎng)站而不會(huì)迷失。
如果你覺(jué)得漢堡包圖標(biāo)不好，那可以在看看Mojo Yogurt，它會(huì)要求你將鼠標(biāo)懸停在左上角的徽標(biāo)上以顯示導(dǎo)航菜單。
雖然圍繞著Logo有個(gè)小的動(dòng)效，但對(duì)于整個(gè)屏幕的顏色和動(dòng)效來(lái)說(shuō)，它并不夠明顯。
解決方案
根據(jù)用戶的偏好理順你的信息架構(gòu)。你的目標(biāo)用戶群可能并不認(rèn)可你的做法。因此，要想他們學(xué)習(xí)如何組織網(wǎng)站，卡片分類試驗(yàn)會(huì)告訴你你的用戶將會(huì)如何對(duì)頁(yè)面和話題進(jìn)行分類。
如果你還希望通過(guò)組合頁(yè)面和菜單項(xiàng)來(lái)消除多余的頁(yè)面。設(shè)計(jì)工作室Waaark通過(guò)將其工作室的簡(jiǎn)介，團(tuán)隊(duì)成員簡(jiǎn)介和聯(lián)系信息這三個(gè)頁(yè)面合并到一個(gè)頁(yè)面來(lái)簡(jiǎn)化他們的導(dǎo)航。
如果某些功能或特征比其他功能或特征更重要，可以運(yùn)用視覺(jué)手段來(lái)吸引他們的注意，增加大小，添加動(dòng)畫以及使用對(duì)比色以此來(lái)吸引用戶的眼球。
PayPal期望有更多的老用戶而不是新用戶，并通過(guò)設(shè)置登錄按鈕與吸引注意力的白色塊背景來(lái)迎合前者。
7.內(nèi)部不一致
假設(shè)網(wǎng)站的主頁(yè)使用標(biāo)準(zhǔn)的藍(lán)色和帶下劃線的文本來(lái)表示鏈接，但另一個(gè)頁(yè)面僅使用藍(lán)色而沒(méi)有下劃線。當(dāng)用戶瀏覽其他頁(yè)面時(shí)就會(huì)停下來(lái)去想，“它沒(méi)有下劃線，這還是個(gè)鏈接么？”他們甚至可能不會(huì)再去關(guān)心鏈接，而會(huì)被其他頁(yè)面的不統(tǒng)一分散注意力從而影響整體的用戶體驗(yàn)。
要記住，最好的用戶體驗(yàn)是不會(huì)被用戶所察覺(jué)的，而像上面這樣通常都會(huì)被注意到。
總結(jié)
1、認(rèn)知過(guò)載是影響工作記憶的因素。當(dāng)過(guò)多的信息阻礙決策和整體經(jīng)驗(yàn)時(shí)，就會(huì)發(fā)生認(rèn)知過(guò)載。
2、使用不同的內(nèi)容類型和結(jié)構(gòu)化頁(yè)面組合，可以避免視覺(jué)混亂。
3、隱藏式菜單可以幫助用戶一次管理可用選項(xiàng)的數(shù)量，但降低了可發(fā)現(xiàn)性。
4、“分塊”和“步驟”等的方式可以防止認(rèn)知過(guò)載。
5、UI元素和圖標(biāo)應(yīng)該基于用戶現(xiàn)有的認(rèn)知上，這樣他們就不需要過(guò)多的思考，新的獨(dú)特的功能要加上解釋說(shuō)明。
6、圍繞用戶的實(shí)際思考方式構(gòu)建你的信息架構(gòu)?？ㄆ诸惖瓤捎眯詼y(cè)試可以為你的目標(biāo)群體揭示最直觀的導(dǎo)航方案。
7、視覺(jué)和功能的不一致，以及打字錯(cuò)誤和語(yǔ)法錯(cuò)誤，都會(huì)分散用戶的注意力。
8、盡可能減少冗余。另外，請(qǐng)留意如何最大限度地減少用戶操作步驟量和他們必須花費(fèi)的精力。
文章來(lái)源：UI中國(guó)
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn
