人機(jī)交互主流設(shè)計(jì)原則【干貨】
- 2019-08-08 17:46
- 來源/作者:吳軼/吳軼
- 己被圍觀 次
本篇文章要講的設(shè)計(jì)原則包含六類: 1.尼爾森十大可用性原則 2.三大原則定律 3.Ant Design設(shè)計(jì)原則 4.微信小程序設(shè)計(jì)原則 5.iOS設(shè)計(jì)原則 6.Material Dedign 設(shè)計(jì)原則
本篇文章要講的設(shè)計(jì)原則包含六類:
- 1.尼爾森十大可用性原則
- 2.三大原則定律
- 3.Ant Design設(shè)計(jì)原則
- 4.微信小程序設(shè)計(jì)原則
- 5.iOS設(shè)計(jì)原則
- 6.Material Dedign 設(shè)計(jì)原則
尼爾森十大可用性原則
尼爾森(Jakob Nielsen)是一位人機(jī)交互學(xué)博士,于1995年1月1日發(fā)表了「十大可用性原則」。十大可用性原則不僅適用于Web端,也適用于移動(dòng)端。
熟練掌握十大可用性原則對(duì)于指導(dǎo)設(shè)計(jì)來說意義重大,可提升整個(gè)產(chǎn)品的可用性體驗(yàn)。
十大可用性原則分別為:狀態(tài)可感知、貼近用戶認(rèn)知、操作可控、一致性、防錯(cuò)、識(shí)別好過回憶、靈活高效、美學(xué)和最簡(jiǎn)主義原則、容錯(cuò)、人性化幫助。
原則一 狀態(tài)可感知
定義:告知系統(tǒng)的當(dāng)前狀態(tài),讓用戶可清晰的感知所處的操作狀態(tài)。
例如:淘寶注冊(cè),用戶所處流程情況通過步驟條,可以清晰告知用戶注冊(cè)整體的注冊(cè)流程狀態(tài)。

例如:微信轉(zhuǎn)發(fā)消息,發(fā)送成功時(shí),通過底部的snakcbar提示告知用戶轉(zhuǎn)發(fā)成功。
原則二 貼近用戶認(rèn)知
定義:盡量將生活中的邏輯和設(shè)計(jì)邏輯保持統(tǒng)一,這樣就會(huì)更貼近用戶的認(rèn)知,用戶上手成本也就更低。
例如:iOS7之前的iPhone解鎖,滑動(dòng)解鎖,這和生活中的用戶側(cè)拉開門的場(chǎng)景一樣。這個(gè)設(shè)計(jì)非常貼切日常生活認(rèn)知,用戶上手成本特別低。

例如:微信紅包的設(shè)計(jì),紅包樣式和現(xiàn)實(shí)中用戶認(rèn)知的紅包基本一致,都是紅色且外觀相似。
用戶要發(fā)紅包時(shí),先要塞錢進(jìn)紅包。其他人點(diǎn)擊紅包時(shí),有一個(gè)拆開的按鈕,用戶拆開就會(huì)存入零錢,整個(gè)流程完全貼近用戶的生活認(rèn)知。
原則三 操作可控
定義:用戶對(duì)于行為可預(yù)期可控制。對(duì)于用戶的誤操作,提供二次確認(rèn)或者撤銷的功能,這樣可提高用戶的操作可控性。
例如:移動(dòng)端中對(duì)于毀滅性操作,大部分都做二次確認(rèn),這樣是防止用戶誤操作帶來的刪除損失。用戶不用因?yàn)椴僮鲙淼男睦镓?fù)擔(dān),從而提升操作可控性。
例如:微信聊天對(duì)話列表,用戶刪除列表,由于會(huì)清空消息記錄,因此,通過對(duì)話框提示用戶,這種做法可提升操作可控。
例如:gmail郵箱,用戶發(fā)送郵件成功后,可點(diǎn)擊撤回操作。
原則四 一致性
定義:遵循統(tǒng)一的產(chǎn)品設(shè)計(jì)規(guī)范/邏輯。這里的一致性也包含產(chǎn)品和跨平臺(tái)產(chǎn)品之間的一致性。
產(chǎn)品間的一致性,包含視覺和交互的一致性,無論是文案、視覺風(fēng)格、組件樣式等都包含一致性。
例如:微信的卡片結(jié)構(gòu)設(shè)計(jì),列表的提示文案都是卡片里面,這個(gè)遵循Material design設(shè)計(jì)規(guī)范,ios中設(shè)計(jì)則提示語在卡片下方。

原則五 防錯(cuò)
定義:設(shè)置防錯(cuò)的機(jī)制,減少用戶犯錯(cuò)。避免因?yàn)闆]有做防錯(cuò)措施,導(dǎo)致用戶去犯錯(cuò)誤。
例如:微信朋友圈發(fā)動(dòng)態(tài)時(shí),什么都沒有輸入時(shí),發(fā)表按鈕置灰。如果不置灰時(shí),點(diǎn)擊發(fā)送是空數(shù)據(jù),是不允許發(fā)送的。所以防錯(cuò)設(shè)計(jì)可以減少用戶出錯(cuò)概率。

原則六 識(shí)別好過回憶
定義:減少用戶記憶負(fù)荷,盡量提供用戶需要獲取的信息。
例如:boss直聘,二次篩選時(shí),所有填寫是我篩選條件都展示出來,方便用戶查看和修改。

例如:三星手機(jī)相冊(cè),當(dāng)刪除相冊(cè)時(shí),對(duì)話框會(huì)把選擇刪除的數(shù)量標(biāo)題上展示,提示用戶會(huì)刪除多少張,減少用戶回憶。

原則七 靈活高效
定義:提供靈活的操作和高效的獲取信息的操作。
例如:mac原生郵件客戶端上,提供過濾方式:未讀,點(diǎn)擊未讀即可篩選出所有未讀的郵件,靈活高效。

例如:短信提供批量刪除和全選刪除,這也是靈活高效的一個(gè)常見范例。

原則八 美學(xué)和最簡(jiǎn)主義原則
定義:保留產(chǎn)品最核心的信息,如果不是視覺信息優(yōu)先級(jí)不是普適需求,要盡一切可能避免去影響產(chǎn)品的簡(jiǎn)潔和美觀。
qq空間和微信朋友圈的feed流形成比較明顯的對(duì)比。相比于qq空間,微信朋友圈更符合美學(xué)和最簡(jiǎn)主義原則。

原則九 容錯(cuò)
定義:用戶在使用產(chǎn)品過程中出現(xiàn)了問題,及時(shí)準(zhǔn)確的告知用戶出現(xiàn)問題的原因。
例如:淘寶注冊(cè)時(shí),用戶輸入手機(jī)號(hào)時(shí),光標(biāo)離開輸入框時(shí),進(jìn)行較驗(yàn),如果手機(jī)格式錯(cuò)誤會(huì)出現(xiàn)原位提示用戶手機(jī)格式不正確。
例如:郵件發(fā)送失敗時(shí),會(huì)提示用戶郵件已保存至發(fā)件箱。

原則十 人性化幫助
定義:在用戶可能需要的時(shí)候,提供必要的幫助說明。
例如:在淘寶注冊(cè)時(shí),用戶注冊(cè)失敗影響注冊(cè)成功率,提供幫助入口,提高用戶注冊(cè)率。

三大原則定律
三大原則定律包括:格式塔原則、菲茨定律和剃刀法則。
(責(zé)任編輯:PS家園網(wǎng))
*PSjia.COM 傾力出品,轉(zhuǎn)載請(qǐng)注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) 主流設(shè)計(jì) 主流設(shè)計(jì)原則




