掌握這十大原則瘫里,交互設(shè)計才算入門!

很多初入行的交互設(shè)計小白在剛開始做交互設(shè)計時荡碾,不知道從何入手谨读。其實,只要交互設(shè)計遵循“尼爾森十大可用性原則”坛吁,你做出的交互稿就不會太糟糕劳殖。熟練掌握十大可用性原則對于指導(dǎo)設(shè)計意義重大贼邓,可提升整個產(chǎn)品的可用性體驗。(建議收藏)

1. 狀態(tài)可見原則(Visibility of system status)

系統(tǒng)應(yīng)該讓用戶時刻清楚當(dāng)前發(fā)生了什么事情闷尿,并了解自己處于何種狀態(tài)

左側(cè)案例給予了充分提示且提供了建議的操作按鈕而右側(cè)案例中圖標(biāo)過大塑径、相關(guān)性不強(qiáng)且提示文字不夠明顯其他的案例有toast 提示提示、進(jìn)度條提示等填具,其中的顏色變化统舀、圖標(biāo)、文案均為狀態(tài)可見原則的體現(xiàn)

2.環(huán)境貼切原則 (Match between system and the real world)

環(huán)境貼切原則可以總結(jié)為兩點:

1)系統(tǒng)的設(shè)計需盡可能貼近用戶所在的環(huán)境(場景化設(shè)計)場景化設(shè)計在IOS系統(tǒng)上已經(jīng)有多處體現(xiàn)

例如:蘋果的抬頭喚起功能劳景、單手操作功能誉简、靜音鍵等

場景化設(shè)計在微信中也有多處體現(xiàn)

試想:按下說話的功能是否與對講機(jī)的操作類似呢?微信紅包的功能是否很貼近線下發(fā)紅包的場景盟广,把錢用紅包包封起來闷串,需要打開后才知道里面有多少錢呢?

2)涉及到專業(yè)化語言時要轉(zhuǎn)化成用戶熟悉的語言(說人話)

3.操作可控原則(User control and freedom)

1)對于刪除筋量、修改等風(fēng)險性操作需要給予充分的提醒烹吵,并提供撤回按鈕以防止誤操作

2)對于不可逆轉(zhuǎn)的操作需要多次提示或增加操作難度以防止誤操作

4.一致性原則(Consistency and standards)

產(chǎn)品需遵循統(tǒng)一的產(chǎn)品設(shè)計規(guī)范/邏輯,這里的統(tǒng)一包含了產(chǎn)品內(nèi)部和外部系統(tǒng)的統(tǒng)一

1)視覺上的統(tǒng)一

2)交互邏輯的統(tǒng)一

5.防錯原則(Error prevention)

設(shè)置防錯的機(jī)制桨武,減少用戶犯錯的幾率

6.識別好過記憶(Recognition rather than recall)

減少用戶記憶負(fù)荷肋拔,在適合的時機(jī)給用戶需要獲取的信息

7.靈活高效原則(Flexibility and efficiency of use)

提供靈活的操作和高效的獲取信息能力。減少用戶操作成本盡量減少用戶輸入呀酸,用選擇代替輸入凉蜂,比如搜索時提供熱門搜索、輸入時聯(lián)想詞匯性誉、輸入驗證碼時自動識別短信內(nèi)容

8.優(yōu)美且簡約原則(Aesthetic and minimalist design)

保留產(chǎn)品最主要的信息窿吩,如果不是優(yōu)先級最高,要盡一切可能避免去影響產(chǎn)品的簡潔和美觀错览。

9.容錯原則(Help users recognize, diagnose, and recover from errors)

用戶在使用產(chǎn)品過程中出現(xiàn)了問題纫雁,及時準(zhǔn)確的告知用戶出現(xiàn)問題的原因,并提供解決方案或建議蝗砾。

10.人性化幫助原則(Help and documentation)

在用戶需要的時候提供必要的幫助說明先较。例如:有道云筆記在收藏頁面右上角提供了如何收藏的操作說明

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末携冤,一起剝皮案震驚了整個濱河市悼粮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌曾棕,老刑警劉巖扣猫,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異翘地,居然都是意外死亡申尤,警方通過查閱死者的電腦和手機(jī)癌幕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來昧穿,“玉大人勺远,你說我怎么就攤上這事∈蓖遥” “怎么了胶逢?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長饰潜。 經(jīng)常有香客問我初坠,道長,這世上最難降的妖魔是什么彭雾? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任碟刺,我火速辦了婚禮,結(jié)果婚禮上薯酝,老公的妹妹穿的比我還像新娘半沽。我一直安慰自己,他們只是感情好吴菠,可當(dāng)我...
    茶點故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布抄囚。 她就那樣靜靜地躺著,像睡著了一般橄务。 火紅的嫁衣襯著肌膚如雪幔托。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天蜂挪,我揣著相機(jī)與錄音重挑,去河邊找鬼。 笑死棠涮,一個胖子當(dāng)著我的面吹牛谬哀,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播严肪,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼史煎,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了驳糯?” 一聲冷哼從身側(cè)響起悠鞍,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎甩鳄,沒想到半個月后瓢剿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡帘睦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年袍患,在試婚紗的時候發(fā)現(xiàn)自己被綠了坦康。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡诡延,死狀恐怖滞欠,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情肆良,我是刑警寧澤仑撞,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站妖滔,受9級特大地震影響隧哮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜座舍,卻給世界環(huán)境...
    茶點故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一沮翔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧曲秉,春花似錦采蚀、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至亥鸠,卻和暖如春妆够,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背负蚊。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工神妹, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人家妆。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓鸵荠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親伤极。 傳聞我的和親對象是個殘疾皇子蛹找,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,509評論 2 348

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