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模型

適用場景:收集到的需求當中瓦戚,哪些需求能顯著提升用戶的滿意度沮尿?

KANO 模型是東京理工大學教授狩野紀昭(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è)計的重要參考指標。

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

系統(tǒng)應(yīng)該讓用戶知道發(fā)生了什么灶伊,在適當?shù)臅r間內(nèi)做出適當?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)功能而且需要明確標識離開這個的“出口”,而不需要通過一個擴展的對話框狸页。為了避免用戶的誤用和誤擊锨能,要支持撤銷和重做的功能。

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

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

(5)Error prevention 防錯原則

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

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

盡量減少用戶對操作目標的記憶負荷,動作和選項都應(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)容:從一個起始位置移動到一個最終目標所需的時間由兩個參數(shù)來決定,到目標的距離和目標的大欣ぐ础(上圖中的 D與 W)毯欣,用數(shù)學公式表達為時間 T = a + b log2(D/W+1)。

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

菲茨定律的啟示:

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

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

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

5-Hick's Law / 席克定律


定律內(nèi)容:一個人面臨的選擇(n)越多,所需要作出決定的時間(T)就越長继低。用數(shù)學公式表達為反應(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)系作者
  • 序言:七十年代末答憔,一起剝皮案震驚了整個濱河市味赃,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌虐拓,老刑警劉巖心俗,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蓉驹,居然都是意外死亡城榛,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門态兴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來狠持,“玉大人,你說我怎么就攤上這事瞻润〈梗” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵绍撞,是天一觀的道長正勒。 經(jīng)常有香客問我,道長傻铣,這世上最難降的妖魔是什么章贞? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮矾柜,結(jié)果婚禮上阱驾,老公的妹妹穿的比我還像新娘。我一直安慰自己怪蔑,他們只是感情好里覆,可當我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著缆瓣,像睡著了一般喧枷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天隧甚,我揣著相機與錄音车荔,去河邊找鬼。 笑死戚扳,一個胖子當著我的面吹牛忧便,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播帽借,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼珠增,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了砍艾?” 一聲冷哼從身側(cè)響起蒂教,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎脆荷,沒想到半個月后凝垛,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡蜓谋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年梦皮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片桃焕。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡届氢,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出覆旭,到底是詐尸還是另有隱情,我是刑警寧澤岖妄,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布型将,位于F島的核電站,受9級特大地震影響荐虐,放射性物質(zhì)發(fā)生泄漏七兜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一福扬、第九天 我趴在偏房一處隱蔽的房頂上張望腕铸。 院中可真熱鬧,春花似錦铛碑、人聲如沸狠裹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽涛菠。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間俗冻,已是汗流浹背礁叔。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留迄薄,地道東北人琅关。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像讥蔽,于是被迫代替她去往敵國和親涣易。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,486評論 2 348

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