<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

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

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

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

           

          設(shè)計(jì)師需要每天解決問(wèn)題,找到合適的解決方案需要深入研究和精心策劃的測(cè)試。發(fā)現(xiàn)一種適合所有人的方法或秘密公式可以自動(dòng)解決我們所有的界面設(shè)計(jì)問(wèn)題。我們可能還沒(méi)有答案,但我們確實(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ì)過(guò)程一致性的一種方法。


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


          說(shuō)到使用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)作序列需要有開(kāi)頭,中間和結(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)需要讓用戶輕松了解問(wèn)題并知道如何解決問(wèn)題。處理錯(cuò)誤的簡(jiǎn)單方法包括顯示清晰的錯(cuò)誤通知以及描述性提示以解決問(wèn)題。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


          為用戶提供控制和自由非常重要,這樣他們才能感覺(jué)到他們負(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ì)過(guò)程的早期發(fā)現(xiàn)主要的可用性問(wèn)題。這八個(gè)原則適用于大多數(shù)用戶界面; 它們來(lái)自Shneiderman自己的經(jīng)驗(yàn),經(jīng)過(guò)三十多年的精心改進(jìn)。其他人,如雅各布尼爾森和唐諾曼已經(jīng)擴(kuò)展了這些規(guī)則,并貢獻(xiàn)了他們自己的變化。 


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

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

          日歷

          鏈接

          個(gè)人資料

          存檔

          久久国产劲爆AV内射—百度| 日韩人妻无码精品久久免费一| 国产国产成人久久精品| 久久最近最新中文字幕大全| 久久嫩草影院免费看夜色| 亚洲中文久久精品无码ww16 | 久久国产热精品波多野结衣AV| 狠狠狠色丁香婷婷综合久久俺| 久久久久久久久久免免费精品 | 色综合合久久天天给综看| 国内精品人妻无码久久久影院导航| 97久久超碰成人精品网站| 日韩va亚洲va欧美va久久| 99久久成人国产精品免费| 久久婷婷国产剧情内射白浆| 四虎国产精品免费久久久| 国产亚洲精品久久久久秋霞| 久久久久久亚洲精品不卡| 国产亚洲色婷婷久久99精品| 亚洲综合久久久| 久久久久久青草大香综合精品 | 亚洲国产成人精品女人久久久| 狠狠久久亚洲欧美专区| 一本久久a久久精品vr综合| 伊人久久大香线蕉综合网站| 精品国产热久久久福利| 久久精品成人免费看| 久久天天躁狠狠躁夜夜96流白浆 | 奇米综合四色77777久久| 久久中文字幕人妻丝袜| 色婷婷噜噜久久国产精品12p | 一级A毛片免费观看久久精品| 91久久九九无码成人网站| 色噜噜狠狠先锋影音久久| 国产精品九九九久久九九 | 国产精品一区二区久久精品无码 | 久久久久人妻一区精品| 国产 亚洲 欧美 另类 久久| 国产精品gz久久久| 久久精品无码一区二区三区日韩| 九九久久精品无码专区|