最好的UI設(shè)計(jì)界面設(shè)計(jì)的8條黃金法則

2019-1-4    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

設(shè)計(jì)師需要每天解決問題,找到合適的解決方案需要深入研究和精心策劃的測(cè)試。發(fā)現(xiàn)一種適合所有人的方法或秘密公式可以自動(dòng)解決我們所有的界面設(shè)計(jì)問題。我們可能還沒有答案,但我們確實(shí)知道我們有時(shí)可以采取的某些捷徑。


“啟發(fā)式”是簡(jiǎn)單而有效的規(guī)則,可以幫助我們形成判斷并做出決策。我們可以將它們視為UI最佳實(shí)踐的一般指導(dǎo)原則。 


注意:這些規(guī)則有其時(shí)間和地點(diǎn),并不是可用性測(cè)試的替代品。


雖然Jakob Nielsen的10個(gè)用戶界面設(shè)計(jì)啟發(fā)式算法可能是最流行的啟發(fā)式算法,但還有其他一些。Ben Shneiderman創(chuàng)建了一個(gè)最好的固體交互設(shè)計(jì)指南,稱為設(shè)計(jì)用戶界面,它揭示了他自己的原則集合,被稱為“八個(gè)黃金接口設(shè)計(jì)規(guī)則”。我們今天要看這些規(guī)則。


Image title


Loren Terveen和Ben Shneiderman在馬里蘭大學(xué)的Webshop 2011 ©Marc Smith


1.  爭(zhēng)取一致性


設(shè)計(jì)“一致的接口”意味著對(duì)相似的情況使用相同的設(shè)計(jì)模式和相同的動(dòng)作序列。這包括但不限于在用戶旅程中在提示屏幕,命令和菜單中正確使用顏色,排版和術(shù)語(yǔ)。 


請(qǐng)記?。阂恢碌慕缑鎸⑹鼓挠脩舾菀淄瓿伤麄兊娜蝿?wù)和目標(biāo)。


Image title


       Namastelight by Martin Strba風(fēng)格指南是確保設(shè)計(jì)過程一致性的一種方法。


2.  啟用常用用戶使用快捷方式


說到使用UI規(guī)則作為快捷方式,您的用戶也將受益于快捷方式,特別是如果他們需要經(jīng)常完成相同的任務(wù)。 


專家用戶可能會(huì)發(fā)現(xiàn)以下功能有用: 


縮略語(yǔ)


功能鍵


隱藏的命令


宏觀設(shè)施


Image title


                                     Khalid Hasan Zibon的上下文菜單


3.  提供信息反饋


您需要讓用戶隨時(shí)了解流程每個(gè)階段的情況。這種反饋需要有意義,相關(guān),清晰,并符合上下文。


Image title


                                            文件上傳者Antonija Vresk 


4.  設(shè)計(jì)對(duì)話以產(chǎn)生關(guān)閉


讓我解釋。動(dòng)作序列需要有開頭,中間和結(jié)尾。任務(wù)完成后,如果是這種情況,請(qǐng)為他們的用戶提供信息反饋和明確定義的選項(xiàng),以便為您的用戶安心。不要讓他們疑惑!Image title


                                    Jose Antonio Orellana的Flash消息


5.  提供簡(jiǎn)單的錯(cuò)誤處理


應(yīng)設(shè)計(jì)一個(gè)良好的界面,以盡可能避免錯(cuò)誤。但是當(dāng)錯(cuò)誤發(fā)生時(shí),您的系統(tǒng)需要讓用戶輕松了解問題并知道如何解決問題。處理錯(cuò)誤的簡(jiǎn)單方法包括顯示清晰的錯(cuò)誤通知以及描述性提示以解決問題。Image title


                                       由Adnan Khan進(jìn)行的Litmus形式驗(yàn)證


6.  允許輕松撤銷行動(dòng)


在發(fā)生錯(cuò)誤之后找到“撤消”選項(xiàng)立即得到解脫。如果他們知道有一種簡(jiǎn)單的方法可以解決任何事故,那么您的用戶就會(huì)感到不那么焦慮,更有可能探索各種選擇。 


此規(guī)則可應(yīng)用于任何操作,操作組或數(shù)據(jù)輸入。它可以從簡(jiǎn)單的按鈕到整個(gè)行動(dòng)歷史。 Image title


                                           Tyler Beauchamp撤銷倒計(jì)時(shí)


7.  支持內(nèi)部控制點(diǎn)


一,定義:


“在人格心理學(xué)中,控制點(diǎn)是人們相信他們能夠控制事件結(jié)果的程度” -  Julian Rotter


為用戶提供控制和自由非常重要,這樣他們才能感覺到他們負(fù)責(zé)系統(tǒng),而不是相反。避免意外,中斷或任何未被用戶提示的內(nèi)容。 


用戶應(yīng)該是行動(dòng)的發(fā)起者而不是響應(yīng)者。Image title


                                   Vlad Ponomarenko的權(quán)限對(duì)話框


8.  減少短期內(nèi)存負(fù)載


我們的注意力有限,我們可以采取任何措施使用戶的工作更輕松,更好。我們更容易識(shí)別信息而不是回憶信息。在這里,我們可以參考尼爾森描述“ 對(duì)召回的認(rèn)可 ” 的原則之一。如果我們保持接口簡(jiǎn)單和一致,遵守模式,標(biāo)準(zhǔn)和慣例,我們已經(jīng)為更好的識(shí)別和易用性做出了貢獻(xiàn)。 


我們可以添加一些功能,以幫助我們的用戶,具體取決于他們的目標(biāo)。例如,在電子商務(wù)環(huán)境中,最近查看或購(gòu)買的項(xiàng)目列表。Image title


                                     最近查看的膠囊由Gavin Williams聯(lián)系


結(jié)論


雖然您應(yīng)該始終采用基于啟發(fā)式算法的決策,但遵循一系列規(guī)則和指南將引導(dǎo)您朝著正確的方向前進(jìn),并允許您在設(shè)計(jì)過程的早期發(fā)現(xiàn)主要的可用性問題。這八個(gè)原則適用于大多數(shù)用戶界面; 它們來自Shneiderman自己的經(jīng)驗(yàn),經(jīng)過三十多年的精心改進(jìn)。其他人,如雅各布尼爾森和唐諾曼已經(jīng)擴(kuò)展了這些規(guī)則,并貢獻(xiàn)了他們自己的變化。 


您也可以使用這些作為靈感來創(chuàng)建自己的啟發(fā)式方法,或者結(jié)合現(xiàn)有的示例來解決您自己的設(shè)計(jì)問題。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔