Adobe是北美一家大型計算機軟件公司回窘,該公司旗下的每一款軟件的設(shè)計細節(jié)都能反映出尼爾森和莫利奇的十個用戶界面指南单默,下面以Adobe Photoshop為例犹褒,看它是如何完美地結(jié)合尼爾森和莫里奇的十個用戶界面指南的缩歪,希望大家也能夠從其中得到一些自己設(shè)計工作上的靈感佛呻。
1. 系統(tǒng)狀態(tài)可見性
Photoshop 在這一點上做得非常好,它通過可視化的顯示提示用戶當前的操作將會發(fā)生什么跺撼。例如窟感,當用戶在 “圖層”面板中移動圖層時,鼠標指針會變成一個抓住圖層的“小手”形狀歉井, Adobe選擇使用“小手”也是系統(tǒng)與 現(xiàn)實世界相匹配的一個很好的例子柿祈,由此可以直觀地看到在空間中物理拖動的圖層。
2. 系統(tǒng)與現(xiàn)實世界匹配
Photoshop在語言使用和呈現(xiàn)方式上都模仿了真實世界哩至,目標用戶都會明白躏嚎,它的信息結(jié)構(gòu)和用語都是攝影和印刷行業(yè)中常用的。例如常見詞語RGB菩貌、色相卢佣、飽和度、亮度菜谣、 CMYK等珠漂,其中CMYK代表印刷業(yè)中使用的青色、品紅尾膊、黃色和油墨黑色媳危。鋼筆、吸管冈敛、放大鏡等工具也與真實世界中的物體及其功能相匹配待笑。
3. 用戶控制和行動自由
在用戶操作過程中的每一步,Photoshop 都給了用戶操作的自由抓谴。比如暮蹂,當用戶對一個圖層做改動的時候寞缝,如果做錯了可以快捷地返回上一步。
如果你已經(jīng)執(zhí)行了很多步操作仰泻,想回到或修改之前的某一步荆陆,則可以通過“歷史記 錄”實現(xiàn)。
4. 一致性和標準化
Photoshop 的菜單在格局集侯、外觀和感覺上保持著同一個標準被啼,沿用了大家熟知的詞匯,比如“新建”“打開”“存儲為”等棠枉。
5. 預防錯誤
為了預防用戶在操作過程中出現(xiàn)錯誤浓体,當用戶的光標懸停在工具上時,Photoshop會提供標簽提示辈讶,對工具進行簡要描述命浴,幫助用戶挑選正確的工具來完成他們當前的任務。
6. 識別而不是回憶
無論是濾鏡菜單還是在打開新的圖片文件時贱除,Photoshop 都為用戶提供了效果預覽或圖片預覽生闲,來幫助用戶做出正確的選擇。這讓用戶可以在視覺上識別出他 們在尋找的東西月幌,而不是去回憶某個功能或文件的名稱跪腹。用戶可通過圖層中的縮略圖識別想要操作的內(nèi)容,并且可根據(jù)個人喜好調(diào)整縮略圖的大小飞醉。
7. 靈活性和效率
Photoshop 用戶大愛這個軟件的原因之一是它的靈活性和高效率。不同工作領(lǐng)域的用戶可以利用它的靈活性來組織和添加不同功能組件到工作區(qū)屯阀,并且可以保 存自己的工作區(qū)缅帘,以后操作時可以有效提高效率,比如攝影師常用的功能與 UI 設(shè) 計師肯定有所不同难衰,兩種職業(yè)可根據(jù)需求自定義軟件的操作界面布局钦无。
8. 美學和極簡主義設(shè)計
Photoshop左側(cè)的工具欄只顯示了圖標,并被放在了窗口的左側(cè)盖袭。這有效地化繁為簡失暂,保持了極簡主義美學。
9. 幫助用戶識別鳄虱、診斷和修復錯誤
當用戶在使用中發(fā)生錯誤時弟塞,Photoshop 會彈出對話框,告訴用戶哪里出錯了拙已,怎樣修復錯誤决记。
10. 幫助和資料
用戶可以在主菜單中輕松獲得幫助 和資料文件,可以找到不同的幫助主題和如何使用軟件的完整教程倍踪。
作為一名設(shè)計師系宫,應該具備有理有據(jù)地批判自己和他人設(shè)計的能力索昂。應用尼爾森和莫利奇的評估界面設(shè)計的十條法則,可以幫助你識別潛在的問題扩借,并指導你和你的團隊去創(chuàng)造出更好的用戶體驗椒惨。
最后,給大家提供一個工作表潮罪,可以打開自己經(jīng)常使用的一個程序或者網(wǎng)站康谆,看看著十條法則是否都運用上了,通過這樣的練習來提升自己對用戶體驗的敏感性错洁。
以上內(nèi)容均來自UX先生的《用戶體驗設(shè)計師進階之路》秉宿。關(guān)于這本書的分享就到這里咯,因為是新書屯碴,不能過量曝光描睦,感興趣的朋友們可以自行購買~