中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

“怎樣才能改善用戶體驗(yàn)設(shè)計(jì)？這是關(guān)于用戶體驗(yàn)研究恒久不變的話題。今天給大家推送的是關(guān)于運(yùn)用認(rèn)知心理學(xué)中的相關(guān)理論來提升用戶體驗(yàn)的研究。希望對(duì)大家有幫助。 文章過長(zhǎng)，分成上下兩篇，上篇可查閱《通過減少認(rèn)知超載，提升用戶體驗(yàn)（上）》。

3. 太多選項(xiàng)（Hick’s定律）

這里有一個(gè)矛盾點(diǎn)：用戶想要盡量多的選擇，但過多的選擇卻會(huì)讓他們的大腦負(fù)荷超載。

Hick定律（或決策癱瘓）講述了這樣一個(gè)現(xiàn)象：用戶的選擇越多，他們做出決定就會(huì)花費(fèi)越多的時(shí)間。William Hick和Ray Hyman在上世紀(jì)50年代首次驗(yàn)證了他們的理論，而在過去的十年里，他們的研究結(jié)果已經(jīng)為了數(shù)字設(shè)計(jì)被重新定義。

不僅有“行為研究”（ “behavioral studies” PDF）證實(shí)了Hick定律，而且就在最近，這種理論對(duì)大腦的影響已經(jīng)在2015 的MRI研究中被明確記錄。

作為一個(gè)設(shè)計(jì)師理解Hick定律，把每個(gè)選項(xiàng)想象成一個(gè)閃光點(diǎn)。就像上文論述中提到的一樣，太多明亮的閃光點(diǎn)會(huì)過度刺激用戶。

圖片來源：Rakuten

即使是熱門網(wǎng)站的設(shè)計(jì)者，如樂天，因?yàn)樗麄儧]有正確地理解這個(gè)原理而犯下了類似的錯(cuò)誤。這也是給用戶“他們想要的東西”和給用戶“他們以為自己想要的東西”之間的區(qū)別。

解決方法

如果你已經(jīng)擺脫了不必要的和多余的選項(xiàng)，那你可以使用傘類結(jié)構(gòu)來組織你的多個(gè)選項(xiàng)。你可以看到，這在百貨公司的網(wǎng)站上運(yùn)用的非常多，因?yàn)檫@類網(wǎng)站有最寬泛的產(chǎn)品選擇。

關(guān)于太多不必要的選項(xiàng)，僅僅是指一次性給出的太多選項(xiàng)。如果你可以將一些選項(xiàng)隱藏到隱式菜單、側(cè)滑菜單和拖拽菜單中，你將得到兩個(gè)完全不同的世界。這些巨型菜單仍然給用戶提供了許多選擇，但都是用戶可消化的劑量，而不會(huì)讓他們負(fù)擔(dān)過多。

圖片來源：amazon

然而，隱藏導(dǎo)航菜單必然會(huì)降低菜單的可見性，所以在諸如電子商務(wù)、新聞行業(yè)的設(shè)計(jì)師必須特別小心。當(dāng)然，你可以在頁面中補(bǔ)充一個(gè)不起眼的鏈接，通過這個(gè)鏈接將頁面引導(dǎo)到其它商品頁面，從而最小化隱藏菜單的缺陷（如亞馬遜的“相關(guān)購買”類目）。又或者你可以通過深入歸納一級(jí)目錄，將它們組合在一個(gè)單獨(dú)的導(dǎo)航菜單中（如蘋果和CNN的做法），以此來消除需要隱藏的菜單項(xiàng)。

在你在將一個(gè)網(wǎng)站的導(dǎo)航組織成一個(gè)整體時(shí)，你也要非常小心。Hick定律可以通過管理信息架構(gòu)（IA）來解決很多這樣的問題，這些我們將在下面的“難以發(fā)現(xiàn)的網(wǎng)頁和功能”部分中加以討論。

4. 過多內(nèi)容

就像過度刺激和過多選項(xiàng)的問題一樣，提供太多的內(nèi)容會(huì)將用戶的工作記憶拉進(jìn)許多不同的分支。

很顯然，你只是想把必不可少的內(nèi)容展示出來，但對(duì)于一些格外龐大的網(wǎng)站來說，一切都是必不可少的。所以當(dāng)你有太多的內(nèi)容需要展示時(shí)，你必須學(xué)會(huì)如何組織它們，以避免讓你的用戶緊張。

圖片來源：Arngren

Arngren的問題不是它提供了很多產(chǎn)品，而是它一次性提供了太多的產(chǎn)品。多一些結(jié)構(gòu)化和組織模式都會(huì)為網(wǎng)站的外觀創(chuàng)造奇跡。

解決方法

綜上所述，想用一種可控的方法呈現(xiàn)大量的內(nèi)容時(shí)，George Miller的分塊顯示策略是非常有效的。即利用數(shù)據(jù)分組技術(shù)使信息更容易被記住，如一個(gè)電話號(hào)碼被分解為國家代碼，區(qū)域代碼，一組三個(gè)數(shù)字，和一組四個(gè)數(shù)字–而一個(gè)11位或更多位的數(shù)字串卻是很難被記住的。

你想在你的網(wǎng)上商店的主頁中突顯大量的產(chǎn)品圖片嗎？那你就不能簡(jiǎn)單的將它們羅列在分開的行和列中，而要將它們根據(jù)種類不同劃分為組去展示它們。Etsy就是通過在其主頁上根據(jù)賣家需求將產(chǎn)品分塊，從而顯示更多的產(chǎn)品。

每塊文本包含簡(jiǎn)短的文字說明、扼要的標(biāo)題和副標(biāo)題與充足的留白。

在冗長(zhǎng)的表單字段中所有的數(shù)據(jù)可能都是必不可少的。但長(zhǎng)表單會(huì)引起用戶的恐慌，有時(shí)甚至?xí)苯臃艞壘W(wǎng)站。在這種情況下，就可以嘗試一下多步表單。將表單的信息分解成幾個(gè)獨(dú)立的頁面，或者至少分開成幾塊，讓表單看起來不那么壯觀。需要注意的一點(diǎn)是：必須要有一個(gè)步驟標(biāo)記，讓用戶隨時(shí)可以知道還有多少步結(jié)束。

圖片來源：virgin atlantic

購買飛機(jī)票通常需要填寫一大堆資料，其中沒有一個(gè)是可有可無的。?VirginAtlantic通過將信息劃分成幾個(gè)環(huán)節(jié)分別放入獨(dú)立的頁面中：選擇航班，填寫乘客信息，進(jìn)入支付細(xì)節(jié)等。把所有的數(shù)據(jù)放在一個(gè)單一的長(zhǎng)頁面中會(huì)讓一些用戶直接抓狂，導(dǎo)致用戶跳失人數(shù)的增加。

5. 模糊的界面

造成認(rèn)知超載最大的罪魁禍?zhǔn)资腔靵y的用戶界面。用戶并不想花很長(zhǎng)時(shí)間去弄明白他們應(yīng)該如何完成任務(wù)，也不想浪費(fèi)腦力去破譯一個(gè)圖標(biāo)。

圖片來源:?SpeedCrunch

并不是所有的用戶都技術(shù)嫻熟到能理解speedcrunch的模糊圖標(biāo)。即使他們對(duì)計(jì)算機(jī)足夠熟悉到識(shí)別Windows和Mac OS頂部的X符號(hào)的含義，但若將這兩個(gè)圖標(biāo)放在右下角，即便是Alan Turing也會(huì)花上一些時(shí)間理解吧。

解決方法

不要重新發(fā)明“輪子”：盡量使用用戶在其他網(wǎng)站已經(jīng)約定俗成的視覺引導(dǎo)。用戶都是依賴于以往熟識(shí)的通用提示和符號(hào)去學(xué)習(xí)操作，即使他們從來沒有上過這個(gè)網(wǎng)站。

如果你覺得這樣太沒有新意了，那你可以用你品牌的特性給熟悉的樣式一個(gè)獨(dú)特的變身。Home Depot（家得寶）采用了最常見的圖標(biāo)，但賦予了它們的品牌標(biāo)志色–橙色。

圖片來源:?Home Depot

這同樣適用于微復(fù)制。按鍵上使用常規(guī)標(biāo)簽例如：“聯(lián)系方式”和“提交”比非常規(guī)的標(biāo)簽如“地址”或“去”要更容易識(shí)別。通常，已知的標(biāo)簽可以提升用戶的瀏覽體驗(yàn)，而不常見的標(biāo)簽則會(huì)讓用戶不得不停下來思考按鈕的功能是什么。不要為了個(gè)性而犧牲其確定性。

另一方面，當(dāng)你設(shè)計(jì)一個(gè)以前從未有過的功能時(shí)該怎么辦呢？一般情況下，會(huì)借鑒現(xiàn)實(shí)生活中有代表性的物體設(shè)計(jì)圖標(biāo)，讓它可以自我解釋。擬物化，像它的名字一樣，在現(xiàn)實(shí)和數(shù)字化之間搭建一個(gè)橋梁來彌補(bǔ)實(shí)物與網(wǎng)絡(luò)之間的差距，讓它們產(chǎn)生一定的關(guān)聯(lián)性。例如，早期的互聯(lián)網(wǎng)先驅(qū)們選擇了一個(gè)信封來代表電子郵件，因?yàn)樾欧馐青]件系統(tǒng)的一個(gè)明顯標(biāo)志。

此外，避免含糊不清的標(biāo)志，尤其是他們可能被誤認(rèn)為是別的東西或引發(fā)其它的疑惑?？聪聢D，Issuu的一些圖標(biāo)是大家很熟悉的，但另一些就比較陌生了。如果用戶必須通過點(diǎn)擊一個(gè)圖標(biāo)來發(fā)現(xiàn)它的功能，那它們就是失敗的設(shè)計(jì)。

圖片來源:?Issuu

找一些非專業(yè)的人來測(cè)試使用你的設(shè)計(jì)，以確保你沒有犯一些很明顯的錯(cuò)誤。

關(guān)于圖標(biāo)設(shè)計(jì)不能犯的錯(cuò)的詳細(xì)內(nèi)容，DenisKortunov列舉了10種常見的錯(cuò)誤-比如，圖標(biāo)太相似或過于復(fù)雜的個(gè)性化設(shè)計(jì)。

任何功能操作不明顯的頁面應(yīng)該在登錄時(shí)引導(dǎo)用戶如何進(jìn)行頁面操作。簡(jiǎn)單的網(wǎng)站可以用一個(gè)單獨(dú)的窗口解決問題，尤其是用一個(gè)令人難忘的圖形去解釋功能。當(dāng)然，新的而且獨(dú)一無二的界面需要一個(gè)更實(shí)用的教程。例如，Slack提供了一個(gè)完整的視頻游覽，詳細(xì)解釋了究竟該如何操作。

圖片來源: Slack

6. 很難找到的網(wǎng)頁和功能

有些網(wǎng)頁或功能，即使用戶用盡所有的辦法，依然找不到它們。這類頁面或功能就可以直接放棄了。放棄的緣由就是：用戶完全是在浪費(fèi)腦力找出“我要做什么”。

作為每個(gè)網(wǎng)站都不可替代的組成部分，導(dǎo)航的存在應(yīng)該讓用戶感到輕松、無壓力。網(wǎng)站導(dǎo)航最重要的特性就是直觀，能讓用戶自信地隨意瀏覽，而不必?fù)?dān)心迷路。要達(dá)到這個(gè)目標(biāo)，不僅需要在信息架構(gòu)上花費(fèi)更多的努力，還需要合理的組織運(yùn)用，才能讓它們看起來比實(shí)際上更簡(jiǎn)單。

圖片來源:?Mojo Yogurt

在上圖中，如果你覺得漢堡包的圖標(biāo)不好，那么，需要你的鼠標(biāo)懸浮在右上角“Mojo酸奶LOGO”上時(shí)顯示導(dǎo)航菜單的交互設(shè)計(jì)就更加讓人無語了。

圖片來源:?Mojo Yogurt

但至少有一點(diǎn)值得稱贊，有一個(gè)環(huán)繞Logo運(yùn)動(dòng)的小動(dòng)畫暗示了“導(dǎo)航”的存在?？墒窃谄聊簧线@么多的顏色和動(dòng)畫中，這樣一個(gè)模糊的提示是遠(yuǎn)遠(yuǎn)不夠的。

解決方法

首先，根據(jù)用戶的喜好整理出你的信息架構(gòu)。但通常情況下，你的目標(biāo)用戶群不會(huì)像你一樣思考，所以要對(duì)他們進(jìn)行充分的了解，按照他們的思考方式組織網(wǎng)站?？ㄆ诸悳y(cè)試通常可以揭示出你的用戶將如何對(duì)特定頁面和主題進(jìn)行分類。而一個(gè)樹測(cè)試則可以評(píng)估出你目前的或計(jì)劃推出的結(jié)構(gòu)是不是可以很好的被真正的用戶所理解。

圖片來源:?Rosenfeld Media

在關(guān)于信息架構(gòu)（IA）的一個(gè)速成課程中，我閱讀了DanBrown’s “信息架構(gòu)的八項(xiàng)原則”(“EightPrinciples of Information Architecture” PDF)。在短短的五頁中，他充分解釋了任何一個(gè)設(shè)計(jì)師都應(yīng)該知道的關(guān)于IA的八個(gè)硬性原則。例如，多重分類原則（即：使用幾種不同的分類方法以適應(yīng)用戶不同的思維模式）和披露原則（即：顯示正好夠的信息讓用戶知道該做什么）。

你也可以通過整合頁面或菜單項(xiàng)來擺脫冗余。例如，你完全不需要單獨(dú)用一個(gè)頁面顯示總經(jīng)理的簡(jiǎn)歷，而另一頁顯示其它團(tuán)隊(duì)成員的簡(jiǎn)歷—-他們可以顯示在同一頁上。

設(shè)計(jì)工作室waaark將其工作室介紹、團(tuán)隊(duì)成員簡(jiǎn)歷和聯(lián)系信息由三頁合并到一頁，完美地精簡(jiǎn)了導(dǎo)航。

圖片來源:?Waaark

如果某些功能或特征相比之下更重要，那么可以通過視覺效果讓它們與眾不同。放大尺寸，添加動(dòng)畫，再使用一個(gè)華麗麗的或?qū)Ρ刃院軓?qiáng)的顏色就足以吸引用戶的眼球。用這樣一種新穎的方式顯示信息，再特別搭配一個(gè)相應(yīng)的圖形，那就足以確保，它是絕對(duì)能被重視的。

圖片來源: Paypal

PayPal重視老用戶勝過新用戶，所以為了迎合老用戶，它們用引人注目的白色塊做背景，設(shè)計(jì)了一個(gè)單獨(dú)的登錄按鈕。

7. 內(nèi)部不一致

讓我們舉個(gè)例子，一個(gè)網(wǎng)站的主頁使用標(biāo)準(zhǔn)的藍(lán)色加下劃線的文本來表示一個(gè)鏈接，但在另一個(gè)頁面中只使用藍(lán)色文本而沒有加下劃線。即使用戶沒有觸發(fā)第一個(gè)鏈接，但他們?nèi)匀粫?huì)在第二頁上停下來思考，“即使它沒有下劃線，但這依然是一個(gè)鏈接嗎？”用戶可能根本不在乎這個(gè)鏈接，但那一瞬肯定會(huì)被這種不一致的設(shè)計(jì)打斷思緒，而這造成的困擾將會(huì)直接影響整體用戶體驗(yàn)。

拼寫和語法錯(cuò)誤的影響是一樣的。記住：最好的用戶體驗(yàn)是看不見的，但這樣的錯(cuò)誤會(huì)經(jīng)常被注意到。

一個(gè)元素是否與網(wǎng)站的其余元素不一致，或與其它網(wǎng)站（除去它本身與用戶交互模式不一致的情況）或與用戶語言和語法的知識(shí)不一致可能對(duì)網(wǎng)站不會(huì)產(chǎn)生太大影響。但將所有的情況集中在一起，用戶必然要花一定時(shí)間去思考和處理，工作記憶就是這樣被用光的。

圖片來源:?SIPhawaii

SIPhawaii所有的列表項(xiàng)都運(yùn)用大寫字母，同號(hào)字體且內(nèi)含價(jià)格。你甚至不用知道當(dāng)你點(diǎn)擊漢堡包圖標(biāo)時(shí)會(huì)發(fā)生什么-而這就足夠了，它肯定與其他網(wǎng)站的漢堡包圖標(biāo)不一致。

解決方法

在網(wǎng)站上保持一致的版式。這是一個(gè)說起來容易做起來難的事情，因?yàn)檫@類性質(zhì)的錯(cuò)誤通常是無意中造成的。

設(shè)計(jì)規(guī)范能創(chuàng)造一致性這個(gè)奇跡。它收集了全球所有的設(shè)計(jì)決策，放在了一個(gè)容易訪問的地方，當(dāng)設(shè)計(jì)師需要它們時(shí)可以快速訪問那個(gè)地址。一些小細(xì)節(jié)如：背景顏色的代碼值、圖像的尺寸抑或標(biāo)題的字體都會(huì)輕易地被忘掉，所以讓規(guī)范隨時(shí)可用是非常有好處的。

圖片來源: ?Lonely Planet

有關(guān)建立設(shè)計(jì)規(guī)范的更多內(nèi)容，請(qǐng)閱讀我們更深入的描述以及創(chuàng)建設(shè)計(jì)規(guī)范的實(shí)際案例。

至于拼寫錯(cuò)誤和語法錯(cuò)誤，不要只依賴于拼寫檢查。在正式發(fā)布之前一定要做最后一次檢查，免費(fèi)的應(yīng)用程序Grammarly可以幫你發(fā)現(xiàn)那些很難看見的錯(cuò)誤。

視覺和功能一致性很好的例子是Pinterest。無論你提供的圖片風(fēng)格是什么樣子的，它顯示的樣式都一樣。

圖片來源：Pinterest

在每個(gè)卡片的相同位置，作者、標(biāo)題、描述、網(wǎng)站、裝飾和活動(dòng)都用相同的文字大小和字體顯示。這樣的一致性讓Pinterest的行更加的錯(cuò)落有致，更加的具有視覺吸引力，而沒有讓用戶覺得凌亂。而且只要你能看懂一張卡片，那你就能看懂所有的卡片。

總結(jié)

Steve Krug著名的言論，“不要讓我思考”這或多或少道出了很多用戶關(guān)于用戶體驗(yàn)的心聲。

熟練的UX設(shè)計(jì)是很機(jī)動(dòng)的。任何方式的碰撞-如過度的認(rèn)知負(fù)荷-都將拖累整個(gè)用戶體驗(yàn)。設(shè)計(jì)師應(yīng)該在他們可以得到的任何時(shí)機(jī)去滿足用戶的需要，從而讓用戶不再思考那些不必要的東西。

是不是一次給了太多的信息？讓我們?cè)偈崂硪幌轮攸c(diǎn)，也讓你的思維可以不超載。

• 認(rèn)知負(fù)荷是信息向工作記憶征收的稅。當(dāng)過多信息阻礙決策和超出日常經(jīng)驗(yàn)時(shí)，認(rèn)知負(fù)荷就會(huì)發(fā)生。
• 將一系列的內(nèi)容類型和結(jié)構(gòu)化的頁面組合在一起，可以避免視覺上的混亂。
• 隱藏菜單幫助用戶管理在同一時(shí)間內(nèi)可用的選項(xiàng)數(shù)量，但要注意發(fā)現(xiàn)成本的增加。
• 類似組塊和分步表單這樣的策略可以有效防止認(rèn)知超載。
• 可識(shí)別的UI元素和符合用戶已有認(rèn)知經(jīng)驗(yàn)的擬物化設(shè)計(jì)，讓他們不用思考的太困難。新的和獨(dú)特的功能可以通過線上解釋。
• 按照用戶的實(shí)際思考模式，建立你的信息架構(gòu)（IA）?？捎眯詼y(cè)試，如卡片排序和樹測(cè)試可以為你的目標(biāo)用戶群找出最合適的導(dǎo)航策略。
• 不一致的視覺與功能，以及拼寫和語法錯(cuò)誤，會(huì)讓用戶從它的首要任務(wù)上分散注意力。
• 去除你能去除的所有冗余。此外，要保持警覺以盡量減少用戶采取的必要步驟數(shù)量或他們必須花費(fèi)的努力。

補(bǔ)充一下，對(duì)獅身人面像的謎語的答案是：“人”：當(dāng)人還是是嬰兒時(shí)四腳著地爬行，長(zhǎng)大后用雙腳行走，成為老人時(shí)會(huì)使用拐杖。

原文地址

相關(guān)閱讀

通過減少認(rèn)知超載，提升用戶體驗(yàn)（上）

譯者：唐唐

來源：微信公眾號(hào)【INUX】

本文由 @INUX?授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。