UX小課堂:交互設(shè)計原則

為什么蘋果的接聽電話使用滑動的交互骗露?我們都知道,因為“滑動”交互的容錯率檻比“點擊”高血巍,如果通過“點擊”來接聽電話萧锉,那么在手機放在褲兜里的場景下就很容易誤觸發(fā)。防錯述寡,是設(shè)計中不可忽視的原則之一柿隙。除此之外,在設(shè)計過程中我們會依據(jù)更多的原則來評估或指導(dǎo)設(shè)計鲫凶。

但原則并非憑空出現(xiàn)禀崖,而是經(jīng)過學(xué)者們驗證沉淀而來。無獨有偶螟炫,雖然學(xué)者們對原則有各自的見解波附,但它們卻有著極高的相似性。所以不恭,為了可以更全面地認(rèn)知這些原則叶雹,我結(jié)合了尼爾森十大可用性原則、《設(shè)計心理學(xué)》换吧、《點石成金》折晦、《About Face》、蘋果設(shè)計原則等經(jīng)典資料沾瓦,總結(jié)歸納出了以下幾點满着。


可見


功能/信息可見:主要功能和信息必須顯而易見谦炒,而且還要正確地傳達給用戶。

狀態(tài)可見:告知系統(tǒng)的現(xiàn)行狀態(tài)风喇,讓用戶知道所處的操作狀態(tài)宁改。

即時反饋:用戶的每一步操作必須得到及時的、明顯的反饋魂莫,使用戶知道某一操作是否已經(jīng)完成以及操作所產(chǎn)生的結(jié)果还蹲。


匹配


貼切用戶環(huán)境:系統(tǒng)的一切表現(xiàn)和表述,應(yīng)該盡可能貼近用戶所在的環(huán)境(年齡耙考、學(xué)歷谜喊、文化、時代背景)倦始;利用物理環(huán)境類比和文化標(biāo)準(zhǔn)理念斗遏,讓用戶一看就明白如何使用的產(chǎn)品。

遵循用戶的心理模式:提供一個匹配用戶心理模式的概念模式鞋邑,讓用戶能夠預(yù)測操作行為的效果诵次,使行為效果符合用戶預(yù)期。


包容


容許用戶反悔:保證用戶在系統(tǒng)上有較高的自由度枚碗,讓用戶能隨時退出操作進程逾一,隨時撤回,隨時返回视译,隨時恢復(fù)初始值嬉荆,使用戶能自由探索和嘗試。

容許用戶出錯:用戶在使用產(chǎn)品過程中出現(xiàn)了問題酷含,及時準(zhǔn)確告知用戶出現(xiàn)問題的原因及糾正方法鄙早。


一致


提供一致的模式:視覺一致性,使用相同感知方式的視覺元素椅亚;功能一致性限番,使用相同的運行方式和類似控件構(gòu)成功能;內(nèi)部一致性呀舔,產(chǎn)品內(nèi)部保持一致弥虐;外部一致性,跨平臺產(chǎn)品或者矩陣產(chǎn)品也遵循統(tǒng)一的產(chǎn)品設(shè)計規(guī)范/邏輯媚赖。

循平臺規(guī)范霜瘪。


防錯


預(yù)判出錯可能:預(yù)判用戶可能發(fā)生的行為,防止用戶容易混淆或者錯誤的選擇惧磺。

提前告知風(fēng)險:在執(zhí)行具有破壞操作前颖对,告知用戶可能存在的風(fēng)險。

約束:適當(dāng)?shù)叵拗葡到y(tǒng)的操作磨隘,可引導(dǎo)用戶使用正確的操作方式缤底。

提高操作門檻:增加那些不能逆轉(zhuǎn)的操作的難度顾患,隱藏危險的功能。

提供預(yù)覽:使用戶能夠比較直觀地及時發(fā)現(xiàn)并糾正差錯个唧。


減少負(fù)擔(dān)


識別江解,而非記憶:盡量減少用戶操作目標(biāo)的記憶負(fù)荷,動作和選項都應(yīng)該可見徙歼;用戶不必記住一個頁面到另一個頁面的信息犁河;系統(tǒng)的使用說明應(yīng)該是可見或者是容易獲取的。

提供上下文魄梯,而不是孤立記憶:提供合適的上下文能讓用戶被打斷后能快速反應(yīng)他需要做什么呼股。

漸進式呈現(xiàn):將信息漸進地呈現(xiàn),在適合的時機給用戶需要獲取的信息画恰,而不是一次性將所有信息暴露給用戶。

隱喻:讓用戶能從現(xiàn)實世界的機制中獲取靈感去理解系統(tǒng)吸奴。

符合用戶習(xí)慣:用戶會在其他系統(tǒng)中養(yǎng)成習(xí)慣允扇,在新系統(tǒng)中保留用戶習(xí)慣,以最大程度減少學(xué)習(xí)成本则奥。


靈活高效


直接操作:允許用戶直接操作系統(tǒng)元素考润,而不是通過其他元素來控制。

減少操作步驟:減少不必要的操作步驟读处,或?qū)⒉襟E轉(zhuǎn)移給系統(tǒng)糊治。

超文本:將不同空間的信息組織在一起,當(dāng)用戶想知道某個信息的相關(guān)信息時罚舱,直接獲取井辜。

自定義:允許用戶按自己喜好定義系統(tǒng)功能。

支持批量:為重復(fù)性極高的事件管闷,提供批量處理粥脚。

提供快捷方式:為極高頻事件提供快捷方式,快捷鍵包个、快捷入口刷允、一鍵xx...


簡潔


為掃描設(shè)計,不為閱讀設(shè)計:用戶瀏覽系統(tǒng)的動作不是讀碧囊,不是看树灶,而是掃。易掃糯而,意味著突出重點天通,弱化和剔除無關(guān)信息。

建立清楚的視覺層次歧蒋。

把頁面劃分明確定義的區(qū)域土砂。

降低視覺噪聲:先假定所有都是視覺噪聲州既,除非證明他們不是。


提供幫助


幫助文檔:如果系統(tǒng)不適用文檔時最好的萝映,但有必要提供幫助和文檔吴叶。任何信息容易去搜索,專注用戶的任務(wù)序臂,列出具體的步驟來進行蚌卤。

適時提供:在用戶需要的時候提供必要的幫助說明,而不是隨意干擾用戶奥秆。

易讀的文檔:合理分類和組織逊彭;采用索引;允許用戶通過搜索的方式來找到相關(guān)幫助信息构订;幫助主題和相關(guān)功能相互鏈接跳轉(zhuǎn)侮叮。


多走半步


行為預(yù)測:盡量猜測用戶的行為,在低干擾的情況下自動幫用戶完成悼瘾,而且允許用戶糾錯囊榜。

情境感知:利用多維數(shù)據(jù),感知用戶所處情境亥宿,提供預(yù)設(shè)方案卸勺。


調(diào)動積極情感


增強互動:系統(tǒng)可以給予用戶積極的反饋或貼心的提示。

制造驚喜:在特殊的場景下烫扼,埋下彩蛋讓用戶不經(jīng)意發(fā)現(xiàn)曙求。

烘托情境:通過情感化的表達,激起用戶回憶映企,引起共鳴悟狱。

降低焦慮:系統(tǒng)應(yīng)盡量避免用戶等待,至少在等待過程中可以做其他事情堰氓,緩解等待的焦慮芽淡。


最后,還是老土說一句豆赏,原則并非牢不可破挣菲,甚至各種原則會有沖突的情況,最終我們還是應(yīng)該還原到用戶場景思考問題掷邦。盡信書不如無書白胀。


作者:genrry,公眾號:設(shè)計師阿余抚岗。熱愛設(shè)計或杠,關(guān)注用戶體驗,分享設(shè)計思考宣蔚。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末向抢,一起剝皮案震驚了整個濱河市认境,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌挟鸠,老刑警劉巖叉信,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異艘希,居然都是意外死亡硼身,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門覆享,熙熙樓的掌柜王于貴愁眉苦臉地迎上來佳遂,“玉大人,你說我怎么就攤上這事撒顿〕笞铮” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵凤壁,是天一觀的道長巍糯。 經(jīng)常有香客問我,道長客扎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任罚斗,我火速辦了婚禮徙鱼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘针姿。我一直安慰自己袱吆,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布距淫。 她就那樣靜靜地躺著绞绒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪榕暇。 梳的紋絲不亂的頭發(fā)上蓬衡,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天,我揣著相機與錄音彤枢,去河邊找鬼狰晚。 笑死,一個胖子當(dāng)著我的面吹牛缴啡,可吹牛的內(nèi)容都是我干的壁晒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼业栅,長吁一口氣:“原來是場噩夢啊……” “哼秒咐!你這毒婦竟也來了谬晕?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤携取,失蹤者是張志新(化名)和其女友劉穎攒钳,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體歹茶,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡夕玩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了惊豺。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片燎孟。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖尸昧,靈堂內(nèi)的尸體忽然破棺而出揩页,到底是詐尸還是另有隱情,我是刑警寧澤烹俗,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布爆侣,位于F島的核電站,受9級特大地震影響幢妄,放射性物質(zhì)發(fā)生泄漏兔仰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一蕉鸳、第九天 我趴在偏房一處隱蔽的房頂上張望乎赴。 院中可真熱鬧,春花似錦潮尝、人聲如沸榕吼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽羹蚣。三九已至,卻和暖如春乱凿,著一層夾襖步出監(jiān)牢的瞬間顽素,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工徒蟆, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留戈抄,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓后专,卻偏偏與公主長得像划鸽,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

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