大廠Adobe是如何整合尼爾森和莫里奇的十個用戶界面設(shè)計指南

Adobe是北美一家大型計算機軟件公司,該公司旗下的每一款軟件的設(shè)計細節(jié)都能反映出尼爾森和莫利奇的十個用戶界面指南,下面以Adobe Photoshop為例,看它是如何完美地結(jié)合尼爾森和莫里奇的十個用戶界面指南的,希望大家也能夠從其中得到一些自己設(shè)計工作上的靈感。

1. 系統(tǒng)狀態(tài)可見性

Photoshop 在這一點上做得非常好,它通過可視化的顯示提示用戶當(dāng)前的操作將會發(fā)生什么。例如,當(dāng)用戶在 “圖層”面板中移動圖層時,鼠標(biāo)指針會變成一個抓住圖層的“小手”形狀, Adobe選擇使用“小手”也是系統(tǒng)與 現(xiàn)實世界相匹配的一個很好的例子,由此可以直觀地看到在空間中物理拖動的圖層。

2. 系統(tǒng)與現(xiàn)實世界匹配

Photoshop在語言使用和呈現(xiàn)方式上都模仿了真實世界,目標(biāo)用戶都會明白,它的信息結(jié)構(gòu)和用語都是攝影和印刷行業(yè)中常用的。例如常見詞語RGB、色相、飽和度、亮度、 CMYK等,其中CMYK代表印刷業(yè)中使用的青色、品紅、黃色和油墨黑色。鋼筆、吸管、放大鏡等工具也與真實世界中的物體及其功能相匹配。

3. 用戶控制和行動自由

在用戶操作過程中的每一步,Photoshop 都給了用戶操作的自由。比如,當(dāng)用戶對一個圖層做改動的時候,如果做錯了可以快捷地返回上一步。

如果你已經(jīng)執(zhí)行了很多步操作,想回到或修改之前的某一步,則可以通過“歷史記 錄”實現(xiàn)。

4. 一致性和標(biāo)準(zhǔn)化

Photoshop 的菜單在格局、外觀和感覺上保持著同一個標(biāo)準(zhǔn),沿用了大家熟知的詞匯,比如“新建”“打開”“存儲為”等。

5. 預(yù)防錯誤

為了預(yù)防用戶在操作過程中出現(xiàn)錯誤,當(dāng)用戶的光標(biāo)懸停在工具上時,Photoshop會提供標(biāo)簽提示,對工具進行簡要描述,幫助用戶挑選正確的工具來完成他們當(dāng)前的任務(wù)。


6. 識別而不是回憶

無論是濾鏡菜單還是在打開新的圖片文件時,Photoshop 都為用戶提供了效果預(yù)覽或圖片預(yù)覽,來幫助用戶做出正確的選擇。這讓用戶可以在視覺上識別出他 們在尋找的東西,而不是去回憶某個功能或文件的名稱。用戶可通過圖層中的縮略圖識別想要操作的內(nèi)容,并且可根據(jù)個人喜好調(diào)整縮略圖的大小。


7. 靈活性和效率

Photoshop 用戶大愛這個軟件的原因之一是它的靈活性和高效率。不同工作領(lǐng)域的用戶可以利用它的靈活性來組織和添加不同功能組件到工作區(qū),并且可以保 存自己的工作區(qū),以后操作時可以有效提高效率,比如攝影師常用的功能與 UI 設(shè) 計師肯定有所不同,兩種職業(yè)可根據(jù)需求自定義軟件的操作界面布局。

8. 美學(xué)和極簡主義設(shè)計

Photoshop左側(cè)的工具欄只顯示了圖標(biāo),并被放在了窗口的左側(cè)。這有效地化繁為簡,保持了極簡主義美學(xué)。

9. 幫助用戶識別、診斷和修復(fù)錯誤

當(dāng)用戶在使用中發(fā)生錯誤時,Photoshop 會彈出對話框,告訴用戶哪里出錯了,怎樣修復(fù)錯誤。

10. 幫助和資料

用戶可以在主菜單中輕松獲得幫助 和資料文件,可以找到不同的幫助主題和如何使用軟件的完整教程。

作為一名設(shè)計師,應(yīng)該具備有理有據(jù)地批判自己和他人設(shè)計的能力。應(yīng)用尼爾森和莫利奇的評估界面設(shè)計的十條法則,可以幫助你識別潛在的問題,并指導(dǎo)你和你的團隊去創(chuàng)造出更好的用戶體驗。

最后,給大家提供一個工作表,可以打開自己經(jīng)常使用的一個程序或者網(wǎng)站,看看著十條法則是否都運用上了,通過這樣的練習(xí)來提升自己對用戶體驗的敏感性。

以上內(nèi)容均來自UX先生的《用戶體驗設(shè)計師進階之路》。關(guān)于這本書的分享就到這里咯,因為是新書,不能過量曝光,感興趣的朋友們可以自行購買~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容