D02 交互設(shè)計原則整理

本期整理了三個設(shè)計原則,從接觸需求開始,評估考量功能的重要程度,到設(shè)計過程中的指導(dǎo)性原則。

原則概覽:

1-kano模型

2-交互設(shè)計界面設(shè)計四策略

3-尼爾森可用性十大原則

4- Fitts’ Law / 菲茨定律

5-Hick's Law / 席克定律

6-Occam's Razor 奧卡姆剃刀原理

?1-kano模型

適用場景:收集到的需求當(dāng)中,哪些需求能顯著提升用戶的滿意度?

KANO 模型是東京理工大學(xué)教授狩野紀昭(Noriaki Kano)發(fā)明的對用戶需求分類和優(yōu)先排序的有用工具,以分析用戶需求對用戶滿意的影響為基礎(chǔ),體現(xiàn)了產(chǎn)品性能和用戶滿意之間的非線性關(guān)系。

(1)必須具備的(Must-have)

例如,一款美顏工具產(chǎn)品,拍照是必須具備的基本功能。

(2)所期望的(Linear)

例如,一款美顏工具產(chǎn)品,使自己變得更漂亮——美顏,是用戶比較明確“提出”的,否則為什么要下載使用。

(3)超出預(yù)期的(Exciter)

例如,一款美顏工具產(chǎn)品,居然可以一鍵美顏,自動幫你P成大眼、小臉、巨乳、蜂腰的大長腿女神,遠超預(yù)期。


2-交互設(shè)計界面設(shè)計四策略

適用場景:界面設(shè)計元素組織

出自《簡約至上-交互設(shè)計四策略》一書,四策略分別為:刪除、組織、隱藏、轉(zhuǎn)移,幾乎任何界面設(shè)計都適用這四個策略。


3-尼爾森可用性十大原則

適用場景:產(chǎn)品設(shè)計與用戶體驗設(shè)計的重要參考指標(biāo)。

(1)Visibility of system status 系統(tǒng)可見性原則

系統(tǒng)應(yīng)該讓用戶知道發(fā)生了什么,在適當(dāng)?shù)臅r間內(nèi)做出適當(dāng)?shù)姆答仭?大多數(shù)流通的翻譯是針對網(wǎng)頁的:用戶在網(wǎng)頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應(yīng)即時給出反饋。

(2)Match between system and the real world 匹配系統(tǒng)與真實世界(環(huán)境貼切)

系統(tǒng)應(yīng)該用用戶的語言,用詞,短語和用戶熟悉的概念,而不是系統(tǒng)術(shù)語。遵循現(xiàn)實世界的慣例,讓信息符合自然思考邏輯。

(3)User control and freedom用戶的控制性和自由度(撤銷重作原則)

用戶經(jīng)常錯誤地選擇系統(tǒng)功能而且需要明確標(biāo)識離開這個的“出口”,而不需要通過一個擴展的對話框。為了避免用戶的誤用和誤擊,要支持撤銷和重做的功能。

(4)Consistency and standards一致性和標(biāo)準化(一致性原則)

用戶不必懷疑是否不同的語言,不同的情景,或者不同的操作產(chǎn)生的結(jié)果實際上是同一件事情。遵循平臺的慣例。也就是,同一用語、功能、操作保持一致。

(5)Error prevention 防錯原則

比出現(xiàn)錯誤信息提示更好的是更用心的設(shè)計防止這類問題發(fā)生。在用戶選擇動作發(fā)生之前,就要防止用戶容易混淆或者錯誤的選擇。

(6)Recognition rather than recall 識別比記憶好(易取原則)

盡量減少用戶對操作目標(biāo)的記憶負荷,動作和選項都應(yīng)該是可見的。用戶不必記住一個頁面到另一個頁面的信息。系統(tǒng)的使用說明應(yīng)該是可見的或者是容易獲取的。

(7)Flexibility and efficiency of use使用的靈活高效(靈活高效原則)

系統(tǒng)可以滿足有經(jīng)驗和無經(jīng)驗的用戶。 允許用戶進行頻繁的操作。

(8)Aesthetic and minimalist design 審美和簡約的設(shè)計(易掃原則)

對話中不應(yīng)該包含無關(guān)緊要的信息。在段落中每增加一個單位的重要信息,就意味著要減少相應(yīng)的弱化一些其他信息。互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動作不是讀,不是看,而是掃。易掃,意味著突出重點,弱化和剔除無關(guān)信息。

(9)Help users recognize, diagnose, and recover from errors 幫助用戶識別,診斷,并從錯誤中恢復(fù)(容錯原則)

錯誤信息應(yīng)該用語言表達(不要用代碼),較準確地反應(yīng)問題所在,并且提出一個建設(shè)性的解決方案。

(10)Help and documentation? 幫助文檔(人性化幫助原則)

如果系統(tǒng)不使用文檔是最好的,但是有必要提供幫助和文檔


4-Fitts’ Law / 菲茨定律(費茨法則)


定律內(nèi)容:從一個起始位置移動到一個最終目標(biāo)所需的時間由兩個參數(shù)來決定,到目標(biāo)的距離和目標(biāo)的大小(上圖中的 D與 W),用數(shù)學(xué)公式表達為時間 T = a + b log2(D/W+1)。

它是 1954 年保羅.菲茨首先提出來的,用來預(yù)測從任意一點到目標(biāo)中心位置所需時間的數(shù)學(xué)模型,在人機交互(HCI)和設(shè)計領(lǐng)域的影響卻最為廣泛和深遠。 新的 Windows 8 中由開始菜單到開始屏幕的轉(zhuǎn)變背后也可以看作是該定律的應(yīng)用。

菲茨定律的啟示:

1.按鈕等可點擊對象需要合理的大小尺寸。

2.屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素,因為邊角是巨大的目標(biāo),它們無限高或無限寬,你不可能用鼠標(biāo)超過它們。即不管你移動了多遠,鼠標(biāo)最終會停在屏幕的邊緣,并定位到按鈕或菜單的上面。

3.出現(xiàn)在用戶正在操作的對象旁邊的控制菜單(右鍵菜單)比下拉菜單或工具欄可以被打開得更快,因為不需要移動到屏幕的其他位置。

5-Hick's Law / 席克定律


定律內(nèi)容:一個人面臨的選擇(n)越多,所需要作出決定的時間(T)就越長。用數(shù)學(xué)公式表達為反應(yīng)時間 T=a+b log2(n)。在人機交互中界面中選項越多,意味著用戶做出決定的時間越長。例如比起 2 個菜單,每個菜單有 5 項,用戶會更快得從有 10 項的 1 個菜單中做出選擇。

席克定律多應(yīng)用于軟件/網(wǎng)站界面的菜單及子菜單的設(shè)計中,在移動設(shè)備中也比較適用。

6-Occam's Razor 奧卡姆剃刀原理

這個原理被稱為“如無必要,勿增實體”,即如有兩個功能相等的設(shè)計,那么選擇最簡單的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容