Godzilla. 2018-04-18
網(wǎng)站建設(shè)
讓網(wǎng)站建設(shè)的用戶界面更友好的8條交互設(shè)計(jì)法則
設(shè)計(jì)師每天都需要解決問題,找到正確的解決方案需要深入的研究和精心的計(jì)劃、測試。如果能找到一種全能的方法或者一個(gè)能自動解決我們所有工作問題的秘方,那就太好了。我們可能還沒有答案,但我們確實(shí)知道我們有時(shí)可以采取的某些捷徑。
啟發(fā)法是幫助我們形成判斷和決策的簡單而有效的規(guī)則。我們可以把它看作是涉及界面設(shè)計(jì)最佳落實(shí)方案的常規(guī)準(zhǔn)則。這些規(guī)則有它們的適用場景,并不是可用性測試的替代品。
力求一致性
設(shè)計(jì)一致性的界面意味著使用相同的設(shè)計(jì)模式和相同的操作秩序來處理類似的情況。這不僅僅限于在你的用戶瀏覽你的產(chǎn)品時(shí),在提示屏幕中重要區(qū)域運(yùn)用合適的顏色、排版、字體等。記住:一個(gè)保持一致的界面會讓你的用戶更容易地完成他們的任務(wù)和目標(biāo)。
如淘寶的網(wǎng)頁首頁,從圖標(biāo)的一致性來看,我們會看到圖標(biāo)的色彩和樣式都是具有一致性。文案的一致性可能單純?nèi)タ匆粋€(gè)頁面看不到。關(guān)于色彩,淘寶網(wǎng)整體用了一個(gè)橙色,大部分都是橙色。字體,可以看到字體都是統(tǒng)一,只是通過加粗放大體現(xiàn)字體的差異化。
?。ㄌ詫毷醉摚?br />
允許高頻用戶使用快捷鍵
說到將使用快捷操作作為界面設(shè)計(jì)規(guī)則,你的用戶也將受益于快捷鍵,特別是那些高頻用戶需要經(jīng)常完成的相同的任務(wù)。
核心高頻用戶可能會發(fā)現(xiàn)以下特性有幫助:
縮略語
功能鍵
隱藏的命令
宏命令設(shè)置
?。ň脑O(shè)計(jì)的右鍵功能菜單界面)
提供明確的反饋
您需要讓您的用戶了解他們在他們操作步驟的每個(gè)階段所發(fā)生的事情。這種反饋需要有意義、相關(guān)、清晰、符合上下文。
(精心設(shè)計(jì)的文件上傳進(jìn)度圖)
設(shè)計(jì)對話框以產(chǎn)生反饋訊息
讓我解釋一下,一系列的行動需要最好有一個(gè)開始,中間和結(jié)束的提示。一旦任務(wù)完成,通過為用戶提供明確的信息反饋和選擇,向你的用戶提供一個(gè)緩和心情的過程,別讓他們在任務(wù)過程之中過多的分散注意力并產(chǎn)生疑惑。
?。ň脑O(shè)計(jì)的對話框)
提供錯誤處理提示
一個(gè)友好的網(wǎng)站建設(shè)的界面應(yīng)該盡可能避免錯誤。但是當(dāng)錯誤發(fā)生時(shí),您的系統(tǒng)需要讓用戶更容易理解問題并知道如何解決它。處理錯誤的簡單方法包括顯示清晰的錯誤提示通知以及展示解決問題的描述性提示。
一些大型網(wǎng)站登錄注冊框都提供了科學(xué)合理的提示展示信息,當(dāng)用戶操作出現(xiàn)錯誤或沒有按照要求操作時(shí),這些提示區(qū)域都會出現(xiàn)清晰的提示信息來指導(dǎo)用戶進(jìn)行更正。
?。ㄖ醯卿涀钥颍?br />
允許簡單的返回/撤回操作
在錯誤發(fā)生后找到撤銷選項(xiàng)是一種即時(shí)的解脫。如果你的用戶知道有一種快捷的方法來撤回錯誤操作,他們會感到輕松許多,更有可能去放心探索選擇。此規(guī)則可應(yīng)用于任何操作、操作組或數(shù)據(jù)輸入。返回/撤回操作可以從簡單的按鈕到涉及整個(gè)操作歷史的集合區(qū)。
?。ǔ坊匕粹o的概念設(shè)計(jì)圖)
用戶應(yīng)掌握控制權(quán)
首先,來看一個(gè)定義:在人格心理學(xué)中,控制點(diǎn)是人們認(rèn)為自己能夠控制事件結(jié)果的程度——Julian Rotter。把控制權(quán)和自由交給用戶是很重要的,這樣他們就能感覺到他們是系統(tǒng)的主人。避免意外、中斷或任何未被用戶提示的事情。用戶應(yīng)該是操作的發(fā)起者,而不是響應(yīng)者。
?。ㄔO(shè)計(jì)友善的、情感化的權(quán)限對話框)
減輕用戶的記憶負(fù)擔(dān)
我們的注意力范圍是有限的,我們能做的任何事情都應(yīng)該盡量讓我們的用戶工作更輕松。用戶更容易識別信息而不是記憶信息。如果我們的界面設(shè)計(jì)得簡潔和一致,遵循模式、標(biāo)準(zhǔn)和慣例,我們已經(jīng)為更好的識別性和易用性做出了貢獻(xiàn)。
我們可以在特定場景中添加幾個(gè)特定功能來幫助我們的用戶,這取決于他們的目標(biāo)。例如,在電子商務(wù)環(huán)境中,查看最近瀏覽或購買的項(xiàng)目列表。
(最近瀏覽歷史界面)
結(jié)語
雖然你也許對應(yīng)該經(jīng)常做基于啟發(fā)式的決定半信半疑,但是遵循一套規(guī)則和指導(dǎo)方針將使您朝著正確的方向前進(jìn),并允許您在設(shè)計(jì)過程的早期發(fā)現(xiàn)主要的可用性問題。這八項(xiàng)法則適用于大多數(shù)用戶界面設(shè)計(jì)工作。
您也可以使用以上法則作為靈感來創(chuàng)建自己的基于啟發(fā)式的項(xiàng)目,或者結(jié)合正在進(jìn)行的項(xiàng)目來完善自己的設(shè)計(jì)工作。
文章標(biāo)簽:
網(wǎng)站建設(shè) 交互設(shè)計(jì)
文章評論: