6.1.3.?Mentor: Design Not Just for Usability, but Learnability

可用性設(shè)計(jì)師的下一個(gè)角色是導(dǎo)師。對(duì)于每個(gè)專業(yè)（包括生活中）都需要一個(gè)導(dǎo)師，他為你的未來(lái)鋪平道路，跟你分享知識(shí)和經(jīng)驗(yàn)。一個(gè)好的導(dǎo)師一定會(huì)對(duì)你耐心，并且激勵(lì)你上進(jìn)。一個(gè)好的用戶界面也應(yīng)該具備類似的功能：耐心的指導(dǎo)用戶、幫助用戶更加有效的工作。

可用性并不總是和學(xué)習(xí)能力交迭在一起的。對(duì)某些具體應(yīng)用來(lái)說(shuō)，那些經(jīng)驗(yàn)豐富的用戶的所具備的能力使得他在操作上勝過(guò)新手。命令行界面就是個(gè)很好的例證，只有黑屏和閃動(dòng)的光標(biāo)，再?zèng)]有比這更令人不爽的界面了。但是對(duì)一個(gè)有經(jīng)驗(yàn)的用戶來(lái)說(shuō)，它是非常強(qiáng)大的。如果將Unix的命令行取走，這可能至少導(dǎo)致它的功能減掉一半。

在可用性的設(shè)計(jì)中，讓新用戶和經(jīng)驗(yàn)用戶都能快速適應(yīng)也是應(yīng)用程序目標(biāo)中最重要的一個(gè)方面。

6.1.3.1. Teach with affordances

Affordance是一套教學(xué)工具。它是對(duì)象的一種屬性，并且能暗示對(duì)象的功能。例如，一個(gè)門(mén)把手就是一個(gè)affordance，提示你拉門(mén)，一個(gè)按鈕是用來(lái)按的，旋鈕告訴你它是用來(lái)旋轉(zhuǎn)的。UI?設(shè)計(jì)師也要提供這些affordance，這些affordance通常是符合慣例的。例如，你打開(kāi)一個(gè)窗口來(lái)看看，設(shè)想你不知道打開(kāi)以后是什么樣的，看看這個(gè)窗口是不是可調(diào)大小的？如果答案是肯定的，那可能是因?yàn)榇翱谟蚁陆怯幸粋€(gè)斜線斑紋的東西，這個(gè)東西有時(shí)叫做把手。這個(gè)小圖標(biāo)是一個(gè)標(biāo)志：用來(lái)拖動(dòng)窗口大小。甚至命令行界面也提供了一個(gè)affordance：閃動(dòng)的光標(biāo)。Affordance是功能的可視化標(biāo)志，圖6-1是一些常見(jiàn)的affordances.

6.1.4. Trainer: Provide Immediate Feedback

你知不知道為什么去體育館鍛煉身體的人們?yōu)槭裁匆跺X(qián)給教練呢？畢竟，許多訓(xùn)練是在跑步機(jī)上或者是推舉杠鈴中進(jìn)行的。而事實(shí)上，給教練付錢(qián)有很多理由，教練扮演了一個(gè)很重要的角色，就是在我們鍛煉之后給出及時(shí)的回饋：鼓勵(lì)，糾正，調(diào)整和教授，使得我們的鍛煉能夠更好的進(jìn)行。

可用性的界面設(shè)計(jì)工作也是同樣的道理：將因果作出對(duì)比，形成緊密的回饋機(jī)制，這樣用戶可以很自然的作出響應(yīng)，糾正自己的錯(cuò)誤。

6.1.4.1. Direct manipulation

要理解直接操作的概念，最好的例子就是上面說(shuō)過(guò)的緊密的回饋機(jī)制。無(wú)論什么情況下，請(qǐng)?jiān)试S用戶對(duì)數(shù)據(jù)的直接交互和操作。一些電子報(bào)表軟件應(yīng)該在這方面加以改進(jìn)：他們不允許直接在cell中對(duì)數(shù)據(jù)進(jìn)行操作。這樣，用戶只能首先點(diǎn)開(kāi)一個(gè)cell進(jìn)行編輯，然后將注意力集中到電子報(bào)表的頂部來(lái)觀察變化。

6.1.4.2. Work with the mind

當(dāng)在頁(yè)面上添加一些東西的時(shí)候，最重要一點(diǎn)的是讓用戶發(fā)現(xiàn)它，script.aculo.us中的highlight效果也許正適合這種情形：這個(gè)視覺(jué)效果可以很好的配合你的視覺(jué)神經(jīng)，告訴你這個(gè)地方很重要。另一種情況，假想有些信息因?yàn)椴辉傩枰砸獜钠聊簧蟿h除，如果再使用highlight效果會(huì)產(chǎn)生反作用。最好使用類似fade效果來(lái)實(shí)現(xiàn)。

6.1.4.3. Use color appropriately

顏色是增強(qiáng)用戶體驗(yàn)的一個(gè)重要途徑，因?yàn)樗浅宋谋尽⑿螤睢婷嬷獾挠忠粚涌梢晹?shù)據(jù)。

在UI設(shè)計(jì)時(shí)，如果顏色的使用始終符合一種風(fēng)格，會(huì)讓用戶慢慢習(xí)慣并且依賴這種顏色風(fēng)格，也會(huì)讓用戶對(duì)新的UI界面很快的適應(yīng)，會(huì)對(duì)你的應(yīng)用程序產(chǎn)生一種信任，并且操作起來(lái)會(huì)更快，也不會(huì)經(jīng)常犯錯(cuò)。

如果你是在UI中傳遞信息，使用顏色要盡量保守，不要嘗試把一堆顏色加進(jìn)去。否則，你會(huì)適得其反的造成視覺(jué)的混亂。

雖然顏色一般沒(méi)有許多內(nèi)在語(yǔ)義上的說(shuō)法，但是卻有一些慣例，這些慣例在設(shè)計(jì)中是非常有用的。對(duì)一個(gè)小孩子來(lái)說(shuō)，紅色代表停止。（事實(shí)上，這是因?yàn)槟承┘夹g(shù)原因。早期的燈塔選擇紅色作為停止信號(hào)是因?yàn)楫?dāng)時(shí)紅色是可用的透明度最高的彩色玻璃的顏色。后來(lái)，鐵路上也借鑒使用，再后來(lái)，交通系統(tǒng)也遵循了這個(gè)慣例.）所以請(qǐng)不要讓這數(shù)百年來(lái)的慣例在你的web應(yīng)用中終結(jié)！現(xiàn)在，紅色的語(yǔ)義也被延伸了，暗示著：小心、否、取消、移除、打開(kāi)、刪除，等等。另外，綠色代表，進(jìn)行中，是，確定，新建，添加，打開(kāi)，創(chuàng)建，等等。

本文轉(zhuǎn)自 fsjoy1983 51CTO博客，原文鏈接：http://blog.51cto.com/fsjoy/111342，如需轉(zhuǎn)載請(qǐng)自行聯(lián)系原作者

總結(jié)

以上是生活随笔為你收集整理的6.1.3. Mentor: Design Not Just for Usability, but Learnability的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。