UX設(shè)計(jì)的易學(xué)性，建立一個(gè)可學(xué)習(xí)的網(wǎng)站比聽起來要難得多

2009-12-21 網(wǎng)頁設(shè)計(jì)

建立一個(gè)可學(xué)習(xí)的網(wǎng)站比聽起來要難得多。

有人認(rèn)為自己的設(shè)計(jì)清晰易懂；但是，對(duì)于您來說顯而易見的設(shè)計(jì)，可能會(huì)被具有不同體驗(yàn)的用戶感覺完全不同。因此，目標(biāo)是設(shè)計(jì)一個(gè)清晰的用戶路徑，以使訪問者可以快速了解和理解。

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

可學(xué)習(xí)性與可用性緊密相關(guān)。對(duì)于用戶來說，快速了解應(yīng)用程序的布局和用途至關(guān)重要。特別是對(duì)于Web應(yīng)用程序，提供易于學(xué)習(xí)的界面非常重要。與Web應(yīng)用程序相比，設(shè)計(jì)易于理解的移動(dòng)應(yīng)用程序更加方便。移動(dòng)屏幕只是不允許提供復(fù)雜的界面或不允許用戶完成艱巨的任務(wù)。

采納的速度并不是學(xué)習(xí)性如此重要的唯一標(biāo)準(zhǔn)。一個(gè)看起來很熟悉并提供易于理解的界面的網(wǎng)站將導(dǎo)致跳出率降低。這對(duì)于嘗試提高轉(zhuǎn)換率的網(wǎng)站特別有用。復(fù)雜的設(shè)計(jì)使用戶感到恐懼，他們將訴諸于提供清晰界面的其他工具。最后，每個(gè)網(wǎng)站的目標(biāo)是將偶爾的用戶轉(zhuǎn)換為重復(fù)的用戶，并吸引該用戶進(jìn)行交互。

通過示例學(xué)習(xí)

我們可以在互聯(lián)網(wǎng)上找到大量示例，這些示例以正確的方式應(yīng)用了可學(xué)習(xí)性。讓我們看一下設(shè)計(jì)中可學(xué)習(xí)性的關(guān)鍵要素。

杭州網(wǎng)站建設(shè)

幾天前，我搬到柏林，不得不填寫一張表格來計(jì)算我的歐洲健康保險(xiǎn)費(fèi)用。不幸的是，該表格僅以德語提供，但是由于視覺和文字的完美結(jié)合，我可以完全理解他們需要什么信息。這是圖標(biāo)如何反映可能答案的一個(gè)很好的例子。

其他小提示（例如工具提示或默認(rèn)文本）可以使用戶初步了解如何使用該界面以及可用的選項(xiàng)。讓我們以Twitter的“撰寫新推文”模式為例。該設(shè)計(jì)要求用戶說出正在發(fā)生的事情。新用戶的最初反應(yīng)是將剛發(fā)生的事情輸入該字段。除此之外，當(dāng)用戶將鼠標(biāo)懸停在文本字段下方的圖標(biāo)之一時(shí)，將出現(xiàn)一個(gè)工具提示，告訴用戶該圖標(biāo)允許執(zhí)行哪些操作。簡(jiǎn)而言之，設(shè)計(jì)無可厚非，不會(huì)浪費(fèi)任何空間來添加文本。

通過一致性熟悉

Google使用自己的設(shè)計(jì)系統(tǒng)（材料設(shè)計(jì)），該系統(tǒng)在其所有產(chǎn)品中的使用越來越多。因此，號(hào)召性用語按鈕在各個(gè)工具中都相同。使用Gmail的用戶在初次使用Google云端硬盤時(shí)應(yīng)識(shí)別很多元素。

由于用戶能夠?qū)⑺麄兊囊环N產(chǎn)品的思維模型轉(zhuǎn)移到另一種產(chǎn)品上，因此這種熟悉程度簡(jiǎn)化了新界面的采用過程。特別是對(duì)于沒有計(jì)算機(jī)成長(zhǎng)的老一輩，這種熟悉很重要，因?yàn)樗麄儍A向于避免更改并學(xué)習(xí)新的界面。

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

蘇珊·凱里（Susan Carey）于1986年發(fā)表的一篇有關(guān)“認(rèn)知科學(xué)與科學(xué)教育”的文章的摘要。

您也可以在博客上找到這種熟悉程度，但不是那么明確，因?yàn)閮H隱含地需要某些元素。例如，漢堡圖標(biāo)表示菜單已隱藏，可以通過單擊漢堡將其展開。通常，您會(huì)在導(dǎo)航欄的右側(cè)找到一個(gè)搜索圖標(biāo)。

而且，整個(gè)博客的布局都非常一致。博客始終由帶有清晰導(dǎo)航的標(biāo)題組成，后面是一些精選文章，然后是文章正文。作為用戶，我們熟悉了這個(gè)概念，因此具有不同布局的博客會(huì)看起來很奇怪。

訴訟證據(jù)

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

舉一個(gè)簡(jiǎn)單的例子，在填寫表格時(shí)，會(huì)向您顯示“謝謝”或表示完成的郵件。對(duì)于用戶來說，這是他們正確使用界面的明確證據(jù)。為什么這么重要？在學(xué)習(xí)過程中提供反饋可幫助用戶在立即了解可能的情況時(shí)更好地記住界面。適當(dāng)?shù)姆答仚C(jī)制可以快速減少學(xué)習(xí)曲線，還可以幫助用戶提高使用工具時(shí)的效率。

舉個(gè)例子，我們不僅僅在提交表單時(shí)提供反饋，而是在每個(gè)字段的基礎(chǔ)上一路提供反饋。這可以像顯示密碼字段的要求列表一樣簡(jiǎn)單：只要密碼滿足列出的要求之一，該要求就會(huì)被打勾；當(dāng)滿足所有要求時(shí)，輸入字段將變?yōu)榫G色，指示用戶可以繼續(xù)到下一個(gè)輸入字段。

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

實(shí)際上，設(shè)計(jì)一個(gè)用于衡量學(xué)習(xí)能力的可靠過程并不難。首先，學(xué)習(xí)能力的關(guān)鍵指標(biāo)是跳出率。因此，使用Google Analytics（分析）對(duì)于獲取見解至關(guān)重要。

除了Google Analytics（分析）之外，您還可以自己對(duì)隨機(jī)的測(cè)試主題進(jìn)行測(cè)試：提供測(cè)試主題的界面，并給他們五個(gè)簡(jiǎn)單的任務(wù)來完成。例如，您有一個(gè)用于創(chuàng)建和發(fā)送發(fā)票的在線平臺(tái)，讓您的用戶執(zhí)行以下任務(wù)：

創(chuàng)建包含一項(xiàng)的發(fā)票；

編輯發(fā)票；

發(fā)送發(fā)票給收貨人；

跟蹤發(fā)票付款；

下載完整的發(fā)票以備個(gè)人簿記。

現(xiàn)在，讓您的測(cè)試對(duì)象每天休息一天，連續(xù)五次執(zhí)行這些簡(jiǎn)單的任務(wù)。衡量完成每個(gè)任務(wù)所需的時(shí)間很重要。提供良好學(xué)習(xí)能力的設(shè)計(jì)在重復(fù)執(zhí)行任務(wù)時(shí)應(yīng)該會(huì)看到效率的提高。在五次重復(fù)之后，通常會(huì)看到停滯狀態(tài)，因?yàn)橛脩粢堰_(dá)到效率極限（除非他們是超人）。

許多因素決定了學(xué)習(xí)因素。永遠(yuǎn)不要將您的設(shè)計(jì)視為理所當(dāng)然，總會(huì)有優(yōu)化的余地。在實(shí)踐中使用這些技巧，并了解如何優(yōu)化設(shè)計(jì)的轉(zhuǎn)換率。

通過Unsplash精選圖片

上一篇：這就是設(shè)計(jì)界面和網(wǎng)站的事情，不是嗎？返回觀點(diǎn)列表下一篇：通過預(yù)期網(wǎng)頁設(shè)計(jì)簡(jiǎn)化UX

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/645.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情