建立一個(gè)學(xué)習(xí)型網(wǎng)站比聽(tīng)起來(lái)要困難得多，大家都認(rèn)為自己的設(shè)計(jì)清晰易懂；然而，一個(gè)對(duì)你來(lái)說(shuō)很明顯的設(shè)計(jì)，可能會(huì)被擁有不同體驗(yàn)的用戶完全不同的感知。因此，我們的目標(biāo)是設(shè)計(jì)一個(gè)清晰的用戶路徑，以便訪問(wèn)者能夠快速地獲取和理解。

為什么可學(xué)習(xí)性很重要

易學(xué)性與可用性有很強(qiáng)的相關(guān)性，對(duì)于用戶來(lái)說(shuō)，快速理解應(yīng)用程序的布局和用途是至關(guān)重要的。特別是對(duì)于web應(yīng)用程序，提供一個(gè)易于學(xué)習(xí)的界面非常重要。與web應(yīng)用程序相比，設(shè)計(jì)一個(gè)易于理解的移動(dòng)應(yīng)用程序要方便得多；移動(dòng)屏幕不允許提供復(fù)雜的界面，也不允許用戶完成困難的任務(wù)。

采用的速度并不是學(xué)習(xí)能力重要的唯一標(biāo)準(zhǔn)，一個(gè)看起來(lái)很熟悉的網(wǎng)站，提供一個(gè)可以理解的界面，會(huì)導(dǎo)致一個(gè)較低的回彈率，這對(duì)于那些試圖提高轉(zhuǎn)化率的網(wǎng)站尤其有用。復(fù)雜的設(shè)計(jì)讓用戶感到不便，他們會(huì)求助于其他提供清晰界面的工具。最后，每個(gè)網(wǎng)站的目標(biāo)都是將一個(gè)偶然的用戶轉(zhuǎn)化為一個(gè)重復(fù)的用戶，并讓用戶參與互動(dòng)。

可學(xué)習(xí)性

我們可以在互聯(lián)網(wǎng)上找到大量的例子，學(xué)習(xí)能力已經(jīng)以正確的方式得到了應(yīng)用。讓我們來(lái)看看設(shè)計(jì)中學(xué)習(xí)能力的關(guān)鍵因素……

小提示

幾天前我填寫(xiě)了一份表格來(lái)計(jì)算我的健康保險(xiǎn)的費(fèi)用，不幸的是，這個(gè)表格只有英語(yǔ)，但是由于視覺(jué)和文字的完美結(jié)合，我完全可以理解他們需要什么信息。這是一個(gè)很好的例子，說(shuō)明圖標(biāo)如何反映可能的答案。

其他小提示，如工具提示或默認(rèn)文本，可以讓用戶初步了解如何使用界面以及有哪些選項(xiàng)可用。讓我們以Twitter的"撰寫(xiě)新推文"模式為例。設(shè)計(jì)要求用戶告訴發(fā)生了什么。新用戶的初始響應(yīng)是將剛剛發(fā)生的輸入到字段中。此外，當(dāng)用戶將其中一個(gè)圖標(biāo)懸停在文本字段下方時(shí)，將出現(xiàn)一個(gè)工具提示，告訴用戶該圖標(biāo)允許什么操作。簡(jiǎn)而言之，不浪費(fèi)空間添加文本，設(shè)計(jì)本身就說(shuō)明了問(wèn)題。

熟悉的一致性

谷歌使用自己的設(shè)計(jì)系統(tǒng)（材料設(shè)計(jì)），這是越來(lái)越多地使用在所有的產(chǎn)品。因此，跨工具的call-to-action按鈕是相同的。第一次使用谷歌驅(qū)動(dòng)器時(shí)，使用過(guò)Gmail的用戶應(yīng)該能夠識(shí)別出許多元素。

這種熟悉程度簡(jiǎn)化了新界面的采用過(guò)程，因?yàn)橛脩裟軌驅(qū)⑺麄儗?duì)一個(gè)產(chǎn)品的心理模型轉(zhuǎn)移到另一個(gè)產(chǎn)品上。特別是對(duì)于那些沒(méi)有在電腦環(huán)境中長(zhǎng)大的老一代來(lái)說(shuō)，這種熟悉感很重要，因?yàn)樗麄兺鶗?huì)避免改變和學(xué)習(xí)新的界面。

心理模型代表一個(gè)人對(duì)事物如何運(yùn)作的思考過(guò)程，心理模型是基于不完整的事實(shí)、過(guò)去的經(jīng)驗(yàn)，甚至是直覺(jué)的感知。它們幫助塑造行動(dòng)和行為，影響人們?cè)趶?fù)雜情況下的注意力，定義人們?nèi)绾翁幚砗徒鉀Q新問(wèn)題或接口。

摘自蘇珊·凱里1986年發(fā)表在《認(rèn)知科學(xué)與科學(xué)教育》雜志上的一篇文章。

您也可以在博客上找到這種熟悉感，但不是很明顯，因?yàn)橹挥心承┰厥请[式需要的。例如，漢堡包圖標(biāo)表明菜單是隱藏的，可以通過(guò)單擊漢堡包展開(kāi)。大多數(shù)情況下，你會(huì)在導(dǎo)航欄的右側(cè)找到一個(gè)搜索圖標(biāo)。

此外，跨博客的布局是相當(dāng)一致的。一個(gè)博客總是由一個(gè)標(biāo)題和清晰的導(dǎo)航，然后是一些特色文章，然后是文章的主體。作為用戶，我們逐漸熟悉了這一概念，因此一個(gè)布局不同的博客會(huì)讓我們覺(jué)得陌生。

行為的證據(jù)

除了確保操作是可理解的，確保用戶有他們操作的證據(jù)也很重要；這有助于加強(qiáng)整個(gè)過(guò)程中每個(gè)操作產(chǎn)生的反應(yīng)。

舉個(gè)簡(jiǎn)單的例子，當(dāng)你填寫(xiě)表格時(shí)，你會(huì)看到一個(gè)"Thank you"或一封表示完成的郵件。對(duì)于用戶來(lái)說(shuō)，這是他們正確使用界面的明顯證據(jù)。為什么這很重要？在學(xué)習(xí)過(guò)程中提供反饋可以幫助用戶更好地記住界面，因?yàn)樗梢粤⒓戳私馐裁词强赡艿?，什么是不可能的。適當(dāng)?shù)姆答仚C(jī)制可以快速降低學(xué)習(xí)曲線，也可以幫助用戶在使用該工具時(shí)提高效率。

舉個(gè)例子，我們不只是在提交表單時(shí)給出反饋，而是根據(jù)每個(gè)字段提供反饋。這可以非常簡(jiǎn)單地顯示一個(gè)密碼字段的需求列表：每當(dāng)密碼滿足其中一個(gè)列出的需求時(shí)，該需求就會(huì)被勾選掉；當(dāng)滿足所有需求時(shí)，輸入字段變?yōu)榫G色，表示用戶可以繼續(xù)進(jìn)入下一個(gè)輸入字段。

如何衡量學(xué)習(xí)能力？

實(shí)際上，設(shè)計(jì)一個(gè)可靠的過(guò)程來(lái)衡量學(xué)習(xí)能力并不難。首先，學(xué)習(xí)能力的一個(gè)關(guān)鍵指標(biāo)是彈跳率。因此，使用谷歌分析是獲得洞察力的關(guān)鍵。

除了谷歌分析，您還可以使用隨機(jī)測(cè)試對(duì)象自己執(zhí)行測(cè)試：為您的測(cè)試對(duì)象提供一個(gè)接口，并給他們五個(gè)簡(jiǎn)單的任務(wù)來(lái)完成。例如，您有一個(gè)在線的發(fā)票創(chuàng)建和發(fā)送平臺(tái)，讓您的用戶執(zhí)行以下任務(wù)：

創(chuàng)建一個(gè)有一個(gè)項(xiàng)目的發(fā)票；

編輯發(fā)票；

將發(fā)票發(fā)送給收件人；

跟蹤發(fā)票付款情況；

下載已填妥的個(gè)人簿記發(fā)票。

現(xiàn)在，讓您的測(cè)試對(duì)象在一天的休息時(shí)間內(nèi)連續(xù)五次執(zhí)行這些簡(jiǎn)單的任務(wù)。衡量完成每項(xiàng)任務(wù)所需的時(shí)間是很重要的。提供良好學(xué)習(xí)能力的設(shè)計(jì)應(yīng)該能夠在重復(fù)任務(wù)時(shí)提高效率。重復(fù)五次之后，當(dāng)使用者達(dá)到效率的極限時(shí)（除非他們是超人），停滯不前是很正常的。

許多因素決定了可學(xué)習(xí)性因素，永遠(yuǎn)不要認(rèn)為您的設(shè)計(jì)是理所當(dāng)然的，總是有優(yōu)化的空間。在實(shí)踐中使用這些技巧，看看如何優(yōu)化設(shè)計(jì)的轉(zhuǎn)化率。