亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

編者按：為什么說(shuō)「非學(xué)不可」呢？@Akane_Lee ：這篇文雖然說(shuō)是「十大易用性原則」，也可以說(shuō)得上是：「教工程師如何捅 UI 」，看完整篇文章，簡(jiǎn)直是刀刀必中…UI設(shè)計(jì)師們趕緊學(xué)起來(lái)，記得不要給身邊的工程師同學(xué)看到呦。

@Akane_Lee給我們帶來(lái)的第55期設(shè)計(jì)講座：
《【055期】十大易用性原則》

@Akane_Lee ：身為 RD 的你受過(guò)太多 UI 的氣嗎？老是發(fā)現(xiàn)邏輯不通需要打掉重練被延誤時(shí)程嗎？常被 UI 嫌念理工的沒(méi)有美感都不懂嗎？報(bào)仇的時(shí)間到了。這篇文雖然說(shuō)是「十大易用性原則」，也可以說(shuō)得上是：「教你如何捅 UI 」。RD 最擅長(zhǎng)講理，就來(lái)跟 UI 講理！從易用性下手找 UI 麻煩，沒(méi)有幾位 UI 不中刀的…

易用性（Usability）指的是使用者能夠使用某樣工具來(lái)達(dá)到某個(gè)特定目標(biāo)的容易程度，常見(jiàn)的中文翻譯有優(yōu)使性、使用性、易用度、易用性、好用性、可用性等等，其中較常見(jiàn)的為優(yōu)使性和可用性。優(yōu)使性感覺(jué)上像是優(yōu)越的使用、還是優(yōu)化過(guò)的使用，在詞匯上模棱兩可有模糊地帶；可用性的說(shuō)法則像是僅分成可以用和不能用兩種狀況。Usability 翻譯成易用性，清楚指出「容易使用」的特點(diǎn)較為貼切。易用性畢竟是個(gè)較抽象的名詞，因此 Jakob Nielsen 提出十大易用性原則，詳細(xì)說(shuō)明所謂「易用」需要符合易于學(xué)習(xí)、快速使用、相對(duì)無(wú)錯(cuò)這三個(gè)部分。

一、系統(tǒng)狀態(tài)的能見(jiàn)度（ Visibility of system status）

軟件應(yīng)該保持相同的模式，透過(guò)適當(dāng)?shù)姆磻?yīng)，在合理的時(shí)間內(nèi)通知使用者，讓使用者了解正在發(fā)生的事情。

最常見(jiàn)的就是按鈕狀態(tài)。在計(jì)算機(jī)上瀏覽網(wǎng)頁(yè)時(shí)常常會(huì)發(fā)現(xiàn)某些地方在光標(biāo)移過(guò)去時(shí)顏色會(huì)有所改變，提示你這里可以被點(diǎn)擊。在 iPhone 上沒(méi)有光標(biāo)，所以會(huì)以更淺顯易懂的方式告訴你這里可以被操作，像是更立體的按鈕、或是仿真實(shí)體開(kāi)關(guān)的圖象。（App：Money Book，選中的項(xiàng)目底色變成鮮艷的藍(lán)色。）

用戶點(diǎn)擊按鈕，會(huì)出現(xiàn)按鈕被按下去的凹陷感，提示你已經(jīng)點(diǎn)擊到了。（App：Reach，擬真的開(kāi)關(guān)設(shè)計(jì)與下方明顯凹陷可點(diǎn)擊的 TabBar。）

另一種常見(jiàn)的系統(tǒng)狀態(tài)響應(yīng)就是需要用戶等一下，現(xiàn)在正「讀取中」、「下載中」。在等待時(shí)如果沒(méi)有任何提示，就會(huì)產(chǎn)生「自從點(diǎn)了這個(gè)按鈕后畫(huà)面就不動(dòng)了，我的操作到底有沒(méi)有被執(zhí)行呢？不曉得要等多久…」的感受。

進(jìn)度條就是為了降低使用者的不耐感、告訴用戶現(xiàn)在處理進(jìn)度如何、大約還需要多少時(shí)間而存在。透過(guò)進(jìn)度條，用戶可以知道他的操作正在執(zhí)行中，現(xiàn)在完成多少部份，再等多久就可以結(jié)束。（App：Evernote，同步時(shí)右上角的 icon 會(huì)轉(zhuǎn)動(dòng)，在所有記事標(biāo)題下方有目前進(jìn)度百分比。）

二、系統(tǒng)與真實(shí)世界的關(guān)聯(lián)性（Match between system and the real world）

系統(tǒng)應(yīng)該要運(yùn)用用戶的語(yǔ)言，使用他們熟悉的詞句、短語(yǔ)、概念，而不是專(zhuān)業(yè)術(shù)語(yǔ)。

因應(yīng)該族群的習(xí)慣進(jìn)行開(kāi)發(fā)，像 iOS 用戶會(huì)覺(jué)得左上角的按鈕通常是「回前頁(yè)」一樣，若你將「回前頁(yè)」放到右上角，會(huì)增加他們操作錯(cuò)誤的機(jī)會(huì)。 試著將 Android 手機(jī)給 iOS 慣用者操作，會(huì)發(fā)現(xiàn)他們不曉得怎么樣回到上一頁(yè)，也不知道回到主畫(huà)面的 Home 鍵在哪里，對(duì)于實(shí)體按鍵的功能一無(wú)所知。

舉個(gè)我家發(fā)生的真實(shí)的例子：女兒教父親怎么操作家庭計(jì)算機(jī)，當(dāng)她說(shuō)「請(qǐng)把鼠標(biāo)移到開(kāi)始」時(shí)，父親拿起手上的鼠標(biāo)左右翻看了一下，便將整只鼠標(biāo)對(duì)準(zhǔn)屏幕上的「開(kāi)始」敲下去，屏幕被鼠標(biāo)撞擊發(fā)出摳摳摳的聲音……女兒?jiǎn)柛赣H，為什么會(huì)把鼠標(biāo)拿起來(lái)敲屏幕，明明只要在桌上移動(dòng)鼠標(biāo)就可以操作，父親說(shuō)：「妳叫我把鼠標(biāo)移到開(kāi)始的?。　?/p>

女兒的認(rèn)知里，拿鼠標(biāo)敲屏幕無(wú)法完成任何操作，鼠標(biāo)只是為了控制光標(biāo)而存在，所以將鼠標(biāo)移到開(kāi)始同等于「操作鼠標(biāo)以控制屏幕上的光標(biāo)、并將光標(biāo)移到開(kāi)始」。但對(duì)父親而言，因?yàn)椴皇煜び?jì)算機(jī)操作，他尚未建立鼠標(biāo)等于光標(biāo)的概念，光標(biāo)是光標(biāo)、鼠標(biāo)是鼠標(biāo)，所以會(huì)發(fā)生拿鼠標(biāo)敲屏幕的爆笑情況。

你覺(jué)得大家都應(yīng)該要知道的事情，其實(shí)不一定都會(huì)曉得。雖說(shuō)這種說(shuō)詞對(duì)「父親」很失禮，但請(qǐng)把所有使用者都當(dāng)成是「父親」那類(lèi)型的人物。什么樣的用語(yǔ)才能讓第一次接觸 App 的人沒(méi)有誤會(huì)的快速上手呢？（App：Weightbot，用于記錄每日體重，仿真現(xiàn)實(shí)生活中的體重計(jì)刻度。）

三、使用者的操控自由（User control and freedom）

用戶時(shí)常以「嘗試錯(cuò)誤」來(lái)選擇系統(tǒng)功能，他們需要一個(gè)明顯的「離開(kāi)」來(lái)結(jié)束使用者不需要的狀態(tài)。并且支持復(fù)原步驟與重復(fù)步驟。

易于犯錯(cuò)且修正錯(cuò)誤代價(jià)高昂的高風(fēng)險(xiǎn)情形將導(dǎo)致使用者不愿意多研究這個(gè)軟件。良好的設(shè)計(jì)能讓使用者降低出錯(cuò)率，在提供取消和重做的功能前先減少用戶出錯(cuò)的機(jī)會(huì)。

Ctrl+z（復(fù)原）是最容易被記住的快捷鍵，也因?yàn)橛袕?fù)原的存在，使用者才會(huì)大膽去嘗試各種不熟悉的操作。他們心想：「反正做錯(cuò)了重來(lái)一遍就好了嘛！」如果一出錯(cuò)就表示要從新開(kāi)始，使用者會(huì)感到迷惘并且覺(jué)得壓力太大。（想看看 Diablo 的專(zhuān)家級(jí)模式，人物死亡不能重來(lái)。在這種模式下哪個(gè)玩家不是備感壓力戰(zhàn)戰(zhàn)兢兢小心翼翼的？）

用戶操作 App 是為了完成他預(yù)期的目標(biāo)，根據(jù)八二法則，你的使用者有 80% 都是使用最初階的操作，只有 20% 人會(huì)想要更專(zhuān)業(yè)進(jìn)階的功能。越輕松簡(jiǎn)單無(wú)壓力越受大部份使用者青睞，不過(guò)是想透過(guò) App 完成某項(xiàng)目的，用不著壓力這么大的挑戰(zhàn)自我極限吧？（App：Awesome Note 的設(shè)定頁(yè)面，許多進(jìn)階功能都放在這里。）

初學(xué)者和RD很容易在這個(gè)原則犯下錯(cuò)誤，不是所有的功能全部攤到第一層就代表豐富好用。

所有的功能都很重要就代表沒(méi)有一個(gè)功能是重要的。就像期末考前把課本每個(gè)字句都劃上熒光筆強(qiáng)調(diào)，根本沒(méi)有重點(diǎn)，有劃跟沒(méi)劃一樣。凡事都有輕重緩急，就像一位血流不止、骨折又長(zhǎng)期咳嗽的病人在眼前，是要先止血、先處理骨折、還是先治療咳嗽一樣。最重要的事情需標(biāo)明出來(lái)，可以暫緩不急的事之后再說(shuō)。

功能的優(yōu)先級(jí)也是如此，最重要、最常用的功能放在最顯眼易觸碰的位置，較次級(jí)非必備的功能就擺到下一層或是干脆挪到某個(gè)進(jìn)階選單里去吧。（App：Gmail 的側(cè)邊欄，這種選單無(wú)論主要還是次要的功能，都能排序整理得很漂亮。）

四、一致性和標(biāo)準(zhǔn)（Consistency and standards）

使用者不應(yīng)該猜測(cè)不同的字匯、狀態(tài)、動(dòng)作是不是代表同一件事。

考慮到瀏覽器的兼容性。App 必須采取用戶的語(yǔ)言、并運(yùn)用他們熟悉的單詞、短語(yǔ)和概念，而不是程序語(yǔ)言或?qū)Ｓ忻~。接口中的控制組件、命令、設(shè)定的功能應(yīng)該清晰明確。操作軟件不應(yīng)該需要透過(guò)排除法進(jìn)行演繹推理。也不要讓使用者所執(zhí)行的操作和他們的目標(biāo)沒(méi)有明顯的關(guān)連。（App：Priority List，下方各個(gè) icon 的含意要稍微想一下才能理解，且實(shí)際操作和預(yù)期的有落差。）

依現(xiàn)實(shí)生活常見(jiàn)的習(xí)慣，讓訊息在自然且有邏輯順序的情況下產(chǎn)生。為了達(dá)到這個(gè)目標(biāo)，有時(shí)需開(kāi)發(fā)一個(gè)詞典。這個(gè)詞典最好由團(tuán)隊(duì)的技術(shù)編寫(xiě)者來(lái)管理和實(shí)施、監(jiān)視文件檔案和軟件中出現(xiàn)的術(shù)語(yǔ)一致性。支持目標(biāo)工作領(lǐng)域中的問(wèn)題該如何解決，它應(yīng)該最大限度地減少或消除用戶花費(fèi)時(shí)間解決軟件技術(shù)層面中的問(wèn)題需求。

屬性、參數(shù)、設(shè)定、設(shè)置、資源。或者是尋找、搜尋、搜索、搜查、尋求…等等，這些詞指的都是同一個(gè)功能，對(duì)用戶來(lái)說(shuō)他不會(huì)知道 App 上寫(xiě)的「設(shè)定」和「屬性」其實(shí)是同一件事。如果將所有的字詞統(tǒng)一有困難，可以干脆直接使用圖示代表。（App：My Wonderful Goals，簡(jiǎn)單易懂的 icon 設(shè)計(jì)，畫(huà)面干凈清爽。）

五、預(yù)防錯(cuò)誤（Error prevention）

比起提供用戶明確易懂的錯(cuò)誤訊息，更重要的是如何防止使用者發(fā)生錯(cuò)誤。

像是消除容易出錯(cuò)的條件或是自動(dòng)檢查確認(rèn)選項(xiàng)?；蚴亲屖褂谜叽_認(rèn)他們接下來(lái)要做的行動(dòng)。越是讓使用者自行輸入的字段越容易出現(xiàn)錯(cuò)誤，明明只能輸入數(shù)字的地方就是有人會(huì)想打英文字母。擺明說(shuō)了賬號(hào)只能使用英文或數(shù)字，還是會(huì)有人用上特殊符號(hào)。比起使用者填完所有字段按了送出后再告訴他哪些地方有誤，不如在輸入錯(cuò)誤時(shí)就擋住他、在輸入正確數(shù)據(jù)前無(wú)法進(jìn)入下個(gè)步驟。如果能在字段旁邊實(shí)時(shí)反應(yīng)驗(yàn)證狀態(tài)是再好不過(guò)的。

在 iPhone 上最方便的就是內(nèi)建數(shù)種鍵盤(pán)。在輸入電話號(hào)碼的字段時(shí)只跳出數(shù)字鍵盤(pán)、輸入日期時(shí)使用 Picker。（App：聯(lián)絡(luò)信息，輸入只有數(shù)字的字段時(shí)，就跳出數(shù)字鍵盤(pán)。）

在小小的手機(jī)屏幕上打字是非常辛苦的一件事，按鈕小不好按、又容易出錯(cuò)，最好也最貼心的作法是連輸入都簡(jiǎn)化了，最好點(diǎn)點(diǎn)手指就解決。像是 Google 的實(shí)時(shí)搜尋，打入第一個(gè)字時(shí)就將熱門(mén)選項(xiàng)列出來(lái)供用戶選擇，但有可能不是使用者需要的。或像是 Facebook，輸入一個(gè)關(guān)鍵詞就將所有包含這個(gè)關(guān)鍵詞的朋友列出。（App：App Store，在使用者邊輸入時(shí)實(shí)時(shí)搜尋有可能的關(guān)鍵詞。）

六、辨識(shí)而非記憶（Recognition rather than recall）

盡量減少用戶需要記憶的事情、行動(dòng)以及可見(jiàn)的選項(xiàng)。

使用者沒(méi)辦法記住太多步驟。App 如果有使用說(shuō)明介紹，應(yīng)該放在顯眼且可輕易使用的位置。如果軟件把數(shù)據(jù)當(dāng)作訊息，把數(shù)據(jù)都丟給用戶，要用戶自己查看數(shù)據(jù)代表他們的注意力會(huì)被分散，產(chǎn)生錯(cuò)誤的機(jī)會(huì)就會(huì)增加。軟件應(yīng)該將用戶的注意力集中到重要的數(shù)據(jù)上，并幫助用戶從中取得訊息，而不是未經(jīng)過(guò)篩選要使用者花時(shí)間思考。

像是為了酷炫而特別設(shè)計(jì)的操作接口，與眾不同讓人眼睛一亮，但使用者在初次接觸后再度使用，要花多少時(shí)間才能找到上次操作過(guò)的功能？相信很多人都有邊自言自語(yǔ)「我記得這個(gè) App 有 xxx 功能啊，在哪里呢…」邊將某個(gè) App 所有按鈕選單翻一遍的經(jīng)驗(yàn)。（App：Yoritsuki，非常漂亮精致的 App，下方選單與上方提示一目了然。）

七、彈性與使用效率（Flexibility and efficiency of use）

功能與易用性之間通常存在一個(gè)平衡，對(duì)于軟件中的每個(gè)特性、功能、或能力，都必須提供一種途徑讓使用者調(diào)用或控制。如果用戶的目標(biāo)是可預(yù)測(cè)而且常用的，使用者不應(yīng)該為了實(shí)現(xiàn)這個(gè)目標(biāo)而必須做很多工作。

做少量的工作、得到很多結(jié)果，才是使用者想要的。簡(jiǎn)單來(lái)說(shuō)就是要思考「有多少用戶」和「使用頻率如何」的問(wèn)題。越頻繁使用的功能，需要點(diǎn)擊的次數(shù)應(yīng)該要越少。越多用戶使用某功能，它就應(yīng)該越明顯。且要為核心情況設(shè)計(jì)，不要為「邊緣」情況付出太多。

快捷鍵就是這個(gè)易用性準(zhǔn)則的最佳代表，在 App 上沒(méi)有快捷鍵的設(shè)計(jì)，可以透過(guò)手勢(shì)來(lái)完成各式各樣的操作。例如瀏覽列表頁(yè)，已卷到最下方后想回到頂端不需要一直滑動(dòng)手指、只需輕點(diǎn)一下 StatusBar，列表會(huì)自動(dòng)卷回最頂端。（App：Day One，對(duì)撰寫(xiě)日記來(lái)說(shuō)，拍照和新增是最常用的功能。）

八、美觀與簡(jiǎn)化設(shè)計(jì)（Aesthetic and minimalist design）

為了防止用戶出錯(cuò)，可以在軟件設(shè)計(jì)上就盡量減少用戶的記憶負(fù)擔(dān)。將功能、操作及選項(xiàng)設(shè)計(jì)得顯而易見(jiàn)。對(duì)于不相關(guān)或是很少需要的訊息或功能要隱藏起來(lái)，僅突出重點(diǎn)在軟件設(shè)計(jì)上非常重要。

像是注冊(cè)新會(huì)員，如果一開(kāi)始就要使用者填寫(xiě)一長(zhǎng)串的個(gè)人資料，相信許多人在這個(gè)階段就打退堂鼓。簡(jiǎn)化注冊(cè)流程就可以增加用戶成為會(huì)員的意愿，最好只要一個(gè)按鈕就能完成注冊(cè)。有的 App 會(huì)串接 Facebook，使用者只要同意授權(quán)就完成注冊(cè)手續(xù)?；蛘呤侵蛔層脩籼顚?xiě)必備的數(shù)據(jù)如賬號(hào)密碼等，其他非必備資料如生日、所在城市等，使用者可以在登入后去個(gè)人設(shè)定頁(yè)自行填寫(xiě)。 （App：Pose，使用 Facebook 登入，或是輸入賬號(hào)密碼。）

九、幫助使用者認(rèn)識(shí)、偵錯(cuò)并從錯(cuò)誤中恢復(fù)（Help users recognize, diagnose, and recover from errors）

幫助使用者識(shí)別、診斷、并從錯(cuò)誤中恢復(fù)，將損失降到最低。如果無(wú)法自動(dòng)挽回，則提供詳盡的說(shuō)明文字和指導(dǎo)方向，而非難以理解的代碼。最好能在告知使用者發(fā)生錯(cuò)誤的同時(shí)一并提供解決方法。

使用者不會(huì)想知道「404」代表什么意思，直接說(shuō)明「找不到網(wǎng)頁(yè)」比簡(jiǎn)短的錯(cuò)誤代號(hào)更能理解。比起找不到網(wǎng)頁(yè)的文字，如果能說(shuō)明找不到網(wǎng)頁(yè)的原因、并加上如何解決更能幫助使用者排除錯(cuò)誤。就以網(wǎng)絡(luò)斷線這個(gè)例子來(lái)說(shuō)，iOS 可以偵測(cè)用戶目前對(duì)于網(wǎng)絡(luò)的設(shè)定，是因?yàn)闆](méi)有開(kāi)啟網(wǎng)絡(luò)功能、還是網(wǎng)絡(luò)聯(lián)機(jī)質(zhì)量不佳所以無(wú)法開(kāi)啟網(wǎng)頁(yè)。前者可以請(qǐng)使用者去設(shè)定將 Wifi 或 3G 功能開(kāi)啟，后者能告知使用者換個(gè)聯(lián)機(jī)環(huán)境或是稍后再試。（App：書(shū)報(bào)攤，刪除數(shù)據(jù)時(shí)會(huì)提示將刪除所有數(shù)據(jù)。）

十、幫助與說(shuō)明文件（Help and documentation）

一個(gè)軟件在完美的情形下不需要任何說(shuō)明文件使用者就能夠操作，但就算是最好的軟件也需要提供幫助與說(shuō)明文件。

當(dāng)用戶尋求幫助時(shí)，此類(lèi)訊息應(yīng)該容易被搜索查詢。完美的接口即使沒(méi)有任何說(shuō)明提示下，使用者仍然能夠流暢操作。為了預(yù)防還是有少數(shù)使用者搞不清楚狀況，常見(jiàn)的作法除了設(shè)制說(shuō)明頁(yè)之外，初次開(kāi)啟 App 直接進(jìn)入說(shuō)明教學(xué)，強(qiáng)迫使用者閱讀完畢后才可開(kāi)始操作。（App：i Track My Time，永遠(yuǎn)出現(xiàn)在首頁(yè)的操作方式說(shuō)明。）

以上文章是我根據(jù) Jakob Nielsen 的十大易用性原則翻譯（不怎么精準(zhǔn)）加上個(gè)人經(jīng)驗(yàn)所寫(xiě)（其實(shí)寫(xiě)完很久了，截圖有點(diǎn)舊。），有興趣的人建議去看原文。

這10條講起來(lái)很簡(jiǎn)單，真要實(shí)行卻非常困難。iOS 和 Android 平臺(tái)特性不同，若很堅(jiān)持要根據(jù)這10條原則將接口設(shè)計(jì)到好，Guideline 應(yīng)該要熟到掰碎吃到肚子里的程度吧。像是第一條的「反應(yīng)」，iOS 能透過(guò) RD 設(shè)定按鈕按下去時(shí)顏色會(huì)變得較黑，所以按鈕切圖出 1 張未點(diǎn)擊時(shí)就好。Android 沒(méi)有內(nèi)建這種功能只好乖乖出 2 張圖，諸如此類(lèi)。偏偏 RD 對(duì) Guideline 通常都比 UI 熟，科科。（理工生很習(xí)慣是字的厚磚書(shū)，念設(shè)計(jì)的有大半不喜歡看沒(méi)幾張圖又生硬難啃的文章。）這 10 條原則都是 UI 在規(guī)劃接口時(shí)應(yīng)該考慮進(jìn)去的部份，不只 UI 需要?jiǎng)谟?，RD 多多少少心里有個(gè)底，如果看 UI 不順眼，在討論會(huì)議上慢條斯理把接口各個(gè)組件拆分出來(lái)一項(xiàng)項(xiàng)比對(duì)原則，捅死 UI 效果奇佳…

原文地址：blog.akanelee.me
作者：@Akane_Lee