文章來(lái)源：站酷    作者：百度MEUX

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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ù)

以下是百度網(wǎng)盤UE團(tuán)隊(duì)近期對(duì)會(huì)員中心體驗(yàn)進(jìn)行優(yōu)化，希望對(duì)大家做商業(yè)化產(chǎn)品有所幫助。

項(xiàng)目背景

會(huì)員中心是承載著產(chǎn)品增值權(quán)益展示、購(gòu)買、管理的「集合地」。自2016年起推出會(huì)員和超級(jí)會(huì)員兩項(xiàng)增值服務(wù)至今已有4年時(shí)間，隨著時(shí)間推移，用戶對(duì)網(wǎng)盤會(huì)員的訴求越來(lái)越多樣，會(huì)員中心也不僅僅承載著支付能力，更多地是獲取福利信息和情感上的尊享感知，同時(shí)在產(chǎn)品框架上的拓展性和效率也有待提升，因此有了本次會(huì)員中心改版項(xiàng)目。

對(duì)于設(shè)計(jì)師而言，我們發(fā)起這個(gè)項(xiàng)目所面臨的挑戰(zhàn)，不僅停留在用戶體驗(yàn)的優(yōu)化還需要兼顧商業(yè)轉(zhuǎn)化。接下來(lái)將從確定目標(biāo)、會(huì)員中心框架重構(gòu)、視覺(jué)語(yǔ)言升級(jí)、沉淀通用組件等方面，跟大家分享下改版背后的設(shè)計(jì)思考。

確認(rèn)目標(biāo)

在著手推進(jìn)項(xiàng)目設(shè)計(jì)前，我們通過(guò)定性和定量的分析，并組織多角色對(duì)本次升級(jí)的目標(biāo)進(jìn)行確認(rèn)，本次升級(jí)的目標(biāo)是：提升用戶決策效率；提升用戶尊享感；沉淀設(shè)計(jì)組件庫(kù)。

1. 為什么要提升用戶決策效率？

會(huì)員中心是價(jià)值與信息的洼地，用戶需要在眾多特權(quán)、優(yōu)惠信息中做出決策。整個(gè)框架清晰、直觀、易懂，是提升用戶決策效率及滿意度的關(guān)鍵所在。

我們通過(guò)支付轉(zhuǎn)化漏斗分析并結(jié)合用戶反饋發(fā)現(xiàn)，改版前，會(huì)員中心信息架構(gòu)比較扁平和單一，缺乏關(guān)鍵性信息的直觀展示，比如：優(yōu)惠信息、會(huì)員服務(wù)信息，導(dǎo)致部分用戶無(wú)法在付費(fèi)過(guò)程中更好地做決策。

此外，在支付流程上，操作鏈條較長(zhǎng)，容易引起用戶厭倦，導(dǎo)致用戶流失?；谶@些考慮，我們將對(duì)現(xiàn)有框架進(jìn)行升級(jí)，以提升用戶的決策效率。

2. 為什么要提升用戶尊享感？

會(huì)員中心也是用戶感知身份變化、感知會(huì)員尊享的第一步。改版前，不同身份用戶（未開(kāi)通/會(huì)員/超級(jí)會(huì)員）看到的會(huì)員頁(yè)面卻是相同的，無(wú)法直觀感受到不同身份的差異。

通過(guò)UER的用戶訪談我們也發(fā)現(xiàn)，很多用戶出現(xiàn)以下場(chǎng)景：

購(gòu)買會(huì)員后用戶，產(chǎn)生疑惑「是否購(gòu)買成功了嗎？」；身為超級(jí)會(huì)員用戶，「感受不到任何尊享感受」；快過(guò)期的會(huì)員用戶，「對(duì)會(huì)員/超級(jí)會(huì)員快過(guò)期的也感知不到，導(dǎo)致特權(quán)中斷，影響使用體驗(yàn)」…

因此，我們需要對(duì)整體身份的感知進(jìn)行升級(jí)，讓用戶更清晰地感知到自己身份的層級(jí)。

3. 為什么要沉淀設(shè)計(jì)組件庫(kù)？

對(duì)于產(chǎn)品而言，會(huì)員中心也是會(huì)員類活動(dòng)的主要運(yùn)營(yíng)渠道。

在日常「小步快跑」迭代需求中，為了提升項(xiàng)目組的開(kāi)發(fā)效率以及更好地實(shí)現(xiàn)產(chǎn)品側(cè)多場(chǎng)景模塊靈活調(diào)用的訴求，需要對(duì)復(fù)用率較高且靈活多變的模塊（尤其是支付模塊、特權(quán)模塊）進(jìn)行組件化。因此我們也對(duì)多個(gè)模塊進(jìn)行組件沉淀，提升產(chǎn)品迭代效率。不僅于此，組件化也能給用戶提供更加統(tǒng)一的認(rèn)知，做到產(chǎn)品體驗(yàn)上的統(tǒng)一和規(guī)范化。

設(shè)計(jì)落地

明確了目標(biāo)后，我們從以下維度進(jìn)行設(shè)計(jì)升級(jí)，解決現(xiàn)存問(wèn)題：懂你所想，會(huì)員中心框架重構(gòu)；凸顯尊享感知，視覺(jué)語(yǔ)言升級(jí)；提升迭代效率，通用組件沉淀。

1. 懂你所想，會(huì)員中心框架重構(gòu)

我們本次框架重構(gòu)的關(guān)鍵詞就是「懂你所想」，只有更了解用戶，才能提供更符合用戶的選擇，從而提升用戶決策效率。因此，我們?cè)诮换タ蚣軐用嫔?，做了以下幾件事：打造分層布局；?qiáng)化關(guān)鍵信息；縮短支付步長(zhǎng)；智能化推薦。

打造分層布局

進(jìn)入會(huì)員中心的用戶，根據(jù)會(huì)員成長(zhǎng)周期可被劃分為：歷史未付費(fèi)用戶、會(huì)員開(kāi)通中用戶、會(huì)員即將過(guò)期用戶、會(huì)員已過(guò)期用戶。

因此，在這次框架設(shè)計(jì)中，我們根據(jù)身份、動(dòng)機(jī)、行為的差異進(jìn)行分層布局。改變以往的「多人一面」的布局架構(gòu)，打造出新的「多人多面」的靈活分層頁(yè)面布局。

當(dāng)用戶是歷史未付費(fèi)用戶時(shí)，我們更加突出用戶的特權(quán)介紹和商品支付，便于用戶了解會(huì)員服務(wù)和商品信息；當(dāng)用戶是開(kāi)通中的用戶，我們更加突出用戶可尊享的福利信息，突出尊享感；當(dāng)用戶為即將過(guò)期用戶或已過(guò)期用戶時(shí)，我們展示用戶常用特權(quán)信息，喚醒用戶付費(fèi)意愿，并為用戶提供便捷的續(xù)費(fèi)能力。

下面是改版前后效果對(duì)比，從單一身份感知到多元分層處理。

強(qiáng)化關(guān)鍵信息

關(guān)鍵信息也是用戶更為「關(guān)心」的信息，通過(guò)調(diào)研發(fā)現(xiàn)，網(wǎng)盤用戶更加關(guān)注會(huì)員優(yōu)惠活動(dòng)信息、服務(wù)到期提醒以及會(huì)員之間的差異性，因此在本次升級(jí)中，我們對(duì)用戶所關(guān)心的決策信息進(jìn)行強(qiáng)化，恰如其分地展示便于用戶決策，同時(shí)提升用戶的付費(fèi)意愿。

新增運(yùn)營(yíng)渠道

通過(guò)用戶訪談，了解到很多用戶總是錯(cuò)過(guò)網(wǎng)盤的福利活動(dòng)，不知道在哪里能接受到一手信息。

因此，本次升級(jí)我們?cè)跁?huì)員中心中新增了運(yùn)營(yíng)位，增加用戶關(guān)注的優(yōu)惠活動(dòng)的曝光。

服務(wù)到期提醒

針對(duì)即將過(guò)期或已過(guò)期的用戶，我們會(huì)展示用戶常用特權(quán)功能的即將到期的信息，避免用戶特權(quán)功能到期后，給用戶日常使用帶來(lái)困擾，比如使用視頻原畫備份等功能，我們也會(huì)提前告知給用戶：「3天后即將到期，將不再享有視頻原畫備份和在線解壓等11項(xiàng)特權(quán)」，讓用戶提前做決策。

強(qiáng)化特權(quán)的差異對(duì)比

此外，我們還強(qiáng)化了特權(quán)對(duì)比的差異，分別展示了普通用戶、會(huì)員用戶、超級(jí)會(huì)員用戶擁有特權(quán)功能的差異性，便于用戶根據(jù)自身需求選擇對(duì)應(yīng)更為合適的會(huì)員服務(wù)，避免買錯(cuò)等一系列不便或者多花冤枉錢的行為。

縮短支付步長(zhǎng)

為了更方便用戶進(jìn)行支付，讓用戶付費(fèi)行為更加順暢絲滑，我們摒棄以往全頁(yè)面跳轉(zhuǎn)形式，采用了浮層收銀臺(tái)的方式，減少用戶在頁(yè)面間的跳轉(zhuǎn)而帶來(lái)的迷失感，達(dá)到簡(jiǎn)化支付路徑的目的。

也在用戶即將過(guò)期等狀態(tài)，保留了原有前置展示商品和支付操作的方式，讓用戶一鍵完成續(xù)費(fèi)，方便又快捷。同時(shí)，也會(huì)在用戶選擇商品支付時(shí)，展示用戶帳號(hào)信息，避免用戶買錯(cuò)的問(wèn)題。

智能化推薦

與以往不同，我們不局限于通過(guò)理性的信息展示，讓用戶自己搜尋信息、被動(dòng)匹配，同時(shí)我們也在不斷嘗試采用更加擬人化、對(duì)話感的方式觸達(dá)用戶，推送給用戶更為關(guān)注的信息，更加精細(xì)化地探索多樣的運(yùn)營(yíng)場(chǎng)景。

比如：針對(duì)已付費(fèi)用戶，結(jié)合用戶的使用場(chǎng)景，更多展示特權(quán)信息，如：「周末看視頻，2倍速、2K、極速加載缺一不可」；

當(dāng)我們上了會(huì)員新特權(quán)的時(shí)候，也會(huì)及時(shí)告知用戶，讓他們享受更加豐富的權(quán)益。

2. 凸顯尊享感知，視覺(jué)語(yǔ)言升級(jí)

本次對(duì)會(huì)員中心的視覺(jué)呈現(xiàn)也做了全新升級(jí)，不僅凸顯會(huì)員的尊享感、情感化，同時(shí)兼顧用戶的識(shí)別效率及后續(xù)拓展性，針對(duì)這一目標(biāo)，我們做了以下優(yōu)化：卡面升級(jí)，提升身份感；品牌色優(yōu)化，確保拓展性；icon重塑，強(qiáng)化識(shí)別性；驚喜彩蛋，提升情感化。

卡片升級(jí)，提升身份感

會(huì)員身份卡片是用戶直觀感受身份變化的第一步。本次卡片設(shè)計(jì)中，在卡片比例上，盡可能接近于實(shí)物卡片，并在卡面肌理表達(dá)上，采用磨砂質(zhì)地，更貼合用戶自然認(rèn)知，卡片顏色結(jié)合會(huì)員品牌色進(jìn)行設(shè)計(jì)。同時(shí)結(jié)合網(wǎng)盤品牌基因中的logo的「云」，提升品牌差異化。

當(dāng)用戶進(jìn)入會(huì)員中心時(shí)，采用光影動(dòng)效，同時(shí)描繪「云」型，提升視覺(jué)層次感，同時(shí)加深用戶認(rèn)知。

品牌色優(yōu)化，確保拓展性

我們還重新定義了會(huì)員體系的品牌色，超級(jí)會(huì)員選用黑金配色來(lái)突顯最高級(jí)別身份。

主題色延續(xù)了網(wǎng)盤會(huì)員色系，超級(jí)會(huì)員為金色，會(huì)員為紅色，在此基礎(chǔ)上調(diào)整色彩明度。新配色在產(chǎn)品界面和運(yùn)營(yíng)活動(dòng)上，能給用戶帶來(lái)更加直觀的身份感知。

輔助色為黑白，因?yàn)樗巧适澜缰械?「 經(jīng)典 」 ，給人以簡(jiǎn)潔、純粹的審美感受和視覺(jué)享受。以黑白色作為會(huì)員體系的輔助色，可以襯托出黑金配色的尊享感。

icon重塑，強(qiáng)化識(shí)別性

在特權(quán)icon設(shè)計(jì)中，強(qiáng)化識(shí)別性是本次優(yōu)化的重點(diǎn)，因?yàn)閳D標(biāo)的目的是用來(lái)輔助用戶識(shí)別，幫助用戶做決策的。

我們?cè)趇con表現(xiàn)手法上，從「線性」改成「面性」，增強(qiáng)視覺(jué)比重；去除底部圓形襯底，采用異型圖標(biāo)，強(qiáng)化icon之前的差異化，同時(shí)異型的icon在占比較小的區(qū)域里使用更加節(jié)省空間，提升拓展性。

比如，當(dāng)用戶是未付費(fèi)時(shí)，特權(quán)icon僅作為輔助圖形，因?yàn)樵谶@種場(chǎng)景下，icon遠(yuǎn)沒(méi)有文案更能幫助用戶清晰理解，避免用戶買錯(cuò)。

因此異型、面性、無(wú)襯底的icon處理手法，也是在拓展方面較優(yōu)選擇。

以下是icon優(yōu)化后的整體效果。

驚喜彩蛋，提升情感化

尊享感，不僅體現(xiàn)在功能、視覺(jué)層面，還體現(xiàn)在情感化關(guān)懷，因此我們通過(guò)彩蛋式翻卡的觸發(fā)形式，采用對(duì)話的方式，展示互動(dòng)文案。

當(dāng)用戶首次進(jìn)行翻卡時(shí)，它會(huì)貼心問(wèn)候：「很高興你與你相遇，愿美好時(shí)光與你相伴。」；當(dāng)用戶日?；?dòng)時(shí)，它風(fēng)趣幽默：「據(jù)說(shuō)超級(jí)會(huì)員，法力無(wú)邊！」「你喜歡的樣子超級(jí)會(huì)員都有~」；當(dāng)有用戶關(guān)注的重要消息時(shí)，它會(huì)及時(shí)預(yù)告式通知：「4.11日即將有一大波優(yōu)惠福利襲來(lái)，超級(jí)會(huì)員最高5折哦」，從而營(yíng)造一個(gè)風(fēng)趣又貼心的小管家，也讓我們的網(wǎng)盤會(huì)員服務(wù)變得更加貼心。

3. 提升迭代效率，通用組件沉淀

會(huì)員中心包括個(gè)人信息展示、身份卡片、商品和支付、尊享特權(quán)、尊享福利、成長(zhǎng)體系、專屬內(nèi)容、積分兌換等模塊。

其中有多種模塊會(huì)在多場(chǎng)景中進(jìn)行復(fù)用，為了節(jié)省開(kāi)發(fā)及設(shè)計(jì)成本，同時(shí)保證體驗(yàn)一致性，我們本次也沉淀出能夠靈活調(diào)整各個(gè)模塊的位置的組件，來(lái)提升產(chǎn)品及運(yùn)營(yíng)效率。

比如：支付模塊；特權(quán)展示模塊。

支付模塊

支付模塊承載了會(huì)員類商品信息的展示，會(huì)在多個(gè)場(chǎng)景出現(xiàn)，比如：浮層收銀臺(tái)、會(huì)員中心頁(yè)面、全端收銀臺(tái)，以及會(huì)員類運(yùn)營(yíng)活動(dòng)。為了保證支付體驗(yàn)的一致性，我們優(yōu)先對(duì)支付模塊進(jìn)行統(tǒng)一和規(guī)范，包括其中的商品展示、優(yōu)惠展示、以及支付按鈕的規(guī)范化。

為了便于用戶感知到會(huì)員與超級(jí)會(huì)員之間的差異，避免錯(cuò)誤購(gòu)買帶來(lái)的困擾，我們通過(guò)品牌色（超級(jí)會(huì)員的金色，會(huì)員的紅色）進(jìn)行區(qū)分。

支付模塊的統(tǒng)一和差異，既能保持支付體驗(yàn)的一致性，也能避免用戶對(duì)會(huì)員權(quán)益產(chǎn)生誤解，為用戶帶來(lái)了更規(guī)范的支付體驗(yàn)。

特權(quán)展示模塊

對(duì)于特權(quán)展示模塊進(jìn)行特權(quán)展示的優(yōu)化，針對(duì)以往特權(quán)數(shù)量多占用空間大，以及特權(quán)展示信息過(guò)少用戶看不懂的問(wèn)題，不再采用平鋪的方式，而是采用利用橫向空間的側(cè)滑方式展示，節(jié)省更多空間；不再采用原有的特權(quán)圖標(biāo)+特權(quán)名稱的方式，而是同時(shí)展示輔助特權(quán)信息，便于用戶更加了解特權(quán)內(nèi)容。

并將特權(quán)展示方式進(jìn)行組件化，當(dāng)有新特權(quán)上線時(shí)，可直接通過(guò)后臺(tái)配置進(jìn)行上線，無(wú)需進(jìn)行開(kāi)發(fā)，提升效率。

同時(shí)，我們還完成了運(yùn)營(yíng)位、專享內(nèi)容、專屬推薦等多個(gè)模塊的組件化，也根據(jù)會(huì)員商業(yè)化的設(shè)計(jì)規(guī)范，形成會(huì)員中心的組件庫(kù)，提升合作效率及用戶統(tǒng)一的認(rèn)知體驗(yàn)。

總結(jié)

以上就是本次會(huì)員中心改版項(xiàng)目的全過(guò)程，從前期用戶調(diào)研、目標(biāo)確定（1.提升用戶決策效率；2.提升用戶尊享感；3.提升迭代效率），到通過(guò)多維度地將目標(biāo)落地（1.懂你所想，會(huì)員中心框架重構(gòu)；2.凸顯尊享感知，視覺(jué)語(yǔ)言升級(jí)；3.提升迭代效率，通用組件沉淀），不僅優(yōu)化了體驗(yàn)、提高了效率，也對(duì)付費(fèi)轉(zhuǎn)化率有所提升。

本次會(huì)員中心改版，是網(wǎng)盤所有同學(xué)的共同努力，同時(shí)也是會(huì)員中心提供給用戶更多選擇、更率、更多服務(wù)的第一步，它不再是機(jī)械的信息展示和冰冷的支付平臺(tái)，而是更懂用戶、提供給用戶更多元服務(wù)的聚集地。

目前還有很多不足和待完善的地方，我們也在盡最大努力為用戶提供更好更有價(jià)值的服務(wù)，感謝大家一致以來(lái)的支持與陪伴 。

文章來(lái)源：優(yōu)設(shè)    作者：百度UE團(tuán)隊(duì)

為什么大爺大媽們總對(duì)排隊(duì)情有獨(dú)鐘，為什么平常不想要的東西一打折就買一堆……震驚！原來(lái)套路你的竟然都是自己的大腦！

如今想要成為一名合格的用戶體驗(yàn)設(shè)計(jì)師，首要就是對(duì)目標(biāo)用戶的理解和把控。而為了實(shí)現(xiàn)這一目標(biāo)，掌握一些心理學(xué)知識(shí)就顯得尤為重要。當(dāng)我們能在設(shè)計(jì)中合理利用心理學(xué)的時(shí)候，就離創(chuàng)造出讓用戶感慨「深得朕心」的體驗(yàn)不遠(yuǎn)了。

這次要介紹的是設(shè)計(jì)心理學(xué)中與我們?nèi)粘Ｉ蠲芮邢嚓P(guān)的認(rèn)知偏差 (Cognitive bias) ，了解它的基本定義之后再結(jié)合相關(guān)案例探討如何在設(shè)計(jì)中利用認(rèn)知偏差來(lái)創(chuàng)造更好的用戶體驗(yàn)。

什么是認(rèn)知偏差

網(wǎng)絡(luò)上的定義是這樣的：人們?cè)谥X(jué)自身、他人或外部環(huán)境時(shí)，常因自身或情境的原因使得知覺(jué)結(jié)果出現(xiàn)失真的現(xiàn)象。

簡(jiǎn)單來(lái)說(shuō)，就是大腦創(chuàng)造了一些快捷方式，在處理信息時(shí)自然地去調(diào)用這些快捷方式，只是這種操作在快速的同時(shí)，也會(huì)對(duì)我們的決策過(guò)程產(chǎn)生危害，比如我們會(huì)選擇性忽略一些信息，或是自發(fā)地對(duì)信息進(jìn)行腦補(bǔ)。這樣的認(rèn)知模式導(dǎo)致我們產(chǎn)生了非理性的偏差。

△ 圖：大腦的操作

認(rèn)知偏差種類豐富，已經(jīng)被提出的就有幾百種，有很多尚未被完全驗(yàn)證。下圖總結(jié)了現(xiàn)有的認(rèn)知偏差，它們大概可以分為四類：信息過(guò)載，信息的意義不明確，大腦來(lái)不及認(rèn)真作出反應(yīng)以及大腦存不下所有的記憶。通過(guò)這張圖，我們可以更清晰地了解不同認(rèn)知偏差背后的成因。

△ 圖：認(rèn)知偏差寶典

認(rèn)知偏差在體驗(yàn)場(chǎng)景中的應(yīng)用

那我們?cè)撛趺丛谠O(shè)計(jì)中利用認(rèn)知偏差呢？我根據(jù)日常工作中經(jīng)常接觸的消費(fèi)場(chǎng)景和學(xué)習(xí)場(chǎng)景總結(jié)了以下幾個(gè)方面：

△ 圖：章節(jié)概覽，也叫懶人速讀版

1. 引導(dǎo)用戶決策

作為體驗(yàn)設(shè)計(jì)師，我們需要為用戶的決策創(chuàng)造合適的環(huán)境，來(lái)引導(dǎo)其按照我們?cè)O(shè)計(jì)的方向去達(dá)成他們的目標(biāo)。

錨定效應(yīng)

錨定效應(yīng)（Anchoring）是比較常見(jiàn)的一個(gè)被利用在消費(fèi)場(chǎng)景中的認(rèn)知偏差。它指的是人在做決定的時(shí)候，會(huì)在很大程度上依賴于其接觸到的信息。

比如商場(chǎng)里原價(jià) 2000 現(xiàn)價(jià) 500 的商品，原價(jià)的存在會(huì)讓人覺(jué)得這件商品的價(jià)值就是 2000，現(xiàn)在 500 簡(jiǎn)直是撿了大便宜。

在體驗(yàn)設(shè)計(jì)中可以借鑒這種做法，通過(guò)前后對(duì)比放大來(lái)優(yōu)惠感知，進(jìn)而促進(jìn)用戶做出有利于我們的決策。

△ 圖：利用錨定效應(yīng)推薦會(huì)員套餐，對(duì)比差價(jià)確實(shí)誘人

從眾效應(yīng)

從眾效應(yīng)（Bandwagon Effect）是另外一個(gè)常見(jiàn)的用于消費(fèi)場(chǎng)景的認(rèn)知偏差，指的是人們做決定時(shí)通常會(huì)和他人保持一致。

下圖是售前頁(yè)一般的設(shè)計(jì)技巧，通過(guò)展示購(gòu)買人數(shù)和滾動(dòng)播放購(gòu)買信息來(lái)體現(xiàn)出該商品的熱門，讓正在猶豫的用戶「隨大流」下單購(gòu)買。

基于此，我們?cè)谠O(shè)計(jì)中可以營(yíng)造出一種群體選擇的效果來(lái)吸引更多的用戶。

△ 圖：這么多人選擇，跟隨大家不會(huì)錯(cuò)，買它

內(nèi)群體偏差

前面提到的認(rèn)知偏差之外，內(nèi)群體偏差 (ingroup bias) 也一般被用來(lái)引導(dǎo)用戶決策，它是指人們會(huì)在認(rèn)知上傾向于自己所屬的群體。

比如 Booking 在查看評(píng)論的區(qū)域加入了篩選評(píng)論語(yǔ)言這一按鈕，雖然設(shè)計(jì)的本意可能是為了方便用戶更好地理解評(píng)論內(nèi)容，但是在真實(shí)的使用過(guò)程中可以發(fā)現(xiàn)，用戶更加信任自己所選標(biāo)簽內(nèi)的評(píng)論內(nèi)容，因?yàn)橥Z(yǔ)言往往意味著來(lái)自相同的國(guó)家或者相近的文化背景，用戶通過(guò)這種方式找到一個(gè)小群體，然后被影響進(jìn)而做出與群體內(nèi)人們更為相似的決策。

△ 圖：同胞的評(píng)價(jià)更可靠

因此在體驗(yàn)設(shè)計(jì)中利用內(nèi)群體偏差的關(guān)鍵點(diǎn)在于打造群體歸屬感，借由小群體的力量影響用戶的決策。

2. 提高用戶粘性

引導(dǎo)用戶做出于我們有利的決策之外，同樣，我們可以利用認(rèn)知偏差提高用戶粘性，增強(qiáng)用戶和產(chǎn)品之間的聯(lián)系，使他們對(duì)產(chǎn)品「愛(ài)不釋手」。

宜家效應(yīng)

宜家效應(yīng) (The Ikea Effect) 是指消費(fèi)者對(duì)于自己投入勞動(dòng)、情感而創(chuàng)造的物品的價(jià)值產(chǎn)生高估的價(jià)值判斷偏差的現(xiàn)象，消費(fèi)者對(duì)于一個(gè)物品付出的勞動(dòng)（情感）越多，就越容易高估該物品的價(jià)值。利用宜家效應(yīng)提高用戶粘性的核心是創(chuàng)造低投入、高回報(bào)、高貢獻(xiàn)價(jià)值的任務(wù)，保證用戶能夠完成任務(wù)的基礎(chǔ)上貢獻(xiàn)自己的價(jià)值。

在學(xué)習(xí)場(chǎng)景中我們可以利用宜家效應(yīng)提高用戶粘性，將用戶留下來(lái)堅(jiān)持學(xué)習(xí)。

首先需要保證用戶能夠完成任務(wù)。懂你英語(yǔ) ®A? 產(chǎn)品中，我們會(huì)在用戶設(shè)置目標(biāo)時(shí)描述該目標(biāo)的表現(xiàn)，用戶以此選擇自己的目標(biāo)。這種方式下的用戶對(duì)于任務(wù)結(jié)果的預(yù)見(jiàn)性提高，能清楚的知道如果完成任務(wù)會(huì)達(dá)到什么效果，更能被促使順利地完成任務(wù)。

△ 圖：目標(biāo)展示與貢獻(xiàn)積累

其次，用戶對(duì)產(chǎn)品粘性增強(qiáng)需要能夠感知到自己所做出的投入，學(xué)習(xí)場(chǎng)景下這種投入感知更多體現(xiàn)在知識(shí)的累積上。在懂你英語(yǔ) ®A? 課程中，我們將用戶與目標(biāo)之間的距離設(shè)計(jì)為學(xué)習(xí)路徑，用戶每完成一個(gè)階段的學(xué)習(xí)便會(huì)在路徑上明顯前進(jìn)，日積月累下來(lái)用戶能看到自己前進(jìn)的印記，清晰感知到自身知識(shí)的累積，也就因此對(duì)產(chǎn)品有更高的價(jià)值感受。

3. 情感化激勵(lì)

負(fù)向偏見(jiàn)

由于學(xué)習(xí)的「反人性」，學(xué)習(xí)場(chǎng)景下的用戶在體驗(yàn)流程中產(chǎn)生消極情緒的概率要大于其余場(chǎng)景，比如學(xué)習(xí)效果不好，難以堅(jiān)持等。此類消極情緒對(duì)于學(xué)習(xí)產(chǎn)品影響很大，是因?yàn)樨?fù)向偏見(jiàn) (negativity bias) 的存在，人們對(duì)不好的事情的記憶比快樂(lè)的記憶更加清晰，更經(jīng)?；貞洝?

因此在學(xué)習(xí)場(chǎng)景下我們需要給用戶更多的正面積極的反饋來(lái)抵消掉負(fù)面體驗(yàn)的影響。在懂你英語(yǔ) ®A? 課程設(shè)計(jì)中，我們?cè)趯W(xué)習(xí)結(jié)果頁(yè)根據(jù)用戶不同的學(xué)習(xí)表現(xiàn)給出不同的反饋，即使是偏低的成績(jī)，也依然會(huì)給出一個(gè)較為積極的反饋，以期鼓勵(lì)用戶堅(jiān)持學(xué)習(xí)。

△ 圖：做得不好也不要灰心

除了簡(jiǎn)單抵消掉用戶的負(fù)面偏見(jiàn)，我們甚至可以通過(guò)設(shè)計(jì)去完全扭轉(zhuǎn)局面，變困境為有趣的體驗(yàn)。最經(jīng)典例子便是谷歌斷網(wǎng)時(shí)的小恐龍游戲，不知道有多少人會(huì)故意關(guān)掉網(wǎng)絡(luò)來(lái)玩這個(gè)游戲。

△ 圖：谷歌的斷網(wǎng)小恐龍

最后

作為設(shè)計(jì)師我們可以通過(guò)了解和利用認(rèn)知偏差來(lái)創(chuàng)造既讓用戶滿意又平衡商業(yè)的雙贏體驗(yàn)。但由于設(shè)計(jì)師本身也是人類，與用戶擁有同樣的思考機(jī)制，因此在日常的調(diào)研分析和設(shè)計(jì)的過(guò)程中也要警惕認(rèn)知偏差的影響，不斷深入了解用戶以及使用科學(xué)的測(cè)試方法來(lái)完善自己的設(shè)計(jì)，持續(xù)迭代反思，不因?yàn)槟硞€(gè)方案自己傾注了很多心血，就覺(jué)得它是最好的。用戶可能并不買賬呢。

文章來(lái)源：優(yōu)設(shè)    作者：流利說(shuō)設(shè)計(jì)團(tuán)隊(duì)

微信是一種生活方式。作為月活超 10 億的國(guó)民級(jí)產(chǎn)品，它有著獨(dú)特的設(shè)計(jì)之道。

同時(shí)，微信也是互聯(lián)網(wǎng)界的一個(gè)異類，張小龍?jiān)谖⑿殴_(kāi)課上回應(yīng)道：「我們只是守住了做一個(gè)好產(chǎn)品的底線，居然就與眾不同了」。

好產(chǎn)品自然是體驗(yàn)和價(jià)值至上。下面，我就為大家解讀微信的用戶體驗(yàn)設(shè)計(jì)。

二次確認(rèn)的微創(chuàng)新

先從最簡(jiǎn)單的二次確認(rèn)講起。

微信針對(duì)首頁(yè)消息和收藏列表的刪除操作，做了二次確認(rèn)的微創(chuàng)新。像同類 IM 聊天工具，如 iOS 短信、Facebook Messenger、飛聊等等，二次確認(rèn)都是采用底部系統(tǒng)彈窗。這樣做，從程序架構(gòu)的角度來(lái)看兼容性和通用性更強(qiáng)。

而從體驗(yàn)設(shè)計(jì)的角度來(lái)看，則剛好相反，因?yàn)閺牡谝淮蝿h除操作，到第二次確認(rèn)系統(tǒng)彈窗。之間的目標(biāo)距離太長(zhǎng)，耗時(shí)也就變長(zhǎng)了。根據(jù)菲茨定律（Fitts’ Law），獲取目標(biāo)的時(shí)間取決于目標(biāo)的距離和大小。這意味著提升交互的效率，不僅需要減少距離，同時(shí)還要增加目標(biāo)大小。

△ 收藏列表

回過(guò)頭看來(lái)微信，就是這樣設(shè)計(jì)的。二次確認(rèn)是在第一次的基礎(chǔ)上延展，距離幾乎為 0，同時(shí)，目標(biāo)按鈕的寬度也增加了幾倍，大大地提升了交互效率。

互動(dòng)體驗(yàn)廣告

其實(shí)，商業(yè)和用戶體驗(yàn)往往是有沖突的。而微信廣告很好的平衡了這一點(diǎn)。

通過(guò)豐富有趣的互動(dòng)體驗(yàn)式創(chuàng)意，或畫圓、或畫方、或畫愛(ài)心，吸引大家主動(dòng)參與互動(dòng)。

1. 開(kāi)放首條評(píng)論

另外，首條評(píng)論功能讓品牌像朋友一樣與大家對(duì)話，利用明星效應(yīng)，從而帶動(dòng)更多人參與評(píng)論，有效提升評(píng)論區(qū)活躍度和廣告點(diǎn)擊率。

△ 朋友圈劉雯廣告

以劉雯發(fā)布的朋友圈廣告為例，大表姐把款的 vivo X30 系列手機(jī)交到你手中，并在首條評(píng)論中邀請(qǐng)你幫她拍照。數(shù)十萬(wàn)用戶積極回復(fù)劉雯，評(píng)論率高于歷史均值 40 倍+，「你這么漂亮怎么拍都好看」、「天天給你拍」，大表姐的魅力折服了眾多用戶，有效提升了品牌的親和力與好感度。

2. 打開(kāi)儀式 · 最強(qiáng)震動(dòng)級(jí)別

在交互方面，如果你是 iPhone 用戶，可以體驗(yàn)到 Taptic Engine 線性震動(dòng)馬達(dá)，通常力度由輕到重分別是 Light、Medium、Heavy。在打開(kāi)廣告的那一刻，它給你的是最強(qiáng)震動(dòng)級(jí)別，滿滿的儀式感！整個(gè)微信應(yīng)該找不到第二個(gè)這樣級(jí)別的震動(dòng)了。

提供反饋信息

再舉一個(gè)震動(dòng)的例子，當(dāng)你的好友拍攝了時(shí)刻視頻后，可以看到 TA 的頭像右上角多了一個(gè)藍(lán)色的小圈圈，雙擊它就能看到好友的時(shí)刻視頻了。

當(dāng)然，你雙擊沒(méi)有拍攝時(shí)刻視頻的好友，TA 的頭像會(huì)左右晃動(dòng)，并且會(huì)有 Failure 的震動(dòng)反饋，動(dòng)畫和震動(dòng)節(jié)奏完美匹配，這個(gè)體驗(yàn)就像你解鎖 iPhone 輸錯(cuò)密碼時(shí)的震動(dòng)是一樣的。

△ 沒(méi)有時(shí)刻視頻時(shí)的反饋

我們做產(chǎn)品設(shè)計(jì)時(shí)也一樣，對(duì)于用戶的操作，應(yīng)當(dāng)給予清晰明了的反饋，幫助用戶更好地理解信息。

跨平臺(tái)能力

微信的起步階段是基于手機(jī)來(lái)做 App，不基于 PC 來(lái)做，PC 端只是輔助，而現(xiàn)在，它的跨平臺(tái)能力也逐漸增強(qiáng)。

一周前，微信 PC 版「微信測(cè)試版 for Windows」發(fā)布了 2.9.0 的內(nèi)測(cè)，同步了移動(dòng)端的新功能，主要有兩點(diǎn)：

支持打開(kāi)小程序，也可以玩「貪吃蛇」「跳一跳」等小游戲了。

△ Windows 微信客戶端

另外，此前的微信 PC 端只支持引用文字消息，也沒(méi)有達(dá)到手機(jī)上引用消息的視覺(jué)效果。此次更新中，還新增了很多支持的應(yīng)用類型，包括但不限于圖片/視頻、表情包、公眾號(hào)鏈接、小程序、文件等。

如此看來(lái)，Mac 端的更新也不遠(yuǎn)了，可以期待一下。

語(yǔ)音實(shí)時(shí)翻譯

最近的微信更新了，除了引入深色模式之外。值得一提的是，語(yǔ)音消息的交互體驗(yàn)得到了優(yōu)化，上滑轉(zhuǎn)文字更方便了。

此前的方式是按住說(shuō)話，滑到轉(zhuǎn)文字按鈕，說(shuō)完松開(kāi)手指后，才把語(yǔ)音解析成文字。

現(xiàn)在交互則少了一步操作，達(dá)到了實(shí)時(shí)邊說(shuō)邊轉(zhuǎn)文字的功能。別小看這一步界面上的優(yōu)化，它背后代表的是微信語(yǔ)音識(shí)別能力上的技術(shù)突破。

△ 語(yǔ)音實(shí)時(shí)轉(zhuǎn)文字

錨點(diǎn)定位

微信有很多隱性和顯性的錨點(diǎn)，隱性錨點(diǎn)就比如你打開(kāi)的這篇文章，關(guān)閉后，再重新點(diǎn)進(jìn)來(lái)，還是顯示上次閱讀的位置。

△ 訂閱號(hào)列表

顯性的錨點(diǎn)就比如上面這個(gè)：當(dāng)你刷公眾號(hào)列表時(shí)候，如果有新文章更新，標(biāo)題欄會(huì)出現(xiàn)一個(gè)錨點(diǎn)按鈕，點(diǎn)擊它讓你快速回到頂部，方便查看文章。

△ 朋友圈「跳到還沒(méi)看的位置」

基于此，在新版微信朋友圈中，增加了一個(gè)「跳到還沒(méi)看的位置」。很多信息流產(chǎn)品是往下刷內(nèi)容，直到給你一個(gè)分界線提示：下面內(nèi)容已經(jīng)看過(guò)了。而微信這是一個(gè)逆向操作，我認(rèn)為這個(gè)功能還是很有必要的，因?yàn)榻?jīng)常會(huì)有刷朋友圈刷到一半聊天退出去，當(dāng)回來(lái)查看朋友圈時(shí)，需要重新拉到底部，費(fèi)時(shí)費(fèi)力。

自然的語(yǔ)音聽(tīng)筒播放

《在你身邊，為你設(shè)計(jì)》一書中有提到語(yǔ)音聽(tīng)筒播放的優(yōu)化。大家都知道，手機(jī)帶有距離感應(yīng)器，在感應(yīng)到耳邊貼近時(shí)，屏幕會(huì)關(guān)閉以節(jié)省電力，并且避免由于耳朵與屏幕的觸碰導(dǎo)致的誤操作。

微信在聊天界面中，也啟用了距離感應(yīng)，以實(shí)現(xiàn)手機(jī)貼近耳邊時(shí)，自動(dòng)將語(yǔ)音從揚(yáng)聲器切換到聽(tīng)筒進(jìn)行播放，這樣你可以用最自然的姿勢(shì)來(lái)聽(tīng)語(yǔ)音，這是一個(gè)很好的體驗(yàn)。

但要完美地實(shí)現(xiàn)這個(gè)體驗(yàn)，就需要解決距離感應(yīng)器的時(shí)延問(wèn)題。播放語(yǔ)音時(shí)，如果你非常迅速地將手機(jī)移至耳邊，這時(shí)候距離感應(yīng)器并不會(huì)同樣迅速地對(duì)這個(gè)動(dòng)作產(chǎn)生反饋。大約在延遲了 300 毫秒后，感應(yīng)器發(fā)出信號(hào)，微信將 iPhone 的屏幕關(guān)閉。而在這個(gè)時(shí)間內(nèi)，你的耳廓極有可能已經(jīng)觸碰到了 iPhone 的屏幕上。觸碰的位置大部分時(shí)候是左上角的返回按鈕區(qū)域。于是很容易出現(xiàn)手機(jī)移至耳邊，語(yǔ)音戛然而止。

△ 延時(shí)響應(yīng)判斷流程圖

為了解決這個(gè)問(wèn)題，微信設(shè)計(jì)了一個(gè)解決辦法：在響應(yīng)返回操作時(shí)，先等待 500 毫秒，這時(shí)候如果偵聽(tīng)到距離感應(yīng)器有發(fā)出信號(hào)，則認(rèn)為是貼耳的動(dòng)作，此情況下不執(zhí)行返回操作，如上圖所示。而 500 毫秒的延時(shí)大部分時(shí)候你是不會(huì)感知到的。這一解決辦法極大降低了貼耳時(shí)候的誤操作。

總結(jié)

在微信的產(chǎn)品設(shè)計(jì)中，我們看到了交互的細(xì)微迭代和背后的技術(shù)突破，我們看到了商業(yè)創(chuàng)意與用戶體驗(yàn)的平衡。給用戶帶來(lái)希望，讓創(chuàng)造者體現(xiàn)價(jià)值，這就是微信的設(shè)計(jì)之道。

文章來(lái)源：優(yōu)設(shè)    作者：洋爺

好的用戶體驗(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)（希克定律）
這有點(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.yvirxh.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ái)源：優(yōu)設(shè)

《點(diǎn)石成金:訪客至上的網(wǎng)頁(yè)設(shè)計(jì)秘笈》在用戶體驗(yàn)領(lǐng)域，可以說(shuō)是一部很經(jīng)典的書籍，該書于2000年出版第一版，現(xiàn)在已經(jīng)更新到第三版，自從問(wèn)世以來(lái)可以說(shuō)已經(jīng)將近20年了，但一直是備受推崇。這本書主要為我們介紹了產(chǎn)品可用性原則，并用大量的案例來(lái)闡述及運(yùn)用。幾年前我讀過(guò)一次，最近再次重溫，準(zhǔn)備做一個(gè)整理，當(dāng)做自己的學(xué)習(xí)記錄。

作者史蒂夫·克魯克（簡(jiǎn)稱Krug先生）是一名備受尊敬的可用性咨詢師，他把多年的從業(yè)經(jīng)驗(yàn)，以通俗易懂的方式凝結(jié)成此書，并且篇幅簡(jiǎn)短，雖然作者說(shuō)兩個(gè)小時(shí)就可以讀完，但如果邊讀邊思考的話，兩個(gè)小時(shí)還是不夠的，畢竟這是一本工具類書籍，不是小說(shuō)。本篇文章只是我的一個(gè)學(xué)習(xí)記錄，還是非常希望大家能夠讀一讀原著的。

別讓我思考，作為Krug可用性第一定律，意味著，設(shè)計(jì)者應(yīng)該盡量做到，當(dāng)看到一個(gè)頁(yè)面時(shí)，應(yīng)該是不言而喻，一目了然。我能明白它是什么，怎樣使用它，而不需要花費(fèi)很多精力進(jìn)行思考。

舉個(gè)例子，假如一個(gè)你不認(rèn)識(shí)的人，就比如是你隔壁的鄰居，對(duì)你的網(wǎng)站毫無(wú)興趣，也幾乎不知道如何使用，但是他仍然看一眼你的主頁(yè)，就知道這是干什么的，該怎么用。

比如以下這個(gè)網(wǎng)站，這是我從網(wǎng)上隨便找的一個(gè)網(wǎng)站，之前從來(lái)沒(méi)有聽(tīng)說(shuō)過(guò)，點(diǎn)擊鏈接進(jìn)入后的第一眼，就是很多關(guān)于車的元素，猜測(cè)一定是關(guān)于車的網(wǎng)站；右下角兩個(gè)大大的按鈕“找新車”“品牌找車”，那這個(gè)應(yīng)該是賣車網(wǎng)站，八九不離十了。先不說(shuō)下面是多么雜亂不堪，起碼第一眼我就可以看出，這個(gè)網(wǎng)站是干什么的，該怎么用，這是最基本的。

有可能我們之前訪問(wèn)過(guò)一些網(wǎng)站，打開(kāi)后茫然不知所措，幾乎把首頁(yè)的每個(gè)地方都瀏覽過(guò)了，才知道是該怎么操作，或者某些元素看起來(lái)像按鈕，但是卻不能點(diǎn)擊，也沒(méi)有點(diǎn)擊失敗的提示...總之體驗(yàn)很差。所以當(dāng)我們創(chuàng)建網(wǎng)站時(shí)，就需要去掉這些問(wèn)號(hào)。作為一個(gè)用戶，永遠(yuǎn)不能讓我花幾秒思考，能不能點(diǎn)擊的問(wèn)題。

當(dāng)我們?cè)L問(wèn)WEB的時(shí)候，每個(gè)問(wèn)號(hào)都會(huì)加重我們的認(rèn)知負(fù)擔(dān)，把我們的注意力從要完成的任務(wù)上拉開(kāi)。這種干擾也許很輕微，但他們會(huì)累積起來(lái)，有時(shí)候這樣的干擾不用太多，就足以讓我們抓狂。這樣會(huì)讓我們對(duì)網(wǎng)站失去信心。

那么哪些事情是訪問(wèn)者在訪問(wèn)網(wǎng)站時(shí)不應(yīng)該花時(shí)間思考的事呢？

例如：

1、我在什么位置？

2、我該從哪里開(kāi)始？

3、他們把某某放在什么地方了？

4、這個(gè)頁(yè)面上最重要的是什么？

5、為什么他們給他取這個(gè)名字？

...

我們?cè)谠O(shè)計(jì)網(wǎng)站的前和后，可以把這些作為走查對(duì)象審視一下，慢慢的這些習(xí)慣就會(huì)變成你的潛意識(shí)，再次設(shè)計(jì)網(wǎng)站的時(shí)候就會(huì)自然而然的把這些因素考慮在內(nèi)。

不過(guò)，有時(shí)候，特別是在進(jìn)行一項(xiàng)嶄新的，開(kāi)拓性的或者非常復(fù)雜的頁(yè)面設(shè)計(jì)時(shí)，也許只能做到自我解釋。在一個(gè)自我解釋的頁(yè)面中，用戶只需要花一點(diǎn)點(diǎn)時(shí)間去理解頁(yè)面的外觀，精心選擇的名稱，頁(yè)面布局以及少量仔細(xì)斟酌過(guò)的文字。所以，如果不能做到讓一個(gè)頁(yè)面不言而喻，那么至少應(yīng)該讓它自我解釋，這個(gè)非常重要。

我們常常認(rèn)為用戶會(huì)盯著每個(gè)網(wǎng)頁(yè)，仔細(xì)閱讀我們精心制作的文字，領(lǐng)會(huì)我們組織頁(yè)面的方式，然后，在點(diǎn)擊某個(gè)鏈接之前權(quán)衡他們的可選目標(biāo)。

但是大部分情況卻是，用戶只會(huì)在每個(gè)頁(yè)面上瞥一眼，掃過(guò)一些文字，點(diǎn)擊第一個(gè)令他們感興趣或者大概符合他們目標(biāo)的鏈接。通常，頁(yè)面上的很多部分他們都不看（想一想，你是不是這樣瀏覽網(wǎng)頁(yè)的呢）。

本想舉快手WEB端的例子，沒(méi)想到再次打開(kāi)后發(fā)現(xiàn)已經(jīng)改版了，而且應(yīng)該是近兩個(gè)月左右的事情，可惜已經(jīng)不能截圖，不過(guò)這次的改版比之前好多了。

上一版本中，幾乎有幾段整段整段的文字，雖然文采不錯(cuò)，比較優(yōu)美吧，但誰(shuí)有耐心看呢，總之我打開(kāi)幾次，一次也沒(méi)一字一字的閱讀過(guò)。這個(gè)直接增加了用戶的負(fù)擔(dān)，降低了主要元素的層級(jí)，畫蛇添足。

所以，如果我們想設(shè)計(jì)有效的網(wǎng)頁(yè)，必須開(kāi)始接受關(guān)于網(wǎng)絡(luò)使用的三個(gè)事實(shí)：

一、我們不是閱讀，而是掃描

原因有3：

1、我們總是處于忙碌之中；

2、我們知道自己不必閱讀所有內(nèi)容，只對(duì)網(wǎng)頁(yè)中的一小部分內(nèi)容感興趣，剩下的內(nèi)容我們并不關(guān)心，掃描就是我們找到相關(guān)內(nèi)容的方式。

3、我們善于掃描，在日常生活中，我們不管是看報(bào)紙，還是雜志，書籍，基本都是用掃描的方式，找到我們感興趣的部分。

大家想一想，我們?cè)诳磮?bào)紙的時(shí)候，是不是先瀏覽一遍，然后看到哪個(gè)標(biāo)題比較吸引才專心去看那篇文章，而且也不會(huì)是一字一句的去讀，而是知曉大概內(nèi)容即可。

再舉個(gè)貼近的例子，打開(kāi)站酷的首頁(yè)，你們會(huì)從左到右，從上到右的一字不漏的去看嗎，我們是不是用眼睛掃一遍，看到吸引你的內(nèi)容，然后再點(diǎn)進(jìn)去看詳情，對(duì)的，這就是互聯(lián)網(wǎng)用戶的掃描閱讀。

二、我們不做最佳選擇，而是滿意即可

在設(shè)計(jì)頁(yè)面時(shí)，我們通常假設(shè)用戶只是掃過(guò)整個(gè)頁(yè)面，考慮所有可能的選項(xiàng)，然后選擇一個(gè)最好的。

事實(shí)上，大多數(shù)時(shí)間里，用戶不會(huì)選擇最佳選項(xiàng)，而是選擇一個(gè)合理的選項(xiàng)，一旦發(fā)現(xiàn)一個(gè)鏈接，看起來(lái)似乎能跳轉(zhuǎn)到我們想去的地方，那很大的機(jī)會(huì)就會(huì)去點(diǎn)擊它。

原因有以下幾個(gè)：

1、我們總是處于忙碌之中，尋找最佳策略需要的時(shí)間很長(zhǎng)。

2、如果猜錯(cuò)了，也不會(huì)產(chǎn)生什么嚴(yán)重的后果。就算做了錯(cuò)誤選擇，我們只要點(diǎn)擊幾次返回按鈕就好，所以，返回按鈕，是WEB端用的最多的地方。

3、對(duì)選擇進(jìn)行仔細(xì)思考還不如很快多嘗試幾次。

4、猜測(cè)更有意思，猜測(cè)不會(huì)像仔細(xì)權(quán)衡那么累，而且如果猜對(duì)了，速度會(huì)更快。

當(dāng)然，這并不是說(shuō)用戶在點(diǎn)擊之前從不進(jìn)行權(quán)衡，這要取決于時(shí)間上的緊迫以及其他因素。

大家想一想，現(xiàn)實(shí)中是不是這樣的呢。也許通往一個(gè)入口有好幾條路徑，但是第一次進(jìn)入該網(wǎng)站的時(shí)候，不會(huì)尋找最佳路徑，而是試探的摸索，只要找到就可以了，不會(huì)刻意的找那條最捷徑的。

三、我們不是追根究底，而是勉強(qiáng)應(yīng)付。

生活中，人們?cè)谑褂萌魏螙|西，往往不理解它們的運(yùn)作原理，甚至對(duì)它們的工作原理有完全錯(cuò)誤的理解。

無(wú)論面對(duì)哪種產(chǎn)品，除了刻意鉆研的，很少有人會(huì)花時(shí)間閱讀說(shuō)明書。相反，我們往往是貿(mào)然前進(jìn)，勉強(qiáng)應(yīng)付。

比如我們買了一臺(tái)新款電視機(jī)，幾乎從來(lái)不會(huì)把電視機(jī)的零件一個(gè)個(gè)都拆下來(lái)，完全理解了它們的工作原理后才使用，我們甚至連說(shuō)明書都不看，而是拿著遙控器自己琢磨，完全沒(méi)有必要去深究。

為什么會(huì)這樣？

1、這對(duì)我們來(lái)說(shuō)并不重要。對(duì)于大多數(shù)人來(lái)說(shuō)，是否明白背后的工作機(jī)制并不重要，只要正常使用即可，這并不是智力低下的表現(xiàn)，而是我們并不關(guān)心。

2、如果發(fā)現(xiàn)某個(gè)事物能用，我們會(huì)一直使用它。我們一旦發(fā)現(xiàn)某個(gè)事物能用，很少去找更好的替代品。如果偶然發(fā)現(xiàn)一種更好的方法，我們會(huì)換用這種更好的方法，但很少去主動(dòng)尋找更好的。

舉個(gè)我小時(shí)候的例子，上學(xué)時(shí)我用的第一只中性筆是同學(xué)給我的，雖然可以用，但我發(fā)現(xiàn)比較粗，不太喜歡，但是認(rèn)為可以用，從來(lái)沒(méi)想過(guò)是否有稍微細(xì)一點(diǎn)的。當(dāng)?shù)谝恢还P芯用完，去文具店購(gòu)買時(shí)，發(fā)現(xiàn)竟然還有0.35的筆芯，很意外，當(dāng)然我就放棄了之前的筆芯，換作成0.35的，這樣的例子應(yīng)該都會(huì)發(fā)生在每個(gè)人的生活中。

那如果人們勉強(qiáng)應(yīng)付的時(shí)候這么多，有沒(méi)有弄明白真的那么重要嗎？答案是很重要，因?yàn)橛袝r(shí)候可以勉強(qiáng)應(yīng)付，但通常效率不高，而且容易出錯(cuò)。

如果用戶很清楚，不是勉強(qiáng)應(yīng)付呢？

1、他們會(huì)更容易找到自己需要的東西。

2、會(huì)更容易理解你的網(wǎng)站提供哪些服務(wù)。

3、你更可能引導(dǎo)他們到你的網(wǎng)站上希望他們看到的地方。

4、在你的網(wǎng)站上，會(huì)覺(jué)得自己更聰明，感覺(jué)更好，這樣他們就會(huì)離開(kāi)讓人勉強(qiáng)應(yīng)付的網(wǎng)站了。

這也是現(xiàn)在競(jìng)品之間搶奪用戶的一個(gè)重要因素，兩個(gè)服務(wù)內(nèi)容一樣的產(chǎn)品，一個(gè)直觀明了，一個(gè)結(jié)構(gòu)比較混亂，不能很快找到目標(biāo)，對(duì)于這兩個(gè)產(chǎn)品，那用戶該選擇哪一個(gè)呢，可想而知。

前面已經(jīng)說(shuō)到，現(xiàn)在互聯(lián)網(wǎng)的用戶閱讀都是掃描式閱讀，那么在這種情況下，怎樣才能讓用戶清晰理解你的網(wǎng)站，提高體驗(yàn)。

需要注意5個(gè)方面，保證他們會(huì)很容易理解你的網(wǎng)站：

1、在每個(gè)頁(yè)面上建立清晰的視覺(jué)層次；

2、盡量利用習(xí)慣用法；

3、把頁(yè)面劃分成明確定義的區(qū)域；

4、明顯標(biāo)識(shí)可以點(diǎn)擊的地方；

5、最大限度降低干擾；

前面已經(jīng)說(shuō)到，現(xiàn)在互聯(lián)網(wǎng)的用戶閱讀都是掃描式閱讀，那么在這種情況下，怎樣才能讓用戶清晰理解你的網(wǎng)站，提高體驗(yàn)。

一個(gè)視覺(jué)層次清晰的頁(yè)面有3個(gè)特點(diǎn)：

1、越重要的部分越突出；

2、邏輯上相關(guān)的部分，視覺(jué)上也相關(guān)；

3、邏輯上包含的部分在視覺(jué)上游嵌套；

也可以這么說(shuō)，要把版式設(shè)計(jì)的四個(gè)原則，親密，重復(fù)，對(duì)齊，對(duì)比，把這幾點(diǎn)做好。

對(duì)于習(xí)慣用法可以說(shuō)是人的一種本性習(xí)慣了，這也是為什么很多競(jìng)品都很相似的原因了。

舉個(gè)常見(jiàn)的例子，比如聊天的icon，都是一種對(duì)話框的設(shè)計(jì)，因?yàn)槿藗円呀?jīng)習(xí)慣了這種圖標(biāo)設(shè)計(jì)，如果換成其他，用戶看到后會(huì)不理解這到底是什么東西。

對(duì)于設(shè)計(jì)師，很多人一直想創(chuàng)新，但是一定要秉持兩個(gè)原則：

1、創(chuàng)新的方法同樣也要不言而喻；

2、能夠?yàn)橛脩魩?lái)很大價(jià)值，值得用戶付出一點(diǎn)努力來(lái)學(xué)習(xí)新的方法。

Krug可用性第二定律——點(diǎn)擊多少次都沒(méi)關(guān)系，只要每次點(diǎn)擊都是無(wú)須思考的選擇。

文中說(shuō)：WEB設(shè)計(jì)師和可用性專家一直有一個(gè)爭(zhēng)論，用戶在到達(dá)目標(biāo)之前點(diǎn)擊多少次不會(huì)覺(jué)得有挫敗感，作者認(rèn)為，真正的問(wèn)題不是到達(dá)目標(biāo)之前要點(diǎn)擊的次數(shù)，而是每次點(diǎn)擊有多艱難，需要多少思考，有多大的不確定性來(lái)判斷自己是否在進(jìn)行正確的選擇。

所以當(dāng)我們?cè)谑褂媚壳耙恍┏晒Φ漠a(chǎn)品時(shí)，會(huì)感到自然而然的流暢體驗(yàn)，雖然有時(shí)候因?yàn)楫a(chǎn)品體量大，沒(méi)有很快找到目標(biāo)，但我們也沒(méi)有過(guò)多挫敗和煩躁。

Krug可用性第三定律——去掉每個(gè)頁(yè)面上一半的文字，然后把剩下的文字再去掉一半。

好處：

1、可以降低頁(yè)面的噪聲。

2、讓有用的內(nèi)容更加突出。

3、讓頁(yè)面更簡(jiǎn)短，讓用戶在每個(gè)頁(yè)面上一眼就能看見(jiàn)更多的內(nèi)容，而不必滾動(dòng)屏幕。

如果有歡迎詞，盡量減少，能不用就不用。

指示性說(shuō)明盡量不用。

如果指示性說(shuō)明非常冗長(zhǎng)，用戶發(fā)現(xiàn)所需信息的機(jī)會(huì)很小。

我們應(yīng)該通過(guò)讓每項(xiàng)內(nèi)容不言而喻來(lái)完全消除指示性說(shuō)明，當(dāng)指示文字變得完全沒(méi)有必要，就應(yīng)把他們?nèi)咳サ簟?

現(xiàn)在比較成功的App的引導(dǎo)頁(yè)都非常簡(jiǎn)潔，因?yàn)闆](méi)有人會(huì)在進(jìn)入的時(shí)候看你寫的一長(zhǎng)段文字，等待很長(zhǎng)時(shí)間，除非視覺(jué)性很強(qiáng)，比如今年美團(tuán)變黃的那段視頻，視覺(jué)沖擊力很強(qiáng)，我看完一次后，在網(wǎng)上又自己找，看了幾次。所以要做到盡量減少指示性說(shuō)明。

作者認(rèn)為，很多網(wǎng)站，一旦到了第二個(gè)層次，導(dǎo)航會(huì)變得支離破碎，隨意發(fā)揮，以至于很難找到良好的三級(jí)導(dǎo)航的例子。

原因有3：

1、好的多級(jí)導(dǎo)航本來(lái)就很難設(shè)計(jì)，同時(shí)有很多元素需要安排到頁(yè)面中。

2、設(shè)計(jì)師即使在設(shè)計(jì)前兩個(gè)層次也常感到時(shí)間不夠。

3、第三個(gè)原因是它看起來(lái)并不重要，不是主導(dǎo)航，也不是二級(jí)導(dǎo)航，而且有一種傾向認(rèn)為，當(dāng)人們深入到網(wǎng)站的這一個(gè)層次后，會(huì)自然明白如何進(jìn)行操作。

而且就算設(shè)計(jì)師提出需求，他們也可能拿不到，因?yàn)樨?fù)責(zé)內(nèi)容的通常不會(huì)想的那么深遠(yuǎn)。

事實(shí)上，用戶在底層頁(yè)面上花的時(shí)間通常和花在頂層頁(yè)面的時(shí)間相同，除非從一開(kāi)始就自頂往下進(jìn)行導(dǎo)航設(shè)計(jì)，否則以后很難再進(jìn)行添加，也很難保持一致性。

網(wǎng)站主頁(yè)是我們打開(kāi)后第一眼看到的，也是最容易向用戶突出網(wǎng)站的價(jià)值等內(nèi)容的，那在主頁(yè)該放什么哪些內(nèi)容比較合適呢：

1、站點(diǎn)的標(biāo)識(shí)和使命：告訴我們這是什么網(wǎng)站，做什么的；

2、站點(diǎn)層次：提供服務(wù)概貌，包括內(nèi)容，功能，組織形式；

3、搜索；

4、導(dǎo)讀：主頁(yè)最好有“里面有精彩內(nèi)容”的暗示提醒；

5、內(nèi)容經(jīng)常更新；

6、友情鏈接；

7、快捷方式：最常訪問(wèn)的內(nèi)容片斷；

8、登錄、注冊(cè)；

...

除了這些主要的，最好還要滿足這些：

1、讓我看到自己正在尋找的東西；

2、我也許感興趣的精彩內(nèi)容；

3、告訴我從哪里開(kāi)始；

4、建立可信度和信任感。

比如打開(kāi)淘寶首頁(yè)，你不僅可以看到以上羅列的內(nèi)容，淘寶通過(guò)算法，會(huì)自動(dòng)推薦你曾經(jīng)搜索過(guò)得商品，最上角的非常醒目的位置，logo動(dòng)效還會(huì)告訴你最近的活動(dòng)。

對(duì)于一個(gè)控件的選擇或者其他設(shè)計(jì)，很多團(tuán)隊(duì)經(jīng)常在無(wú)休止的討論，始終沒(méi)有決定，這樣的討論除了浪費(fèi)時(shí)間，也很容易造成緊張氣氛，破壞團(tuán)隊(duì)成員之間的關(guān)系，常常讓團(tuán)隊(duì)無(wú)法做出關(guān)鍵的決定.

我們每個(gè)人都是用戶，和所有的用戶一樣，對(duì)網(wǎng)站上喜歡什么，不喜歡什么有著強(qiáng)烈的感覺(jué)。

我們往往認(rèn)為我們自己喜歡的，絕大多數(shù)用戶也都喜歡。這應(yīng)該是人的一種天性。

同時(shí)，在團(tuán)隊(duì)中，由于職位不同，不同崗位的人對(duì)網(wǎng)站設(shè)計(jì)也有不同的看法。

比如設(shè)計(jì)師喜歡視覺(jué)上比較好看的網(wǎng)站，而開(kāi)發(fā)卻喜歡構(gòu)建新穎，有趣，功能出色的網(wǎng)站。所以不同的角色，不同的視角，常常造成不同的看法，繼而不停的討論，讓會(huì)議陷入僵局，當(dāng)然每個(gè)人的想法并不是一層不變的，只要有足夠的證據(jù)能打動(dòng)他，他的想法完全可以反過(guò)來(lái)。

一旦因個(gè)人和職位不同而造成的沖突不分勝負(fù)時(shí)，討論常常會(huì)轉(zhuǎn)化為尋找某種方式（專家的意見(jiàn)、焦點(diǎn)小組或者用戶測(cè)試）來(lái)決定絕大部分用戶喜歡或不喜歡什么，但是，找出所謂的普通用戶，就是錯(cuò)誤的想法，因?yàn)?，本?lái)就沒(méi)有什么普通用戶，所有的web用戶都是的。

越是仔細(xì)觀察用戶，認(rèn)真傾聽(tīng)他們表達(dá)自己的想法，越能意識(shí)到他們對(duì)網(wǎng)頁(yè)的個(gè)人反應(yīng)和很多不同的變量有關(guān)系。所以，試圖用一些簡(jiǎn)單的喜好來(lái)形容用戶，既瑣碎又沒(méi)有什么作用，另一方面，好的設(shè)計(jì)會(huì)把這種復(fù)雜性考慮進(jìn)去。

關(guān)于普通用戶的這個(gè)說(shuō)法，最糟糕的是加強(qiáng)了這種看法，認(rèn)為好的web設(shè)計(jì)主要是找出人們的喜好，這種想法看上去不錯(cuò)。比如面包屑導(dǎo)航好，要么不好，彈出框好，要么不好，非黑即白。

問(wèn)題是，對(duì)于大部分web設(shè)計(jì)問(wèn)題來(lái)說(shuō)，沒(méi)有簡(jiǎn)單的“正確”答案，好的設(shè)計(jì)能滿足需要，也就是說(shuō)，經(jīng)過(guò)仔細(xì)考慮，實(shí)現(xiàn)和測(cè)試的設(shè)計(jì)就是好的。

例如，對(duì)于Flash的使用，如果詢問(wèn)用戶，有些用戶會(huì)說(shuō)他們很喜歡Flash，而另外差不多同樣數(shù)量的用戶會(huì)說(shuō)他們討厭Flash。實(shí)際上，他們不喜歡的是使用不當(dāng)?shù)腇lash，大而復(fù)雜的動(dòng)畫，需要很長(zhǎng)時(shí)間下載，沒(méi)有帶來(lái)任何價(jià)值。如果仔細(xì)觀察他們，很可能發(fā)現(xiàn)同樣是這些人，喜歡那些使用精心設(shè)計(jì)，適當(dāng)并小規(guī)模使用Flash的網(wǎng)站，增加一些簡(jiǎn)約的修飾，或者有用的功能，同時(shí)又不帶來(lái)麻煩。

并不是說(shuō)不存在完全錯(cuò)誤的方法，有些設(shè)計(jì)網(wǎng)頁(yè)的方法確實(shí)是完全錯(cuò)誤的，只是他們往往并不是設(shè)計(jì)團(tuán)隊(duì)通常爭(zhēng)論的那些方法。

解決這種問(wèn)題的關(guān)鍵方法就是，不要再問(wèn)這樣的問(wèn)題“大部分人喜歡這樣的導(dǎo)航嗎”，正確的問(wèn)題應(yīng)該是“在這個(gè)頁(yè)面，這種導(dǎo)航會(huì)讓可能使用這個(gè)網(wǎng)站的大部分人產(chǎn)生一種良好的體驗(yàn)嗎？”，然后觀察人們對(duì)它的看法和使用的方法，再不斷調(diào)整。

爭(zhēng)辯人們喜歡什么既浪費(fèi)時(shí)間又消耗團(tuán)隊(duì)的經(jīng)歷，而通過(guò)測(cè)試將討論對(duì)錯(cuò)轉(zhuǎn)移到什么有效，什么無(wú)效上，更容易緩和爭(zhēng)論，打破僵局，而且測(cè)試會(huì)讓我們看到用戶的動(dòng)機(jī)，理解，反應(yīng)的不同，從而讓我們不再堅(jiān)持認(rèn)為用戶的想法和我們的想法一樣。

在做測(cè)試時(shí)，往往很多人不清楚什么是焦點(diǎn)小組訪談和可用性測(cè)試的的區(qū)別，那就先科普一下。

焦點(diǎn)小組訪談，百度百科的解釋是這樣的：就是采用小型座談會(huì)的形式，由一個(gè)經(jīng)過(guò)訓(xùn)練的主持人以一種無(wú)結(jié)構(gòu)、自然的形式與一個(gè)小組的具有代表性的消費(fèi)者或客戶交談。從而獲得對(duì)有關(guān)問(wèn)題的深入了解。

簡(jiǎn)單來(lái)說(shuō)就是一個(gè)小組圍坐在桌子周圍，主持人拋出問(wèn)題，針對(duì)這一問(wèn)題，被訪談人說(shuō)出自己的想法，從而快速得到用戶的意見(jiàn)和反應(yīng)。

焦點(diǎn)小組可以抽象的確定你的目標(biāo)用戶想要什么，需要什么，喜歡什么。也可以測(cè)試出網(wǎng)站的理念是否有意義，價(jià)值主張是否吸引人等等。

但焦點(diǎn)小組只是適合用于網(wǎng)站設(shè)計(jì)前就應(yīng)該進(jìn)行的，是一個(gè)早期階段方法。

比如電視劇《我的前半生》中，段曉天因得不到主角羅子君而為難她的那個(gè)片段，就是一次焦點(diǎn)小組訪談。

可用性測(cè)試的百度百科解釋是這樣的：讓一群具有代表性的用戶對(duì)產(chǎn)品進(jìn)行典型操作，同時(shí)觀察員和開(kāi)發(fā)人員在一旁觀察，聆聽(tīng)，做記錄。

該產(chǎn)品可能是一個(gè)網(wǎng)站，軟件，或者其他任何產(chǎn)品，它可能尚未成型。測(cè)試可以是早期的紙上原型測(cè)試，也可以是后期成品的測(cè)試。

簡(jiǎn)單說(shuō)就是向用戶展示一些內(nèi)容，不管是網(wǎng)站還是原型，或是草圖，并且要求用戶說(shuō)出這是什么，并用他們來(lái)完成一項(xiàng)特定的任務(wù)。

如果想建立一個(gè)優(yōu)秀的網(wǎng)站，一定要測(cè)試。為一個(gè)網(wǎng)站工作幾個(gè)星期會(huì)讓你失去新鮮感，因?yàn)槟銓?duì)網(wǎng)站了解的太多，很多細(xì)節(jié)都知道，所以清楚網(wǎng)站是否正常運(yùn)作的唯一方法就是測(cè)試。

測(cè)試會(huì)提醒你，不是每個(gè)人的想法都和你一樣，會(huì)和你用同樣的方法使用網(wǎng)站。

要記住，測(cè)試一個(gè)用戶比不做測(cè)試好一百倍。測(cè)試總是會(huì)有效果，哪怕對(duì)錯(cuò)誤的用戶做一次糟糕的測(cè)試，也會(huì)讓你看到改善網(wǎng)站的一些方面。

在項(xiàng)目中，早做測(cè)試，哪怕一位用戶也好過(guò)最后測(cè)試50位用戶。

一旦一個(gè)網(wǎng)站投入使用，要改變就不是很容易了，有些用戶拒絕做出任何變化，所以在開(kāi)始的時(shí)候，有助于防止你犯錯(cuò)誤的方法都很劃算。

測(cè)試的關(guān)鍵不是證明什么或者反駁什么，而是了解你的判斷力。對(duì)于用戶的招募也不要太嚴(yán)格，如果能夠讓用戶是更接近使用網(wǎng)站的用戶就更好了，但更重要的是，要盡早和經(jīng)常進(jìn)行測(cè)試，這是一個(gè)開(kāi)發(fā)，測(cè)試，修復(fù)，再度測(cè)試的過(guò)程，沒(méi)有什么比現(xiàn)場(chǎng)用戶的反應(yīng)更重要了。

其實(shí)做可用性測(cè)試沒(méi)有想象的那么復(fù)雜，一個(gè)簡(jiǎn)單的可用性測(cè)試完全可以把問(wèn)題解決。

那么應(yīng)該測(cè)試多少用戶呢：

很多情況下，每輪測(cè)試用戶數(shù)量應(yīng)該是三個(gè)，最多四個(gè)。前三個(gè)用戶很可能會(huì)遇到幾乎所有最明顯的問(wèn)題，更重要的是多做幾輪測(cè)試，只測(cè)試三名用戶有助于很快進(jìn)行下一輪測(cè)試。由于你會(huì)修正在第一輪測(cè)試提出的問(wèn)題，因此在第二輪測(cè)試中，就會(huì)發(fā)現(xiàn)新的問(wèn)題。這樣的話，能夠很快的對(duì)測(cè)試進(jìn)行總結(jié)，并能很快利用測(cè)試結(jié)果進(jìn)行修正。

很多人不知道該招募怎樣的測(cè)試人員，總是很糾結(jié)，其實(shí)沒(méi)那么難。

實(shí)際上，我們都是初學(xué)者。就算找一位專家，你也有可能發(fā)現(xiàn)他也在勉強(qiáng)應(yīng)付。

設(shè)計(jì)出的網(wǎng)站如果只有你的目標(biāo)用戶能使用，這通常不是一個(gè)好的方法，應(yīng)該既要滿足專家的要求也要滿足新手的要求。

例外：

如果你的網(wǎng)站幾乎由某一類用戶使用，那就只招募這一類用戶。

如果你的目標(biāo)用戶群體可以分成幾個(gè)明顯的陣營(yíng)，而且這些陣營(yíng)有著完全不同的興趣和需要，那么至少要從每個(gè)陣營(yíng)里選擇用戶進(jìn)行一次測(cè)試。

同時(shí)避免對(duì)網(wǎng)站或網(wǎng)站背后的組織架構(gòu)進(jìn)行預(yù)先討論。

可以找任何人來(lái)引導(dǎo)測(cè)試，真正需要的工作只是鼓勵(lì)測(cè)試用戶去嘗試。同時(shí)還需要一個(gè)觀察人，對(duì)于觀察人選，建議如果能讓管理層參與就好了，他們的參加能極大鼓舞團(tuán)隊(duì)的士氣，這是他們第一次看到自己的網(wǎng)站被人使用，而且很多地方和他們想象的畫面并不一樣，這樣的話，團(tuán)隊(duì)也更容易向管理層拿到對(duì)測(cè)試的投資，可謂是一舉兩得。

測(cè)試什么，什么時(shí)候測(cè)試?

測(cè)試：顧名思義，就是讓測(cè)試用戶看到網(wǎng)站，然后看他們能否理解這個(gè)網(wǎng)站，包括目標(biāo)，價(jià)值主張，組織方法和運(yùn)行方式等。

可以對(duì)用戶進(jìn)行關(guān)鍵任務(wù)測(cè)試，讓用戶完成一些任務(wù)，然后觀察他們是怎么做的。

立刻回顧測(cè)試結(jié)果

在測(cè)試后的討論會(huì)議上，主要做以下兩件事：

給問(wèn)題分類：

回顧大家看到的問(wèn)題，決定哪些問(wèn)題需要修正。

解決問(wèn)題：

找出修正這些問(wèn)題的方法。

這樣，從其他人的角度看你的作品，常常能為問(wèn)題提供全新的解決方案，或者讓你用一種新的眼光看待原有的問(wèn)題。

要記住，這是一個(gè)循環(huán)的過(guò)程，不能只做一兩次就停止了。

測(cè)試常見(jiàn)問(wèn)題：

1、用戶不清楚概念：用戶看著網(wǎng)站，要么不清楚他們說(shuō)的是什么，要么他們以為自己知道，但是理解有誤。

2、他們找不到自己要找的字眼：這通常意味著你組織的內(nèi)容分類不符合用戶的習(xí)慣或者分類符合他們的習(xí)慣，但沒(méi)有使用他們期望的名字。

3、內(nèi)容太多了：有時(shí)候，他們要找的內(nèi)容就在頁(yè)面上，但就是看不到，在這種情況下，你需要減少頁(yè)面上的整體干擾或者把他們需要看到的內(nèi)容設(shè)置的更加醒目，讓它們從可視層次結(jié)構(gòu)中更加突出。

在任何測(cè)試中，你都可能會(huì)遇到這樣的情況，用戶暫時(shí)出現(xiàn)錯(cuò)誤，然后在不需要任何幫助的情況下回到原來(lái)的軌道。

只要出現(xiàn)問(wèn)題的人馬上發(fā)現(xiàn)自己偏離了原來(lái)的主體，盡量不需要幫助就能回到原來(lái)的方向，這種情況看起來(lái)沒(méi)有擾亂他們的活動(dòng)，就可以忽略這些?？偟膩?lái)說(shuō)，如果用戶關(guān)于在哪里找到他們需要的內(nèi)容的第二次猜測(cè)總是對(duì)的，就可以了。

這樣的問(wèn)題總會(huì)存在的，因?yàn)橛行┖熘帲偸菦](méi)有簡(jiǎn)單的解決方法，不管怎么做，都會(huì)有一半用戶在第一次猜測(cè)的時(shí)候出錯(cuò)，但每個(gè)人都會(huì)在第二次猜測(cè)之內(nèi)找到，這樣就好。

當(dāng)在測(cè)試時(shí)清楚看到人們沒(méi)有理解某些內(nèi)容時(shí)，大部分人的第一反應(yīng)是增加一些內(nèi)容，例如一些注釋或者指導(dǎo)說(shuō)明。

這樣的方法不對(duì)，正確的解決方案往往是去除某個(gè)或一些讓人混淆的內(nèi)容，而不是增加另一些干擾。

而且不要太看重人們對(duì)新功能的需求，人們常常說(shuō)“如果它能像某某”就好了，這樣的說(shuō)法常常被看做是在要求新的功能，如果仔細(xì)詢問(wèn)，常常會(huì)發(fā)現(xiàn)，他們已經(jīng)找到一個(gè)很好的網(wǎng)站，能做某某功能，就算你做了這個(gè)功能，他們也不會(huì)切換到你的網(wǎng)站，他們只是在告訴你他們的喜好而已。

當(dāng)大家看到第一個(gè)用戶試著勉強(qiáng)應(yīng)付的時(shí)候，問(wèn)題和解決方法都很明顯的那種驚喜，就像是現(xiàn)成的收獲，你應(yīng)該馬上修正它們。

和任何好的設(shè)計(jì)一樣，成功的網(wǎng)頁(yè)需要巧妙的平衡，要記住，哪怕一個(gè)微小的變化都會(huì)帶來(lái)不小的影響，有時(shí)候，真正的挑戰(zhàn)不是修正你發(fā)現(xiàn)的問(wèn)題，而是修正這些問(wèn)題的同時(shí)不破壞已經(jīng)正常運(yùn)行的部分。

只要進(jìn)行改變，就要仔細(xì)思考它將會(huì)影響哪些其他內(nèi)容。特別是，當(dāng)你把某些部分調(diào)整的更為突出時(shí)，想想看是不是把其他內(nèi)容的重要性降低了。

降低網(wǎng)站好感度有幾種方式：

1、隱藏我想要的信息；

2、因?yàn)闆](méi)有按照你們的方式行事而懲罰我；

3、向我詢問(wèn)不必要的信息：大多數(shù)用戶都很介意個(gè)人信息，如果網(wǎng)站要求的信息超出當(dāng)前任務(wù)時(shí)，會(huì)讓用戶覺(jué)得很麻煩。

4、敷衍我，欺騙我：我們都會(huì)討厭虛偽的真誠(chéng)，也討厭假意的關(guān)心，想想每次你聽(tīng)到“您的電話對(duì)我們來(lái)說(shuō)很重要”的時(shí)候是什么感覺(jué)吧！

5、給我設(shè)置障礙：不得不等待一個(gè)長(zhǎng)長(zhǎng)的flash介紹。

6、你的網(wǎng)站看上去不專業(yè)：網(wǎng)站看起來(lái)很凌亂，組織很混亂。

就算你有些地方做的不好，也還有可能再度提高我的好感，只要讓我相信你的所作所為是在為我著想。

提高好感的幾種方式：

1、知道人們?cè)谀愕木W(wǎng)站上想做什么，并讓他們?nèi)菀酌靼祝喊延脩糇钕胱龅膸准路旁谧蠲黠@的地方；

2、告訴我我想知道的。

3、盡量減少步驟，讓用戶以最快的途徑到達(dá)他們想去的地方。

4、知道我可能有哪些疑問(wèn)，并且給予解答：可以做一個(gè)經(jīng)常更新的常見(jiàn)列表。

5、為我提供協(xié)助。

6、容易從錯(cuò)誤中恢復(fù)：當(dāng)潛在的錯(cuò)誤不可避免時(shí)，要提供一個(gè)快速且清晰的方法快速?gòu)腻e(cuò)誤中恢復(fù)。

7、如果不確定，記得道歉：有時(shí)候會(huì)因?yàn)闀簳r(shí)沒(méi)有能力或資源做到用戶想要的，如果你做不到，至少讓他們明白你知道你在給他們?cè)斐刹槐恪?

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

一位高管在餐巾紙上畫了一個(gè)新的主頁(yè)原型來(lái)演示她使用和喜歡的網(wǎng)站。一個(gè)開(kāi)發(fā)人員晚上在公司呆到很晚，并添加了一個(gè)他認(rèn)為很酷的新功能。或者產(chǎn)品經(jīng)理堅(jiān)持采用與競(jìng)爭(zhēng)對(duì)手相同的設(shè)計(jì)模式。

如果這些故事聽(tīng)起來(lái)很熟悉，那么你并不孤單。大多數(shù)設(shè)計(jì)師都會(huì)收到這種“幫助”。

你的第一直覺(jué)可能是以平淡無(wú)奇的方式回應(yīng)“不”。但是，一個(gè)用戶體驗(yàn)建議是否來(lái)自一個(gè)關(guān)鍵的利益相關(guān)者或項(xiàng)目周邊的人，應(yīng)該仔細(xì)處理。在您做出反應(yīng)之前，請(qǐng)考慮以下步驟：

你的第一反應(yīng)可能是利索地對(duì)對(duì)方說(shuō)“不”。但是，無(wú)論UX建議是來(lái)自關(guān)鍵的利益相關(guān)者還是項(xiàng)目的外圍人員，都應(yīng)該仔細(xì)地處理它。在你做出回應(yīng)之前，考慮以下步驟:

一、消除主觀意識(shí)

第一步是將消除自己的主觀意識(shí)；你可能擁有豐富的設(shè)計(jì)經(jīng)驗(yàn)，但不排除會(huì)有更好的想法。不要僅僅因?yàn)樗窃赑owerPoint文件而不是Photoshop原型中呈現(xiàn)，所以不要認(rèn)為一個(gè)想法是壞的。

觀點(diǎn)的多樣性可以更有效的構(gòu)思：即使提出建議的人缺乏設(shè)計(jì)知識(shí)，他們可能會(huì)有不同的專業(yè)知識(shí)或經(jīng)驗(yàn)，并且可能會(huì)為您正在嘗試解決的問(wèn)題帶來(lái)寶貴的不同視角。

你如果像設(shè)計(jì)的上帝一樣扼殺了他人的創(chuàng)造力，最終會(huì)導(dǎo)致更糟糕的結(jié)果。

二、聽(tīng)他們的想法

不加考慮就無(wú)情地否定別人的想法會(huì)阻礙人們?cè)谖磥?lái)提出其他（有價(jià)值的）想法。即使一個(gè)想法對(duì)你來(lái)說(shuō)顯然是錯(cuò)誤的，但請(qǐng)記住，這個(gè)人也試圖讓設(shè)計(jì)變得更好，盡管他可能對(duì)“更好”的含義有不同的看法。通過(guò)允許他們：

• 解釋這個(gè)想法
• 解釋一下推理
• 向您展示草圖或案列

三、將建議與問(wèn)題分開(kāi)

您可能會(huì)發(fā)現(xiàn)，雖然提出的解決方案并不合適，但需要解決的問(wèn)題很重要。

問(wèn)問(wèn)這個(gè)人他的設(shè)計(jì)理念想要達(dá)到什么目標(biāo)。他在考慮不同的用戶群或業(yè)務(wù)需求嗎？繼續(xù)問(wèn)“什么？”和“為什么？”（可能以不同的方式），直到你明白他考慮的問(wèn)題及思考方式是什么。

四、評(píng)估潛力

確定建議和問(wèn)題和好處。即使是一個(gè)壞主意也有一些好處。

例如，在大屏幕版本的網(wǎng)站上使用漢堡包菜單不利于用戶輕松找到導(dǎo)航。這是不使用它的一個(gè)非常重要的原因。然而，桌面上的漢堡也有一個(gè)視覺(jué)上吸引人、整潔的標(biāo)題。確認(rèn)想法的成本和收益，以便更準(zhǔn)確地評(píng)估權(quán)衡，可以通過(guò)不同的方法犧牲或?qū)崿F(xiàn)哪些目標(biāo)。

考慮舉行設(shè)計(jì)原型會(huì)議（一個(gè)設(shè)計(jì)原型會(huì)議是短，會(huì)議期間，團(tuán)隊(duì)成員迅速協(xié)作和草圖設(shè)計(jì)，以探索和分享的設(shè)計(jì)思路廣闊的多樣性），一起觀看用戶研究視頻，或舉辦其他類型的用戶體驗(yàn)工作坊，以便這個(gè)想法的支持者可以繼續(xù)為這項(xiàng)想法解釋。

五、花點(diǎn)時(shí)間進(jìn)行研究和探索

解釋一下，現(xiàn)在做一個(gè)設(shè)計(jì)決定意味著跳過(guò)構(gòu)思、研究和用戶反饋。在理想的情況下，轉(zhuǎn)向設(shè)計(jì)思維過(guò)程，為所解決的問(wèn)題找到正確的解決方案。

根據(jù)您對(duì)目標(biāo)用戶及其任務(wù)的了解程度，確定一個(gè)想法的優(yōu)缺點(diǎn)可能需要:

• 回顧以前的研究，看看這個(gè)想法是否已經(jīng)過(guò)測(cè)試，結(jié)果是什么。
• 搜索可用性指南和最佳實(shí)踐，以獲得類似想法的案列。
• 在可用性測(cè)試或A / B測(cè)試中構(gòu)建和測(cè)試該想法的原型。

論證該想法的成本可能會(huì)由于潛在的用戶混淆，而導(dǎo)致的用戶體驗(yàn)問(wèn)題，以及諸如可能延遲發(fā)布其他更重要功能的開(kāi)發(fā)計(jì)劃中斷等后勤問(wèn)題。要評(píng)估大量想法，請(qǐng)使用對(duì)其進(jìn)行優(yōu)先級(jí)排序。

六、如何說(shuō)“不”

如果您評(píng)估確定不應(yīng)該實(shí)施該想法，您可以以積極的方式拒絕。

承認(rèn)其貢獻(xiàn)

你不必著急全盤否定，但不要愚蠢的全去試一遍。找到您相信的有關(guān)他們建議的真實(shí)或有效的內(nèi)容，并將其標(biāo)注出來(lái)。這可能是這樣的：

• “這種設(shè)計(jì)對(duì)于[角色類型]用戶可能有意義，因?yàn)樗麄冃枰猍此功能]。”
• “聽(tīng)起來(lái)你想要解決與重要用戶任務(wù)相關(guān)的[特定客戶投訴]?！?

由于這些短語(yǔ)之后都會(huì)出現(xiàn)“but”，因此請(qǐng)確保您在所提出的觀點(diǎn)中是真實(shí)的。否則，說(shuō)它們根本不值得。

分享您的評(píng)估理由

當(dāng)人們投入足夠的時(shí)間來(lái)提出建議時(shí)，就是幫助他們學(xué)習(xí)更多關(guān)于用戶體驗(yàn)的知識(shí)，并在整個(gè)團(tuán)隊(duì)中傳播更多用戶體驗(yàn)知識(shí)的理想時(shí)機(jī)。利用這些時(shí)間，交流你評(píng)估的理由，而不是僅僅告訴他們一個(gè)“不”。

1. “這種設(shè)計(jì)對(duì)于[persona type]用戶可能有意義，因?yàn)樗麄冃枰猍此功能]。但是我們的主要角色可能會(huì)有這個(gè)問(wèn)題，因?yàn)閇原因]?！?

2. “聽(tīng)起來(lái)你想要解決與重要用戶任務(wù)相關(guān)的[特定客戶投訴]。確定信息的優(yōu)先順序可能會(huì)有所幫助，但要使其更大，顏色不同可能會(huì)導(dǎo)致橫幅失明。我想在第二天做一些調(diào)查，并提出一些替代解決方案的原型?！?

考慮提供原型，案列，設(shè)計(jì)原則，模式或研究發(fā)現(xiàn)，以幫助他們理解為什么一個(gè)設(shè)計(jì)可能會(huì)導(dǎo)致問(wèn)題，以及為什么不同的設(shè)計(jì)會(huì)更好地工作。把每一次互動(dòng)都看作是灌輸貢獻(xiàn)者設(shè)計(jì)理念的機(jī)會(huì)——這是對(duì)未來(lái)的一種投資。

七、對(duì)強(qiáng)權(quán)講真話

當(dāng)客戶或強(qiáng)大的同事發(fā)出特定請(qǐng)求（或要求）時(shí)，即使您給出了解釋，也很難說(shuō)“不”。但這并不意味著你應(yīng)該放棄自己的觀點(diǎn)并同意有害的建議。相反，與他們討論如何將想法背后的目標(biāo)和資源結(jié)合在一起，而不必直接實(shí)施。

合氣道是一種試圖和平解決沖突的武術(shù)，它依靠轉(zhuǎn)彎和樞軸等動(dòng)作來(lái)融合對(duì)立的能量。同樣的原則可以應(yīng)用于處理圍繞設(shè)計(jì)的沖突：與其直接拒絕一個(gè)想法，不如同意繼續(xù)探索這個(gè)建議，而不是明確地承諾實(shí)現(xiàn)它。

建議召開(kāi)一次工作會(huì)議，在會(huì)上你可以提出既能獲得同樣好處又能避免成本的選擇。例如，你可以說(shuō):

• “我明白你想達(dá)到的目標(biāo)。讓我把它與一些用戶體驗(yàn)研究和模式進(jìn)行比較，看看我們?nèi)绾文軌蛟谖覀兊募s束條件下提供最好的解決方案來(lái)實(shí)現(xiàn)你的目標(biāo)?！?
• “我想看看我們的一些競(jìng)爭(zhēng)對(duì)手是如何做到這一點(diǎn)的，并確保我們做得更好，或者至少做得一樣好?！?
• “讓我們按照這些思路勾勒出一些東西，以及一些相關(guān)的替代方案，并獲得一些用戶反饋，這樣我們就能實(shí)現(xiàn)你的目標(biāo)?！?

八、通過(guò)尋求早期設(shè)計(jì)輸入來(lái)預(yù)防這些問(wèn)題

比優(yōu)雅地轉(zhuǎn)移壞主意更好的方法是主動(dòng)引導(dǎo)合作進(jìn)入更有效的軌道。您可以通過(guò)在結(jié)構(gòu)化的、戰(zhàn)略性的時(shí)間（例如預(yù)定的研討會(huì)）尋求輸入，最大限度地利用每個(gè)人的貢獻(xiàn)。這種主動(dòng)的方法減少了在無(wú)法有效評(píng)估或合并意外更改請(qǐng)求時(shí)感到意外的可能性。

九、結(jié)論

每個(gè)人都對(duì)設(shè)計(jì)都自己的看法，這使得UX設(shè)計(jì)師的工作充滿挑戰(zhàn)。有些人總喜歡在界面中添加一些令人困惑的元素，比如原型、這會(huì)影響產(chǎn)品開(kāi)發(fā)進(jìn)度（可能包含UX迭代），以及那些喜歡設(shè)計(jì)（甚至認(rèn)為自己是設(shè)計(jì)師）但缺乏任何真正的UX設(shè)計(jì)專業(yè)知識(shí)的人。

但是，如果您與您的合作者進(jìn)行深入交流，向他們灌輸設(shè)計(jì)理念并引導(dǎo)他們發(fā)揮自己的長(zhǎng)處，這種“設(shè)計(jì)幫助”的多樣性將是一種寶貴的資產(chǎn)。

最有成效的用戶體驗(yàn)設(shè)計(jì)師在設(shè)計(jì)過(guò)程中會(huì)和許多人合作。他們與各種團(tuán)隊(duì)成員和主要利益相關(guān)者討論業(yè)務(wù)目標(biāo)，發(fā)展機(jī)會(huì)和約束，優(yōu)先級(jí)，要求和設(shè)計(jì)理念。這些人來(lái)自許多職能團(tuán)體；具有不同的UX專業(yè)知識(shí)，想法和思考。

要想成為一名優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)師并創(chuàng)作出優(yōu)秀的設(shè)計(jì)作品，培養(yǎng)必要的溝通技巧來(lái)利用這些信息來(lái)源和輸入是必不可少的。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)