搞懂用戶(hù)體驗的搞懂易用性（設??計??還愁沒(méi)有用戶(hù)量嗎？）

這(′?｀)個(gè)話(huà)題對于??一個(gè)單篇文章來(lái)說(shuō)可能太“大”??了，但其實(shí)這篇文章針對了易用性的用??戶(hù)用性用戶(hù)一些我們經(jīng)常忽視或者不清楚的特性。有了這些新的體驗理解，你將可以更有效地進(jìn)行設計，設計(ji)同時(shí)你的還愁網(wǎng)頁(yè)用戶(hù)量也(ye)可以極大地提升。

易用性在九十年代替代了過(guò)時(shí)的搞懂標簽“用戶(hù)友好度”?！耙子眯浴苯?jīng)過(guò)了一定的用戶(hù)用性用戶(hù)曲折才變成我們現在對這個(gè)詞的定義。不同??的體驗對易用性的理解方式如：從產(chǎn)品的角度來(lái)說(shuō)（如符合人體工程學(xué)的彎曲鍵盤(pán)），從用戶(hù)的設計角度來(lái)說(shuō)（用戶(hù)(′_｀)滿(mǎn)意度，使用的還愁時(shí)候經(jīng)歷的煩惱），從用戶(hù)表現來(lái)說(shuō)（在現實(shí)世界能夠多么容易被使用）。搞懂

“易用性”是用(′?ω?`)戶(hù)用性用戶(hù)指一個(gè)(ge)產(chǎn)品或者一個(gè)網(wǎng)頁(yè)的使用難易程度，它屬于用戶(hù)體驗設計的體驗一個(gè)分支。盡管我們曾將易用性和用戶(hù)體驗設計（UX Design）歸結為一種東西，設計我們現在應該理解到易用??性雖然是還愁用戶(hù)體驗中很重要的一部分，但它并不是用戶(hù)體驗的全部。我們是可以測量一個(gè)產(chǎn)品的易用性的。

一個(gè)設計不能從本質(zhì)上來(lái)分易用還是難用。設計的特點(diǎn)、用(′?｀*)戶(hù)、用戶(hù)想用(′?｀)它做什么、還有用戶(hù)在使用時(shí)的感受決定了一個(gè)設計的易用性程度。一個(gè)易用的界面應該有三個(gè)主要的結果。

當用戶(hù)第一次進(jìn)入時(shí)就應該??輕松地知道該如何在用戶(hù)界面進(jìn)行操作。以旅游中介的網(wǎng)站為例子，如果設計師設計得足夠完(wan)美的話(huà)，用(yong)戶(hù)應該可以很快地在經(jīng)過(guò)一系列流程后購買(mǎi)到他想要的票。用戶(hù)能夠在使用這個(gè)網(wǎng)站的時(shí)候很快地達成自己的目的。假設一個(gè)用戶(hù)想買(mǎi)一個(gè)飛機票，一個(gè)好的設計會(huì )帶領(lǐng)他經(jīng)過(guò)最(?Д?)簡(jiǎn)單的(′?_?`)流程來(lái)買(mǎi)到這張機票。用戶(hù)界面和購買(mǎi)??流程容易讓用戶(hù)回想起來(lái)。所以，一個(gè)好的旅游中介網(wǎng)站設計意味著(zhù)用戶(hù)能夠(′Д` )從第一次交易中學(xué)習，然后第二次能如同(╯‵□′)╯上一次一樣進(jìn)ヽ(′▽?zhuān)?ノ行操作。

這不是易用性的全部要求。再舉個(gè)例子，一個(gè)易用的界面在使用的時(shí)候應該可以做到0錯誤。我們可以通過(guò)一個(gè)界面的發(fā)展階段，從初稿到樣板到最終的定??稿，來(lái)衡量它的易用性。筆和紙就可以完成這么一個(gè)測試，但當我們有高精度的樣板時(shí)我們也??可以適量地進(jìn)行低程度的測試。

在早期的時(shí)候通過(guò)一個(gè)網(wǎng)頁(yè)設計ヽ(′▽?zhuān)?ノ來(lái)分析用戶(hù)的行為與關(guān)注點(diǎn)是很重要的。從這些收集來(lái)的數據中我們能夠總結出下一步發(fā)展的方針，因為用戶(hù)的需求都是普遍的，所以我們需要將這些需求引入到我們的設計當中。這個(gè)方針可以告訴我們如何去提升產(chǎn)品的易用性。我(wo)們可以根據這個(gè)方針對我們的設計進(jìn)行一些微調(??ヮ?)?*:???，例如調整一下你的菜單的布局，但有些時(shí)候你也要往更遠的方向看。

當我們定義易用性的時(shí)候我們必須要時(shí)刻考慮到用戶(hù)。如果我們的設計想(xiang)要成為“易用的”，那么它(ta)就一定要通過(guò)測試和一定量的規范。如果你的產(chǎn)品是一個(gè)鼠標而不是一個(gè)網(wǎng)站，我們就需要去確定它是ヽ(′▽?zhuān)?ノ符合標準的。對于一個(gè)網(wǎng)站來(lái)說(shuō)，我們可以根據一個(gè)競爭者的(°□°)設計來(lái)對比我們的設計。讓我們用之前那個(gè)旅游中介的例子(′▽?zhuān)?來(lái)看看我們可以怎么提升我們的設計。

我們的設計

用戶(hù)平均使用294秒找到“購買(mǎi)”按鈕。老用戶(hù)平均使用209秒?????找到“購買(mǎi)”按鈕。18%的用戶(hù)在finding??? landing界面購買(mǎi)了票42%的用戶(hù)不再探索finding landing后面的界面

Happy Huzzah’s Getcha There的設計

用戶(hù)平均使用198秒找到“購買(mǎi)”按??鈕老用戶(hù)平均使用135秒找到“購買(mǎi)”按鈕32%的用戶(hù)在finding landing界面購買(mǎi)了票12%的用戶(hù)不再探索finding landing后面的界面

上面的這些數據足以告訴我們一些東西。我們需??要去看(kan)看Happ??y Huzzah’s Getcha There做了些什么導致了他們的數據會(huì )比我們的好。

易用性(xing)的元素

Author/Copyright holder: GNU FDL Copyright terms and licence: CC BY-SA 3.0

除了內容以外，我們還有針對易用性的網(wǎng)絡(luò )發(fā)展和設計考究，如下列（主要）所示：

用來(lái)支撐網(wǎng)站的服務(wù)器是易用(????)性中需要考慮的一點(diǎn)。當我們選擇服務(wù)器的時(shí)候我們有兩大因素需要考慮：??

速度：谷歌往往會(huì )依據網(wǎng)站的易用性進(jìn)行排(′▽?zhuān)?序。網(wǎng)頁(yè)加載速度是(′▽?zhuān)?谷歌的決定因素之一-由此可見(jiàn)，加載速度也是搜索引擎優(yōu)化（SEO）的一大關(guān)注點(diǎn)。一個(gè)加載速度慢的網(wǎng)站會(huì )直接導致大量用戶(hù)流失。網(wǎng)頁(yè)加載速度由其服務(wù)器的容量，分化，和其它因素影響著(zhù)。通常來(lái)講，服務(wù)器不是影響這網(wǎng)站加載速度的唯一原因-網(wǎng)站設計者對于圖片音頻之類(lèi)的處理也在影響著(zhù)網(wǎng)頁(yè)的加載速度。宕機時(shí)間：在宕機時(shí)間內，一個(gè)網(wǎng)站將完全地不(bu)能(neng)被??進(jìn)入。大部分網(wǎng)站都經(jīng)歷過(guò)這種由于服務(wù)器下線(xiàn)導致的宕機時(shí)間，但是有一些網(wǎng)站比另一些網(wǎng)站經(jīng)歷的時(shí)間長(cháng)??，所以(yi)選擇一個(gè)好的服務(wù)器能夠給你的用戶(hù)一個(gè)更好的用戶(hù)體驗。一次不好的體驗可能對于用戶(hù)來(lái)說(shuō)是能夠接受的，但是多次不好的體驗就可能導致用戶(hù)流失了。

HTML

你需要重視為了提供更好的用戶(hù)體驗所使用的HTML。雖然至今為止，只有移動(dòng)端客戶(hù)從谷歌給出的用戶(hù)??體驗排行中受益，我們還是可以推測在(′▽?zhuān)?未來(lái)所有平臺的用戶(hù)都(dou)能受益于此。重要的關(guān)于HTML的考慮包括：

使用A(′?｀*)LT標簽: ALT標簽用于(yu)圖片與圖(′；д；`)片的連接之間；它能讓你傳達額外的??關(guān)于圖片卻沒(méi)在主文案里出現的信息(╯°□°）╯︵ ┻━┻。ALT標簽可以幫助搜索引擎進(jìn)行索引編制（讓你告訴搜索引擎你的圖像內容）。它同時(shí)還能幫助視覺(jué)障礙用戶(hù)提供旁白閱讀。404 Not Foun(⊙_⊙)d Pa(╯°□°）╯ge：鏈接丟失是經(jīng)常發(fā)生的事，尤其是對于大型網(wǎng)站來(lái)說(shuō)。雖然定期檢查所有鏈接(jie)并修復丟失的那些是一個(gè)理想的辦法，有一套針對用戶(hù)遇到鏈接丟失的解決方案總會(huì )是好的。這個(gè)解決方案就是“404 Not Found Page”-一個(gè)精心設計的404頁(yè)面會(huì )嘗試幫助用戶(hù)擁有一個(gè)正面的體驗。當然，默認的40ヾ(′ω｀)?4界面在這種情況下是沒(méi)有任何幫助的。默認的界面(′ω｀)顯得笨拙又原始，還會(huì )給用戶(hù)一種來(lái)到了沒(méi)有地板銜接的自動(dòng)扶梯末端。用戶(hù)不會(huì )希望就這么跌出去然后來(lái)??到這么一個(gè)乏味的地方。作為設計師，永遠不要無(wú)視了這一點(diǎn)，一個(gè)小小的改變可以有很大的作用。

視覺(jué)因素

影響用(yong)戶(hù)體驗的視ヽ(′ー｀)ノ覺(jué)因??素，通常來(lái)??講，是一位設計師最能掌控的一點(diǎn)。這同時(shí)意味著(zhù)你(ni)需要在這一點(diǎn)上十分注意：

字體大小與顏色：選擇最容易供人閱讀的字形，也就是與背景要產(chǎn)生強烈對比而且字體還要足夠大，大到用戶(hù)可以??輕易地看到。如果你的用戶(hù)群是老年群體或(huo)者有視覺(jué)障礙的群體，你的字體甚??至還要更大。品牌化：品牌化，特別是你公司的logo，可以給幫助你的用戶(hù)知道他們在哪個(gè)網(wǎng)站?；谘矍虻倪\動(dòng)軌跡，屏幕的左上角是最理想的放置logo的地方，這也是當用戶(hù)從左往右閱讀的時(shí)候眼睛最有可能瞄到的地方。布局顏色：顏色需要盡可能和你的品牌一致你才能告訴別人你的品牌，并且也能符合審美追求。另外，背景顏色還要確保你的文字(//ω//)的可閱讀性。顏色還經(jīng)常需要表達一些階層性的信息。引導：用戶(hù)要是想從網(wǎng)站中取得最多的信息，他們需要從點(diǎn)A（進(jìn)入點(diǎn)）到點(diǎn)B（他們想去的點(diǎn)）以最簡(jiǎn)單最容易的方式。這意味著(zhù)提供一套有效的引導(dao)系統，如搜索功能，能使用戶(hù)更為方便。內容：網(wǎng)站設計者可能沒(méi)有創(chuàng )建網(wǎng)站副本的責任，但是你(ni)可以在放置副本的地方添加一些設計元素來(lái)(/ω＼)增加用戶(hù)的體驗。頭條：通過(guò)頭條和副頭條將內容整理進(jìn)(′?ω?`)可管理的方塊內。這意味著(zhù)你需要發(fā)展一個(gè)能給每一個(gè)種類(lèi)的頭(╬?益?)條進(jìn)行一致的擺放的方案來(lái)確保??你的用戶(hù)在這個(gè)頁(yè)面預覽的時(shí)候有一個(gè)一致的體驗。段落：讓你的每一個(gè)(╯°□°）╯︵ ┻━┻段落都清晰而且容易識別，這可以有效地防止(′_｀)你的用戶(hù)感覺(jué)到仿佛被一墻的文字給壓倒。你也可以引用格斯塔原則來(lái)規劃段落，就能夠更好地體現段落內容之間的關(guān)系。

網(wǎng)頁(yè)易用性工具

你可以依靠一些工具來(lái)測試你的網(wǎng)站是否能夠被簡(jiǎn)單使用。大部分的這樣的工具是免費的，有些是免費增值的，還有一部分是付費的。用一個(gè)適合你??的網(wǎng)站，然后讓它收集關(guān)于你網(wǎng)站易用性的數據。很多會(huì )告訴你你現存的用戶(hù)量，你可以從這些數據中得知他們在經(jīng)歷些什么，有哪方面是好的和有??哪方面是不好的。這里是一些這樣的工具：

Usabilla是一款易用測試工具，基于你網(wǎng)站當前的使用量WebPage FX可以用來(lái)測試你網(wǎng)站內容的可閱讀性Pingdom┐(′?｀)┌能讓你了ヾ(?■_■)ノ解你網(wǎng)站??的反應速度用戶(hù)體驗的元素

Author/Copyright holder: visualpun.ch. Copyright terms and licence: CC BY-SA 2.0

如我們上面所看到的，很多設計師會(huì )搞混易用性和用戶(hù)體驗這個(gè)大的總和。(′ω｀)用戶(hù)體驗的核心區域包括：

易用性：一個(gè)(′ω｀)針對用戶(hù)進(jìn)入網(wǎng)站，使用難易程度，完成自己想要的舉動(dòng)的能力的衡量。牢記，我們是在設計一個(gè)流暢??的網(wǎng)頁(yè)，而不是注重網(wǎng)頁(yè)上(shang)華麗的設計并指望所有東西(xi)都會(huì )在以后自己變得流暢。有用的內容：網(wǎng)頁(yè)應該以一個(gè)能讓人輕易消化的格式來(lái)包含足夠的信息保證用戶(hù)能接收你傳達的信息。記住?？硕桑汉?jiǎn)化你的設計，克制你過(guò)多的想法。┐(′ー｀)┌想要知道/令人愉悅的內容：最好的用戶(hù)體驗是當你的用戶(hù)和你的作品或(′?_?`)者網(wǎng)頁(yè)產(chǎn)生了共鳴。這意味著(zhù)你的內容超越了有用和易用并建立了??與用戶(hù)的關(guān)聯(lián)。情緒設計是用戶(hù)體驗的很大一部分。一個(gè)英語(yǔ)語(yǔ)法提供每日小貼士可(??-)?能代表它是有用的，但如果將這個(gè)小貼士變得有趣，用戶(hù)不僅會(huì )記得上面說(shuō)了什么，還會(huì )想要看到更多的小貼士?？杉靶裕簩τ谟胁煌燃壍臍埣驳娜巳簛?lái)說(shuō)，上網(wǎng)可能會(huì )是一段很惱人的經(jīng)歷?，F有一系列關(guān)于為幫助視力障礙，聽(tīng)覺(jué)障礙，和動(dòng)作障礙之類(lèi)的人所創(chuàng )造的使用標準要求網(wǎng)站符合。給學(xué)習無(wú)能的人的內容需要花很多心思，為了給他們提供一個(gè)更完整的用戶(hù)體驗?？尚哦龋耗愕木W(wǎng)站在用戶(hù)之中的可信度也是構成用(′▽?zhuān)?)戶(hù)體驗的一部分。人們最大的擔心之一就是網(wǎng)絡(luò )安全（關(guān)于很多，如隱私之類(lèi)的）。你可以讓人們通過(guò)你的設計感??到??安心，比如展示安全協(xié)議和關(guān)于這些擔心的安全條例。這些設計可以增加網(wǎng)站的可信度，并因此讓用戶(hù)信任你(ni)的網(wǎng)站。

通常來(lái)說(shuō)，針對易用性的設計的確是極為重要。但是，我們要結合易用性與以上的這幾點(diǎn)才能創(chuàng )造出一個(gè)好的用戶(hù)體驗。對于用戶(hù)體驗來(lái)說(shuō)，畫(huà)面設計，互動(dòng)設計，和內容等部分的重要性與易用性單獨的重要性是相等的。

知識點(diǎn)集合

易用性是指用戶(hù)??與網(wǎng)站或產(chǎn)品互動(dòng)的難易程度。它是用戶(hù)體驗設計中比較重要的一環(huán)，但卻不代表用戶(hù)體驗??設計的全部。對于易用性，我們作為設計師應該著(zhù)重關(guān)注于以下三點(diǎn)：

用戶(hù)在使用你的頁(yè)面的時(shí)候應該感到容易并且能夠逐漸熟練。通過(guò)你的設計用戶(hù)可以輕而易舉地達到自己的目的。你的界面很容易讓客戶(hù)理解并記住，當用戶(hù)下一次使用的時(shí)候可以ヽ(′ー｀)ノ如這次一般簡(jiǎn)單地(°□°)使用。

當我們對我們的網(wǎng)站設計的易用性進(jìn)行分析的時(shí)候，把像可及??性，內容的作用性，和有沒(méi)有設計用戶(hù)喜歡的內容都一起考慮進(jìn)去。這樣做的目的就是為了大局做準備。誰(shuí)會(huì )成為你的用戶(hù)？他們在讀你的內容的時(shí)候會(huì )不會(huì )有困難？你能不能通過(guò)有趣的表達方式來(lái)使他們發(fā)出笑聲（學(xué)習與娛樂(lè )結合可以使整個(gè)過(guò)程更有效）？如?????果用戶(hù)想要在預覽你的網(wǎng)站的時(shí)候感到(?Д?)安全，你就應該讓他們感到安全。

同時(shí)你也要考慮到你網(wǎng)頁(yè)的實(shí)用性。找一個(gè)能讓你的網(wǎng)站快速加載出來(lái)的服務(wù)器是極其重要的。從HTML的層面來(lái)說(shuō)，你應該使用ALT標簽并設計一個(gè)吸引眼球的頁(yè)面以免你的網(wǎng)站鏈接(jie)丟失。視覺(jué)因素，像布局顏色和內容格式也都十分重ヽ(′ー｀)ノ要。有一個(gè)好看的頁(yè)面是十分重要的，但也要確保你的用戶(hù)在網(wǎng)站里能找(/ω＼)到自己想要的東西。

最后，測試，測試，還有測試。有太多太多的網(wǎng)頁(yè)易(′?｀*)用性測試工具可以使用了。永遠不要低估測試一個(gè)早期的頁(yè)面的價(jià)值。比如通過(guò)了解用戶(hù)會(huì )點(diǎn)擊哪里，你可以知道它們的運動(dòng)軌跡還有你的網(wǎng)站是否易用。