在日常使用移動(dòng)端或PC端產(chǎn)品時(shí),不知你有沒(méi)有這樣的體會(huì)?
出現(xiàn)這些問(wèn)題的,如何解決呢?
推薦一個(gè)比較實(shí)用的設(shè)計(jì)法則,這個(gè)法則已經(jīng)有很多的文章說(shuō)明了,可以說(shuō)現(xiàn)在的任何互聯(lián)網(wǎng)產(chǎn)品都能看到這些理論的實(shí)踐,本次主要想以比較多的案列進(jìn)行實(shí)戰(zhàn)分析。
尼爾森的十大可用性原則是尼爾森博士在分析了兩百多個(gè)可用性問(wèn)題的基礎(chǔ)上,提煉出的十項(xiàng)交互設(shè)計(jì)原則。被廣泛運(yùn)用于網(wǎng)頁(yè)、APP以及各種人機(jī)交互領(lǐng)域。
要注意的是,這10項(xiàng)原則是啟發(fā)式(heuristics)的、廣泛的經(jīng)驗(yàn)法則,可以指導(dǎo)我們更具價(jià)值的思考界面設(shè)計(jì)。
設(shè)計(jì)原則都可靈活運(yùn)用于各個(gè)地方,可以是交互設(shè)計(jì),也可以是界面設(shè)計(jì),深入了解各種設(shè)計(jì)原則,讓設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候可以找到更好的解決方案,提高用戶(hù)的使用體驗(yàn)。
理論介紹
雅各布·尼爾森(Jakob Nielsen)是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機(jī)交互博士,被譽(yù)為可用性測(cè)試的鼻祖,2006年4月,并被納入美國(guó)計(jì)算機(jī)學(xué)會(huì)人機(jī)交互學(xué)院,被賦予人機(jī)交互實(shí)踐的終身成就獎(jiǎng)。
尼爾森于1995年1月1日發(fā)表了「十大可用性原則」,該原則被廣大設(shè)計(jì)師奉為教科書(shū)般的存在。雖然20多年過(guò)去了,但是對(duì)于現(xiàn)今的產(chǎn)品體驗(yàn)設(shè)計(jì)仍然具有很大的參考意義。
人機(jī)交互的基本原則是,讓系統(tǒng)和用戶(hù)之間保持良好的溝通和信息傳遞。系統(tǒng)要告知用戶(hù)發(fā)生了什么,預(yù)期是什么,如果系統(tǒng)不能及時(shí)向用戶(hù)反饋合適的信息,用戶(hù)必然會(huì)感到失控和焦慮,不知道下一步要做什么。
界面狀態(tài)分為兩種:靜態(tài)和動(dòng)態(tài)。
靜態(tài)即用戶(hù)通過(guò)界面查閱,明確知道自己的位置、處于何種狀態(tài),或者知道界面數(shù)據(jù)的狀態(tài)。動(dòng)態(tài)即用戶(hù)在進(jìn)行界面操作時(shí),系統(tǒng)應(yīng)當(dāng)立刻提供反饋,告訴用戶(hù)該項(xiàng)操作被系統(tǒng)接受,讓用戶(hù)對(duì)操作感知及判斷。
該原則在設(shè)計(jì)中的體現(xiàn):
1、狀態(tài)可見(jiàn)性-位置可見(jiàn)
告訴用戶(hù)處在系統(tǒng)的什么位置,特別是對(duì)于新用戶(hù),需要提供必要的信息,否則容易迷惑。比如:導(dǎo)航菜單、面包屑、標(biāo)簽頁(yè)、步驟條、分頁(yè)器等等。
相比于C端產(chǎn)品,B端產(chǎn)品在頁(yè)面層級(jí)往往更為復(fù)雜。因此,讓用戶(hù)明確當(dāng)前所處的位置尤為重要,這也就突顯出了導(dǎo)航的重要性。設(shè)計(jì)師在設(shè)計(jì)的過(guò)程中,要注意提供上下文線(xiàn)索,避免用戶(hù)迷路。
2、狀態(tài)可見(jiàn)性-進(jìn)度條
告知用戶(hù)系統(tǒng)運(yùn)行的狀態(tài)信息,比如進(jìn)度、內(nèi)容加載時(shí),增加用戶(hù)掌控感。
最經(jīng)典的案例莫過(guò)于Loading頁(yè)的進(jìn)度條了,無(wú)論是加載頁(yè)面還是下載內(nèi)容,一個(gè)清晰的進(jìn)度條可以讓用戶(hù)隨時(shí)掌控進(jìn)度,同時(shí)也可以用具體的數(shù)字更加明確的表示,比如:安裝程序時(shí)顯示進(jìn)度條,并預(yù)估還需要多久結(jié)束,播放音樂(lè)時(shí)顯示進(jìn)度條,并提示預(yù)估剩余時(shí)間。
3、狀態(tài)可見(jiàn)性-操作反饋
系統(tǒng)適當(dāng)反饋是用戶(hù)界面設(shè)計(jì)的最基本準(zhǔn)則。當(dāng)用戶(hù)在與系統(tǒng)進(jìn)行交互時(shí),應(yīng)當(dāng)在各個(gè)階段為用戶(hù)提供必要、積極且即時(shí)的反饋,同時(shí)也要避免過(guò)度反饋打擾用戶(hù)。可以使用的形式包括但不局限于:
操作反饋:點(diǎn)擊頁(yè)面跳轉(zhuǎn)、按鈕點(diǎn)擊狀態(tài)、警告提示、輸入反饋等等;
結(jié)果反饋:非模態(tài)彈窗,輕量化感知系統(tǒng)內(nèi)容反饋。(反饋內(nèi)容應(yīng)盡量不要打斷用戶(hù)操作,所以一般采用toast形式,反饋結(jié)果后及時(shí)消失。)
情感反饋:搜索沒(méi)有結(jié)果時(shí),沒(méi)有數(shù)據(jù)等等空狀態(tài)。
還可以通過(guò)元素的顏色位置、界面元素變化、文字、聲音和震動(dòng),甚至動(dòng)效等多種形式給予用戶(hù)提示反饋。
注意,越是消極的反饋,比如網(wǎng)絡(luò)連接失敗、系統(tǒng)錯(cuò)誤等,越是要及時(shí)告知用戶(hù),同時(shí)提醒用戶(hù)采取適當(dāng)措施。比如:1、提交表單時(shí),如果校驗(yàn)失敗,則在填寫(xiě)有誤的內(nèi)容旁邊提示錯(cuò)誤原因;2、程序未響應(yīng)時(shí),系統(tǒng)會(huì)讓用戶(hù)選擇是關(guān)閉程序還是等待程序響應(yīng);
4、狀態(tài)可見(jiàn)性-合理的時(shí)間
系統(tǒng)應(yīng)該在合理的時(shí)間內(nèi),給予用戶(hù)適當(dāng)?shù)姆答?,讓用?hù)了解正在發(fā)生的事情。
當(dāng)系統(tǒng)反饋時(shí)間小于1秒,通常正常反饋即可;相反長(zhǎng)于1秒時(shí),我們通常會(huì)通過(guò)加載動(dòng)畫(huà)、占位符、分步加載等方式,減緩用戶(hù)等待的焦慮感。如果超過(guò)10秒還沒(méi)有得到相應(yīng),那么通常會(huì)認(rèn)為這次請(qǐng)求是失敗的,需要給用戶(hù)失敗提示。
例如:下載提示、刷新提示、支付提示、新頁(yè)面加載提示等。
系統(tǒng)盡可能貼切用戶(hù)所在的真實(shí)環(huán)境。把復(fù)雜的系統(tǒng)語(yǔ)言換成用戶(hù)看得懂的語(yǔ)言;環(huán)境貼切原則的根本目標(biāo)是讓用戶(hù)可以快速上手產(chǎn)品,降低學(xué)習(xí)成本。
《iPhone人機(jī)交互指南》里提到的隱喻與擬物化是很好的實(shí)踐。此外,還應(yīng)該使用易懂和約定俗成的表達(dá)。
該原則在設(shè)計(jì)中的體現(xiàn):
1、環(huán)境貼切-易理解的語(yǔ)言
這里說(shuō)的語(yǔ)言不僅僅包括文案層面的語(yǔ)言,還包括產(chǎn)品的設(shè)計(jì)語(yǔ)言(圖形、配色、風(fēng)格、動(dòng)效、手勢(shì)等)設(shè)計(jì)語(yǔ)言都應(yīng)該是易于用戶(hù)理解和認(rèn)知的。產(chǎn)品使用的語(yǔ)言應(yīng)該是目標(biāo)用戶(hù)能夠清晰理解的。如果用戶(hù)不能理解,他們會(huì)感到被忽視和受挫敗,許多人將選擇其他產(chǎn)品完成目標(biāo)。
從設(shè)計(jì)心理學(xué)角度來(lái)講,用戶(hù)在使用產(chǎn)品的過(guò)程中,其大腦會(huì)“優(yōu)待”較常用的記憶內(nèi)容和操作形式,有意抑制那些相似但不常用的內(nèi)容,以便減輕認(rèn)知負(fù)擔(dān),防止混淆,這種習(xí)慣從某種程度上來(lái)說(shuō)屬于“熟知記憶”。
比如細(xì)分市場(chǎng)的產(chǎn)品,針對(duì)中老年、青年、兒童的產(chǎn)品或商務(wù)、娛樂(lè)的產(chǎn)品,都要分別使用符合自己的定位的語(yǔ)言。
反面案例就是windows系統(tǒng)出錯(cuò)了頁(yè)面,一堆亂碼,看不懂又很慌張,就很不友好。另外還有一點(diǎn),很多大公司的app都會(huì)針對(duì)他們不同國(guó)家的用戶(hù)群體進(jìn)行各種語(yǔ)言的翻譯處理。
為了照顧不同國(guó)家的用戶(hù)的使用習(xí)慣對(duì)頁(yè)面結(jié)構(gòu)布局,風(fēng)格,語(yǔ)言,字體,包括交互方式都會(huì)做特殊處理。這就是場(chǎng)景貼合原則。
2、環(huán)境貼切-模擬現(xiàn)實(shí)世界對(duì)象
模仿現(xiàn)實(shí)世界的產(chǎn)品或者使用映射,能夠利用人們現(xiàn)有的知識(shí),可以顯著的降低用戶(hù)的認(rèn)知和學(xué)習(xí)困難,并增加他們的使用興趣。
比較好的案例就是iOS原生的計(jì)算器、指南針,微信紅包都是模仿了現(xiàn)實(shí)世界的產(chǎn)品。
3、環(huán)境貼切-符合現(xiàn)實(shí)世界隱喻
從現(xiàn)實(shí)世界中借鑒的設(shè)計(jì)元素可明顯降低用戶(hù)的認(rèn)知和學(xué)習(xí)難度,并且增加興趣。最有代表性的就是網(wǎng)易云的音樂(lè)播放界面圖形隱喻表達(dá)。美團(tuán)APP的母嬰類(lèi)目icon的設(shè)計(jì)非常有趣,且非常容易理解和使用,讓人印象深刻。
4、環(huán)境貼切-操作手勢(shì)符合聯(lián)想
使用的操作手勢(shì),應(yīng)該是用戶(hù)自然就能聯(lián)想到的,不要?jiǎng)?chuàng)造、更改操作手勢(shì)的意義。
5、環(huán)境貼切-自然的動(dòng)效
動(dòng)效的加載樣式應(yīng)符合自然規(guī)律,需要平緩過(guò)渡,而不是生硬的加載效果。比如:網(wǎng)易云音樂(lè)播放時(shí)唱片轉(zhuǎn)動(dòng)、停止播放時(shí)唱片自動(dòng)移開(kāi),有趣且有效。
用戶(hù)在使用產(chǎn)品的過(guò)程中,誤操作是經(jīng)常發(fā)生的事情,系統(tǒng)應(yīng)提供撤銷(xiāo)和重做功能,讓用戶(hù)具有對(duì)產(chǎn)品的控制性與自由度。
用戶(hù)可控原則的根本目標(biāo)是讓用戶(hù)可以在界面自由操作,而且無(wú)需為操作不當(dāng)承擔(dān)責(zé)任。
該原則在設(shè)計(jì)中的體現(xiàn):
1、可控原則-可自由導(dǎo)航
清晰便捷的導(dǎo)航方式,使用戶(hù)可自由控制返回和跳轉(zhuǎn)的頁(yè)面。
由于B端系統(tǒng)的復(fù)雜性,有些功能的層級(jí)會(huì)比較深。彈窗A中的某個(gè)操作可能會(huì)觸發(fā)彈窗B的彈出,如果彈窗A和B承載的功能具有父級(jí)和子級(jí)的關(guān)系,同樣需要考慮「返回」的功能以及清晰的層級(jí)關(guān)系。
2、可控原則-可自由返回撤銷(xiāo)
用戶(hù)在使用系統(tǒng)的過(guò)程也是一個(gè)試錯(cuò)的過(guò)程,系統(tǒng)要讓用戶(hù)覺(jué)得自己的行為是可控的,可以犯錯(cuò),并且在犯錯(cuò)之后可以反悔。用戶(hù)在使用產(chǎn)品時(shí)可以自由進(jìn)退,遵循從哪里來(lái)就返回到哪里去的原則。當(dāng)用戶(hù)誤操作時(shí)要給用戶(hù)提供撤銷(xiāo)、取消、重做等相關(guān)功能。不可逆的操作要給用戶(hù)明顯的提示。
比如微信聊天是可以撤回的,并且撤回之后還支持重新編輯;對(duì)于我這種打字總是出錯(cuò)的人簡(jiǎn)直就是福利。iphone相冊(cè)刪除照片后,支持在短期內(nèi)找回;在word中編輯文檔時(shí),支持撤銷(xiāo)和恢復(fù),保存的同時(shí),還能查看歷史保存記錄。
回收站功能:讓用戶(hù)更有自由度,增加用戶(hù)安全感,可控的找回誤刪除資源。
3、可控原則-不可逆轉(zhuǎn)的操作需要警告
系統(tǒng)在重要的不可逆轉(zhuǎn)的操作需要給用戶(hù)提供二次確認(rèn)或者撤銷(xiāo)的功能,這樣可提高用戶(hù)的操作可控性。在產(chǎn)品設(shè)計(jì)上,防止用戶(hù)常見(jiàn)的誤操作。比如很多產(chǎn)品在涉及到內(nèi)容的刪除操作時(shí),經(jīng)常會(huì)有彈窗提醒,讓用戶(hù)再次確認(rèn)。這樣是防止用戶(hù)誤操作帶來(lái)的刪除損失。用戶(hù)不用因?yàn)椴僮鲙?lái)心理負(fù)擔(dān),從而提升操作可控性。
比如iPhone ios系統(tǒng):
1、常見(jiàn)的二次確認(rèn)主要可以通過(guò)以下方式實(shí)現(xiàn):通過(guò)文字提示,用戶(hù)閱讀后點(diǎn)擊是與否來(lái)進(jìn)行下一步;
2、通過(guò)動(dòng)作,用戶(hù)通過(guò)輸入特定字符或者完成驗(yàn)證碼拖拽等操作才可進(jìn)行下一步操作;
3、通過(guò)身份校驗(yàn),用戶(hù)需要提交個(gè)人身份信息以完成校驗(yàn);
整個(gè)系統(tǒng)要保持產(chǎn)品結(jié)構(gòu)架構(gòu)、導(dǎo)航、用語(yǔ)、色彩、操作行為交互的一致性與標(biāo)準(zhǔn)性,遵循平臺(tái)慣例與行業(yè)標(biāo)準(zhǔn)。我們?cè)谠O(shè)計(jì)中常見(jiàn)的制作平臺(tái)規(guī)范,其實(shí)就是為了保證平臺(tái)設(shè)計(jì)的一致性。
一致性原則的根本目的是保證產(chǎn)品的專(zhuān)業(yè)性,給用戶(hù)帶去統(tǒng)一的體驗(yàn)感受。
該原則在設(shè)計(jì)中的體現(xiàn):
1、一致性-產(chǎn)品內(nèi)部一致
遵循產(chǎn)品內(nèi)部的慣例,可幫助用戶(hù)快速學(xué)習(xí)使用產(chǎn)品功能。產(chǎn)品內(nèi)部的一致性包含:產(chǎn)品功能框架、文字、設(shè)計(jì)風(fēng)格、布局、反饋等等。
比如:小熊藝術(shù)app,一款針對(duì)孩子學(xué)習(xí)美術(shù)的app,不管是首頁(yè)、個(gè)人中心以及加載等頁(yè)面,風(fēng)格保持一致性都是主打清新黃色+可愛(ài)icon。黃色小熊更是在不同的合適的時(shí)機(jī)出現(xiàn),banner、加載,課程動(dòng)畫(huà)中等。不僅風(fēng)格一致性、布局、反饋等產(chǎn)品內(nèi)部保持一致性,也形成了統(tǒng)一的品牌傳達(dá)。
但是,有時(shí)候?yàn)榱诉_(dá)到產(chǎn)品目標(biāo),偶爾也會(huì)故意采用不一致的設(shè)計(jì)。
比如:常見(jiàn)的對(duì)話(huà)框都將“確定”按鈕放在右邊位置,所以用戶(hù)在操作時(shí),很容易產(chǎn)生條件反射,順手點(diǎn)擊右邊按鈕,然后才突然發(fā)現(xiàn)自己點(diǎn)錯(cuò)了。雖然看起來(lái)有些別扭甚至很多人不喜歡,但是很有效,這種設(shè)計(jì)在軟件卸載、App取消會(huì)員訂閱等操作中非常常見(jiàn),主要是為了做一些心理暗示和引導(dǎo),避免用戶(hù)卸載或退訂。
2、一致性-交互行為一致
交互和用戶(hù)的習(xí)慣一致,意味著用戶(hù)不再需要重新學(xué)習(xí),各種應(yīng)用之間的切換沒(méi)有學(xué)習(xí)成本。我們?cè)谇捌谝呀?jīng)培養(yǎng)好用戶(hù)的使用習(xí)慣,那么就不要輕易改變,減少用戶(hù)的認(rèn)知成本與學(xué)習(xí)成本。
例如:常見(jiàn)的頁(yè)面的后退或返回都在屏幕左上角、搜索欄都在屏幕最上方、菜單欄都懸浮在屏幕底部。
3、一致性-迭代產(chǎn)品一致
當(dāng)產(chǎn)品線(xiàn)進(jìn)行更新迭代的時(shí)候,應(yīng)該保留用戶(hù)既有的交互和操作習(xí)慣,用戶(hù)在上一個(gè)版本形成的交互認(rèn)知在下一個(gè)版本是否能被沿用,這對(duì)于用戶(hù)來(lái)說(shuō)在產(chǎn)品體驗(yàn)上會(huì)造成很大的干擾。
比如微信的多年的迭代,底部tab功能一直都是這樣,主要功能入口一致沒(méi)有變化,就體現(xiàn)了迭代產(chǎn)品的一致性。
4、一致性-同一團(tuán)隊(duì)/公司產(chǎn)品線(xiàn)一致
Office軟件中包含的各個(gè)產(chǎn)品,其界面布局和設(shè)計(jì)風(fēng)格都保持了高度一致,如下圖所示是PowerPoint和Word的界面,可以看出,二者的“插入”一級(jí)菜單下所包含功能的排列順序、布局方式乃至圖標(biāo)圖形,都是高度類(lèi)似的。
5、一致性-設(shè)計(jì)語(yǔ)言一致
遵循統(tǒng)一的產(chǎn)品設(shè)計(jì)規(guī)范/邏輯。這里的一致性包含產(chǎn)品和跨平臺(tái)產(chǎn)品之間的一致性。確保整個(gè)系統(tǒng)的結(jié)構(gòu)一致性、色彩一致性、操作一致性、反饋一致性、同種組件樣式保持一致等設(shè)計(jì)語(yǔ)言都遵循同一套設(shè)計(jì)規(guī)則。
比如,產(chǎn)品內(nèi)相同顏色的反復(fù)出現(xiàn),為產(chǎn)品打造視覺(jué)錘符號(hào),強(qiáng)化產(chǎn)品在用戶(hù)心中的記憶點(diǎn)。符合平臺(tái)設(shè)計(jì)規(guī)范,
蘋(píng)果系統(tǒng)參照人機(jī)交互設(shè)計(jì)指南設(shè)計(jì)規(guī)范,安卓系統(tǒng)參照Material Design設(shè)計(jì)規(guī)范,或者直接參照自己團(tuán)隊(duì)的的設(shè)計(jì)規(guī)范,應(yīng)該遵循慣例,并且保持系統(tǒng)的一致感,不要盲目地標(biāo)新立異。
6、一致性-業(yè)內(nèi)產(chǎn)品保持一致
不知道你發(fā)現(xiàn)了沒(méi),現(xiàn)在的電商、音樂(lè)、社交等等app越來(lái)越一樣了,一樣的交互,一樣的排版設(shè)計(jì),基本上都遵循著類(lèi)似的交互邏輯和視覺(jué)元素。
為什么會(huì)這樣?同類(lèi)軟件設(shè)計(jì)的趨同化,未必不是一件好事?
與業(yè)內(nèi)產(chǎn)品保持一致,意味著用戶(hù)不再需要重新學(xué)習(xí),就可以在各種應(yīng)用中自由切換,用戶(hù)學(xué)習(xí)成本的降低,也意味著我們獲客成本從某種程度上被降低。而這些約定俗成的規(guī)則和流程都被用戶(hù)不自覺(jué)地印刻在大腦中,成為一種自然的習(xí)慣,而獨(dú)特的設(shè)計(jì),截然不同的規(guī)則,則常常會(huì)成為習(xí)慣以外的東西,引起混亂,讓初次上手的用戶(hù)感到受挫和沮喪。
如,在App底部的導(dǎo)航圖標(biāo)中,“首頁(yè)”永遠(yuǎn)排在第一個(gè),個(gè)人中心(“我的”)永遠(yuǎn)排在最后。并且對(duì)于類(lèi)似“首頁(yè)”“購(gòu)物車(chē)”“訂單”等常見(jiàn)按鈕,不同App的設(shè)計(jì)樣式都非常相似。如下圖三個(gè)不同音樂(lè)app的對(duì)比圖:
如果你特立獨(dú)行地把個(gè)人中心放在第一個(gè)位置,或者采用奇怪的圖標(biāo)作為個(gè)人中心的icon,用戶(hù)使用時(shí)肯定會(huì)覺(jué)得別扭。
防錯(cuò)原則的根本目標(biāo)是阻止錯(cuò)誤行為,避免進(jìn)一步犯錯(cuò),指引用戶(hù)正確的完成操作行為。
「防止錯(cuò)誤」主要分為三個(gè)階段:錯(cuò)誤行動(dòng)發(fā)生前,引導(dǎo)用戶(hù)向正確的方向前進(jìn);用戶(hù)觸碰到危險(xiǎn)操作時(shí)給予提示;危險(xiǎn)操作發(fā)生之后,提供撤回的入口。
該原則在設(shè)計(jì)中的體現(xiàn):
1、在執(zhí)行危險(xiǎn)操作前做設(shè)計(jì):
比一個(gè)優(yōu)秀的錯(cuò)誤提醒彈窗更好的設(shè)計(jì)方式,是在這個(gè)錯(cuò)誤發(fā)生之前就避免它。它可以幫助用戶(hù)排除一些容易出錯(cuò)的情況,或在用戶(hù)提交之前給他一個(gè)確認(rèn)的選項(xiàng)。
通常情況下,按鈕置灰表示對(duì)應(yīng)功能或操作無(wú)法使用,這也是防止錯(cuò)誤的一條有效途徑,因?yàn)橛脩?hù)通過(guò)按鈕樣式就可獲知其狀態(tài),提前規(guī)避無(wú)效的提交操作。當(dāng)然,不是只要功能或操作無(wú)法使用時(shí),就應(yīng)該將對(duì)應(yīng)的按鈕置灰。其實(shí)更好的做法是填寫(xiě)完標(biāo)題后按鈕不置灰,點(diǎn)擊完成按鈕后定位或高亮必填項(xiàng),讓用戶(hù)更容易識(shí)別錯(cuò)誤點(diǎn)。
比如在登錄時(shí),只有輸出信息后才可以點(diǎn)擊登錄按鈕,未輸入信息時(shí),按鈕是不可以點(diǎn)擊的狀態(tài)。通過(guò)系統(tǒng)主動(dòng)對(duì)用戶(hù)進(jìn)行操作限制,幫助用戶(hù)避免發(fā)生錯(cuò)誤。
限制用戶(hù)的選擇并不是一個(gè)好主意,但是如果有明確的規(guī)則來(lái)定義可接受的選項(xiàng),那么限制用戶(hù)可以輸入的類(lèi)型是一個(gè)很好的策略。再比如輸入驗(yàn)證碼頁(yè)面,為了防止用戶(hù)多輸入或者少輸入驗(yàn)證碼,只給到四個(gè)輸入框,讓用戶(hù)只能輸入四位數(shù)字,減少輸入錯(cuò)誤的幾率。
2、在執(zhí)行危險(xiǎn)操作中做設(shè)計(jì)
提供清晰的提示,防止用戶(hù)犯錯(cuò),提示包括標(biāo)簽、文字、顏色、以及反饋狀態(tài)等。利用顏色,動(dòng)效提供警示信息,比如常見(jiàn)的微信退出的按鈕是紅色的,狀態(tài)未完成的標(biāo)簽是紅色的等等。
如:表單填寫(xiě)過(guò)程中讓用戶(hù)及時(shí)知道輸入格式,出錯(cuò)原因,避免填寫(xiě)完成后再提醒,浪費(fèi)用戶(hù)時(shí)間。
范圍限制:限制用戶(hù)的選擇并不是一個(gè)好主意,但是如果有明確的規(guī)則來(lái)定義可接受的選項(xiàng),那么限制用戶(hù)可以輸入的類(lèi)型是一個(gè)很好的策略。比如:電影購(gòu)票時(shí),已購(gòu)買(mǎi)的位子不會(huì)再提供選擇,很好的避免了買(mǎi)重的問(wèn)題
3、危險(xiǎn)操作發(fā)生之后做設(shè)計(jì)
特別要注意在用戶(hù)操作具有毀滅性結(jié)果的功能時(shí)要有提示,防止用戶(hù)犯不可挽回的錯(cuò)誤,需打斷用戶(hù),提示用戶(hù)是否要進(jìn)行此操作,讓用戶(hù)有更多的思考時(shí)間。所以在一些不可逆的操作中二次確認(rèn)是非常有必要的。
這條原則很重要也很常見(jiàn)。在刪除信息時(shí),系統(tǒng)會(huì)讓用戶(hù)確認(rèn)刪除,也就是我們常說(shuō)的二次確認(rèn),電商平臺(tái)允許在一定的規(guī)則下取消訂單等等。
易取原則的根本目標(biāo)是提升用戶(hù)在界面上的操作效率,系統(tǒng)應(yīng)直觀地協(xié)助用戶(hù)完成任務(wù)。
系統(tǒng)應(yīng)協(xié)助用戶(hù)進(jìn)行記憶,通過(guò)使元素、操作和選項(xiàng)可見(jiàn),減少用戶(hù)的記憶負(fù)荷,在適合的時(shí)機(jī)給用戶(hù)需要獲取的信息。
識(shí)別比回憶要好,對(duì)于路徑較長(zhǎng)的操作,我們更應(yīng)該協(xié)助用戶(hù)記憶。比如在淘寶下單的操作路徑,每一個(gè)頁(yè)面頂部導(dǎo)航欄會(huì)盡可能的提醒用戶(hù)操作到哪里,用戶(hù)所有的操作信息都是可見(jiàn)、易獲取的,減少用戶(hù)對(duì)操作目標(biāo)的記憶負(fù)擔(dān)。
該原則在設(shè)計(jì)中的體現(xiàn):
1、易取原則-易掃描
用戶(hù)心理學(xué)研究發(fā)現(xiàn),互聯(lián)網(wǎng)用戶(hù)瀏覽網(wǎng)頁(yè)的動(dòng)作不是讀,不是看,而是“掃”。這是互聯(lián)網(wǎng)用戶(hù)瀏覽的主要方式。所以我們?cè)谠O(shè)計(jì)的時(shí)候,需要清晰的視覺(jué)層次結(jié)構(gòu),突出重點(diǎn),弱化和剔除無(wú)關(guān)信息,降低頁(yè)面干擾,來(lái)減輕用戶(hù)閱讀成本。
2、易取原則-讓用戶(hù)選擇而不是填寫(xiě)
比起讓用戶(hù)輸入,讓用戶(hù)選擇更能降低用戶(hù)的記憶成本,更好地輔助用戶(hù)做決策。如果,有很多的信息或者選項(xiàng)是用戶(hù)高頻率會(huì)選擇的,設(shè)計(jì)師不妨給用戶(hù)提前做好選擇,提供默認(rèn)選項(xiàng),如下圖:
3、易取原則-智能獲取
通過(guò)智能讀取用戶(hù)之前填寫(xiě)過(guò)的信息,或者智能識(shí)別等形式,減少用戶(hù)記憶負(fù)擔(dān)與操作負(fù)擔(dān)。
常見(jiàn)的是寄快遞-新增地址,將用戶(hù)復(fù)制的文本字符類(lèi)型進(jìn)行識(shí)別并匹配,將有用的信息內(nèi)容提取出來(lái),對(duì)體驗(yàn)而言顯得高效又智能。
或者淘寶購(gòu)物確認(rèn)訂單時(shí),系統(tǒng)會(huì)自動(dòng)為你帶入之前的商品信息,包括選擇的商品規(guī)則、數(shù)量、價(jià)格、默認(rèn)記錄顯示常用的地址等。這些信息雖然之前都選擇過(guò),但是需要用戶(hù)在購(gòu)買(mǎi)前二次確認(rèn),由于信息比較多,用戶(hù)很難記憶,所以確認(rèn)訂單再展示出來(lái)更加合理。
比如:用手機(jī)登錄時(shí),收到的驗(yàn)證碼直接展示在軟鍵盤(pán)上,用戶(hù)無(wú)需記憶也無(wú)需輸入,直接點(diǎn)選即可登錄;
美團(tuán)APP中,當(dāng)用戶(hù)選擇商品時(shí),系統(tǒng)會(huì)自動(dòng)計(jì)算商品價(jià)格和滿(mǎn)減后的價(jià)格,還會(huì)幫用戶(hù)記錄選擇了哪些商品以及份數(shù),不需要用戶(hù)自己花時(shí)間去計(jì)算還差多少才能滿(mǎn)減等,減少用戶(hù)記憶負(fù)擔(dān),同時(shí)節(jié)省用戶(hù)點(diǎn)外賣(mài)的時(shí)間,這也用到了易取原則。
訂單頁(yè)面若某信息需要用戶(hù)從一個(gè)頁(yè)面復(fù)制到另一個(gè)頁(yè)面完成查詢(xún)或編輯輸入,那就有必要為該信息提供快捷復(fù)制功能,如訂單號(hào)緊跟著一個(gè)復(fù)制按鈕。
我們?cè)谒阉饕粋€(gè)歌名的時(shí)候,記不住完整的歌曲名,我們只要輸入關(guān)鍵的幾個(gè)詞,系統(tǒng)就是幫助我們記憶,出現(xiàn)相關(guān)的搜索。
4、易取原則-草稿箱或歷史記錄
作為用戶(hù),你不記得的操作,系統(tǒng)可以幫你記錄。為用戶(hù)提供歷史記錄,文本創(chuàng)作的過(guò)程中自動(dòng)保存草稿,讓用戶(hù)方便查詢(xún)自己的進(jìn)程,這就是信息易取原則的設(shè)計(jì)。
保留歷史,最為常見(jiàn)的就是為用戶(hù)保留歷史搜索和歷史瀏覽、儲(chǔ)存賬號(hào)和密碼。視頻APP會(huì)詳細(xì)記錄用戶(hù)的觀看記錄,當(dāng)用戶(hù)沒(méi)有看完某部電影時(shí),下次進(jìn)入直接從斷點(diǎn)續(xù)播上次播放的位置,無(wú)需用戶(hù)記憶上次看到哪里了;
不只是觀看記錄,視頻軟件還會(huì)幫你記錄同一賬號(hào)在不同設(shè)備上的登錄記錄,觀看記錄也會(huì)在不同設(shè)備之間進(jìn)行同步。
5、易取原則-可視化
將選擇的對(duì)象,動(dòng)作,選項(xiàng)可視化,讓用戶(hù)一看就懂。注意圖標(biāo)符號(hào)化能讓人理解,避免引起誤解。
抽象圖形+文字,提供了更多的信息,更加豐富了記憶效果,避免了用戶(hù)需要記憶才能想起圖形代表的含義。我們常用的app導(dǎo)航欄都是以這種icon和文字相結(jié)合的形式,這就是很符合易取原則的例子。
6、易取原則-內(nèi)容可預(yù)期
在用戶(hù)使用產(chǎn)品的過(guò)程中,會(huì)有一些需要用戶(hù)記憶的內(nèi)容、或者操作路徑,在設(shè)計(jì)的時(shí)候我們要避免用戶(hù)記憶,把信息直接提取出來(lái),送到用戶(hù)手里。同時(shí)每個(gè)頁(yè)面?zhèn)鬟f的信息量盡量少,減少用戶(hù)的閱讀壓力。
常見(jiàn)的例子是各類(lèi)優(yōu)惠券,設(shè)計(jì)的時(shí)候會(huì)有明確的位置說(shuō)明限制時(shí)間,類(lèi)別等等,同時(shí)還會(huì)有清晰的入口引導(dǎo)去使用或者規(guī)則的入口。
7、易取原則-行為輸入代替字符輸入
這一點(diǎn)其實(shí)也非常好理解,一個(gè)簡(jiǎn)單的動(dòng)作,比打字要輕松得多,常見(jiàn)的就是在設(shè)備解鎖的時(shí)候,用手勢(shì)解鎖替代密碼解鎖。
隨著技術(shù)發(fā)展,有了更多的行為代替輸入的方式,比如指紋識(shí)別和面部識(shí)別,用簡(jiǎn)單的操作,就可以達(dá)到進(jìn)入系統(tǒng)的目的,這就避免了用戶(hù)需要較多的操作和密碼的記憶。
靈活易用原則不僅是一個(gè)交互設(shè)計(jì)原則,也代表了一種軟件產(chǎn)品設(shè)計(jì)理念:系統(tǒng)既要做得簡(jiǎn)單、易用,讓所有用戶(hù)用起來(lái)得心應(yīng)手;
靈活易用原則的根本目標(biāo)是保持系統(tǒng)的靈活性,以滿(mǎn)足不同用戶(hù)的不同需求。既要提供必要的幫助,讓剛?cè)腴T(mén)的初級(jí)用戶(hù)順利上手,還需要支持靈活的個(gè)性化定制,讓高級(jí)用戶(hù)能夠快捷高效使用高頻功能,充分發(fā)揮其價(jià)值。
該原則在設(shè)計(jì)中的體現(xiàn):
1、靈活高效-提供定制化服務(wù)
讓用戶(hù)靈活定制的最典型的例子是各類(lèi)軟件和App的配置功能,基本上所有軟件都會(huì)提供定制化功能,從快捷鍵設(shè)置,到頁(yè)面布局,再到自定義參數(shù),軟件系統(tǒng)會(huì)盡量提供全面的個(gè)性化設(shè)置功能,來(lái)滿(mǎn)足不同用戶(hù)的使用訴求和習(xí)慣,提升用戶(hù)的使用效率和體驗(yàn)。
例如支付寶首頁(yè),用戶(hù)可以自定義首頁(yè)的應(yīng)用。對(duì)于使用頻率比較高的老用戶(hù)來(lái)說(shuō),這是一個(gè)非常方便的功能。
還有一種是系統(tǒng)更具用戶(hù)常用自動(dòng)整理歸納,以提升使用效率,減少用戶(hù)多余操作。
比如:微信的聊天表情,由于可以選擇的表情很多,正常情況下用戶(hù)很難快速找到自己想用的表情。而用戶(hù)的使用習(xí)慣往往是循環(huán)使用其中的某幾個(gè),所以把最近使用的表情展現(xiàn)出來(lái),會(huì)極大的提升用戶(hù)的尋找效率。
除了從新老用戶(hù)的角度對(duì)用戶(hù)做區(qū)分,還可以從其他維度區(qū)分用戶(hù),針對(duì)不同用戶(hù)做不同的功能。比如:微信為了讓中老年用戶(hù)使用方便,推出了關(guān)懷模式。在關(guān)懷模式下(下圖)文字更大、色彩更強(qiáng)、按鈕更大,還可以使用“聽(tīng)文字消息”的功能。這些功能充分考慮了“中老年用戶(hù)”的需求和痛點(diǎn),讓產(chǎn)品更加靈活易用。
2、靈活高效-提高用戶(hù)使用效率
靈活高效原則在交互設(shè)計(jì)中使用會(huì)提高用戶(hù)使用效率,例如微信聊天頁(yè)面中,當(dāng)用戶(hù)輸入某個(gè)字詞之后,系統(tǒng)會(huì)自動(dòng)幫你匹配相應(yīng)的表情包;
當(dāng)你輸入某個(gè)詞之后,輸入法會(huì)幫你自動(dòng)聯(lián)想接下來(lái)你可能會(huì)輸入的詞;截圖后進(jìn)入微信聊天頁(yè)面后,系統(tǒng)會(huì)將你剛截的圖前置,它會(huì)自動(dòng)判斷你可能想發(fā)送該截圖。如下圖:
3、靈活高效-“跳過(guò)”按鈕
通過(guò)用戶(hù)快捷跳過(guò)的入口,比如常見(jiàn)的:引導(dǎo)頁(yè)、操作手冊(cè)、還是開(kāi)屏廣告,有“跳過(guò)”或者”立即進(jìn)入“按鈕真的很貼心。
4、靈活高效-允許用戶(hù)重復(fù)操作
對(duì)于用戶(hù)頻繁使用的部分,提供快捷的重復(fù)使用操作,比如:外賣(mài)app,用戶(hù)可以快捷地再來(lái)一單,同時(shí)保存上一次操作記錄。
5、靈活高效-各取所需
在設(shè)計(jì)功能時(shí),最好能考慮到不同層次用戶(hù)的需求,以此來(lái)讓用戶(hù)「各取所需」(需要平臺(tái)有多類(lèi)型用戶(hù));比如常見(jiàn)的Word、Photoshop等,有一個(gè)“二八定律”,就是說(shuō)80%的功能是給20%的用戶(hù)使用的。
設(shè)計(jì)這類(lèi)產(chǎn)品時(shí),最常用的20%的功能一定擺在最顯著的位置上,方便所有用戶(hù)使用,而80%的高端功能,要適度隱藏,使得整個(gè)產(chǎn)品看起來(lái)盡量簡(jiǎn)潔、美觀。比如Sketch的工具欄和快捷鍵就是給新手或資深用戶(hù)準(zhǔn)備的。
大數(shù)據(jù)智能判斷:
淘寶的首頁(yè)每個(gè)人推薦的商品都不相同,淘寶后臺(tái)根據(jù)用戶(hù)的瀏覽習(xí)慣,購(gòu)買(mǎi)/收藏記錄等大數(shù)據(jù)智能判斷用戶(hù)的喜好,對(duì)商品進(jìn)行千人千面的分發(fā)。
但是切記不要太過(guò)依賴(lài)大數(shù)據(jù)算法的判斷,因?yàn)橐坏┬纬蛇@種模式,會(huì)給用戶(hù)造成回音壁效應(yīng),你越喜歡的東西系統(tǒng)就越給你推薦,其他的商品就像回音壁一樣被吸收過(guò)濾,用戶(hù)永遠(yuǎn)沒(méi)有辦法發(fā)現(xiàn)新的東西,讓用戶(hù)的選擇永遠(yuǎn)都在一個(gè)死循環(huán),所以做千人千面設(shè)計(jì)時(shí)一定要適度。
優(yōu)美而簡(jiǎn)約原則的根本目標(biāo)是讓用戶(hù)快速找到界面的重要信息,引導(dǎo)用戶(hù)的視線(xiàn)及操作行為。
UI設(shè)計(jì)應(yīng)該是符合大眾審美的,不需要多么酷炫,而是需要我們注重信息獲取效率,更加聚焦內(nèi)容,刪除多余的視覺(jué)表達(dá)元素,讓界面保持美觀簡(jiǎn)約。
“快掃”是互聯(lián)網(wǎng)用戶(hù)瀏覽的主要方式。我們熟知的產(chǎn)品設(shè)計(jì)的四大基本原則:親密性、對(duì)齊、重復(fù)、對(duì)比,就是使頁(yè)面優(yōu)美而簡(jiǎn)約的方法。
該原則在設(shè)計(jì)中的體現(xiàn):
1、優(yōu)美簡(jiǎn)約-視覺(jué)層級(jí)關(guān)系明顯
建立清晰的視覺(jué)層級(jí),越重要的內(nèi)容越突出,能夠方便用戶(hù)無(wú)障礙地瀏覽信息,提高用戶(hù)操作與信息獲取效率,各模塊間采用卡片或者間距區(qū)分開(kāi),加強(qiáng)頁(yè)面層級(jí)區(qū)分。
我們通過(guò)顏色、大小、字體的字重、對(duì)比度、元素的間距、特殊造型、動(dòng)效等來(lái)表現(xiàn)。
2、優(yōu)美簡(jiǎn)約-避免界面元素過(guò)于雜亂
避免界面呈現(xiàn)過(guò)多元素,包括動(dòng)效、配圖、icon、按鈕等等,降低用戶(hù)的視覺(jué)干擾。保留產(chǎn)品最主要的信息,如果不是優(yōu)先級(jí)最高,要盡一切可能避免去影響產(chǎn)品的簡(jiǎn)潔和美觀,可采用大留白增加頁(yè)面呼吸感,聚焦內(nèi)容。
3、優(yōu)美簡(jiǎn)約-對(duì)重要信息突出顯示
用戶(hù)注意力資源有限,應(yīng)該保持信息精煉,突出重要信息,弱化次要信息。
上面兩個(gè)案例通過(guò)加粗放大、標(biāo)記顏色,從而讓頁(yè)面簡(jiǎn)潔,且突出重要信息。
容錯(cuò)原則的根本目標(biāo)是讓那個(gè)用戶(hù)在操作出錯(cuò)后還能挽回錯(cuò)誤的余地,從而給用戶(hù)一致產(chǎn)品很安全貼心的感覺(jué)。
系統(tǒng)需幫助用戶(hù)識(shí)別、診斷、并為用戶(hù)從錯(cuò)誤中恢復(fù)提出建設(shè)性的解決方案。通過(guò)提示性文字或者插圖讓用戶(hù)意識(shí)到出錯(cuò)了,比如404頁(yè)面的情感化插圖、彈窗提示用戶(hù)出錯(cuò)等。
該原則在設(shè)計(jì)中的體現(xiàn):
1、容錯(cuò)原則-引起用戶(hù)注意
當(dāng)發(fā)生錯(cuò)誤時(shí),提示信息一定要直觀,視覺(jué)上能夠引起用戶(hù)注意,可視化處理,文案要簡(jiǎn)單概要,并給出解決方案。例如刪除訂單時(shí),會(huì)提示二次確認(rèn),避免用戶(hù)誤操作。
2、容錯(cuò)原則-提供解決方案
在出錯(cuò)界面給出解決方案,可以是文字提醒或者按鈕跳轉(zhuǎn)等形式,幫助用戶(hù)解決問(wèn)題。比如缺省頁(yè)的設(shè)計(jì)除了配置插圖還會(huì)有提示文案與操作按鈕,引導(dǎo)用戶(hù)去操作,去進(jìn)一步解決問(wèn)題。
3、容錯(cuò)原則-幫助挽回?fù)p失
系統(tǒng)能幫助用戶(hù)自動(dòng)甄別錯(cuò)誤,并及時(shí)進(jìn)行糾正時(shí),將會(huì)給用戶(hù)帶來(lái)極大的便利,撤銷(xiāo)或者找回功能,都是幫用戶(hù)把損失降到最低的有效方法。
比如微信信息的消息撤回重新編輯,相冊(cè)的最近刪除、回收站等等功能。
人性化幫助原則的根本目標(biāo)是用戶(hù)在使用產(chǎn)品的過(guò)程中有所依循,因?yàn)楫a(chǎn)品已經(jīng)貼心地為他們準(zhǔn)備好了幫助方式,或者即時(shí)提示和反饋,或者客服。
人性化幫助用戶(hù)最好的方式分別為:1、無(wú)需提示;2、一次性提示;3、常駐提示;4、幫助文檔。
最好的就是沒(méi)有提示,用戶(hù)就能看懂與應(yīng)用產(chǎn)品;其次是一次性提示,提示一次用戶(hù)就懂如何使用,比如第一次進(jìn)入app或新功能上線(xiàn)的引導(dǎo)設(shè)計(jì)、通常為氣泡形式。常駐提示需要一直固定在某個(gè)位置實(shí)時(shí)幫助用戶(hù)。
最后就是幫助文檔了,一般用于解釋規(guī)則或者熱點(diǎn)問(wèn)題,通常以超鏈接的形式存在于頁(yè)面中,或者以集合形式位于設(shè)置頁(yè)中,此時(shí)需要注意要易于檢索。
該原則在設(shè)計(jì)中的體現(xiàn):
1、人性化幫助-方便用戶(hù)查找
幫助文檔的入口容易找到,幫助信息方便用戶(hù)查找。常見(jiàn)的方式有:鼠標(biāo)劃過(guò)懸浮文字說(shuō)明,幫助用戶(hù)更好地理解。
2、人性化幫助-便于用戶(hù)理解
用戶(hù)通過(guò)查看幫助文檔來(lái)學(xué)習(xí)新功能,相對(duì)比較麻煩。如果能將教程和功能放在一起,用戶(hù)可以“邊學(xué)邊練”,就更容易讓用戶(hù)理解。
提示語(yǔ)避免使用專(zhuān)業(yè)術(shù)語(yǔ),盡量使用圖片或者圖形,同時(shí)處理文字外還可以使用示意圖,操作步驟等,方便用戶(hù)應(yīng)用。
3、人性化幫助-便于用戶(hù)應(yīng)用
在操作時(shí)的幫助信息,比如幫助懸浮按鈕:一直出現(xiàn)在頁(yè)面固定位置,方便用戶(hù)遇到問(wèn)題尋求幫助。
4、人性化幫助-信息引導(dǎo)
搜索時(shí),預(yù)搜索詞直觀地顯示出來(lái),可以讓用戶(hù)更快地做出搜索判斷。微信轉(zhuǎn)賬頁(yè)面,當(dāng)用戶(hù)輸入金額較大時(shí),會(huì)在第一位數(shù)字下方提示轉(zhuǎn)賬金額的人民幣單位,目的是為了避免用戶(hù)輸入錯(cuò)誤金額導(dǎo)致資金損失;
5、人性化幫助-步驟引導(dǎo)
復(fù)雜的流程可以通過(guò)分步驟來(lái)引導(dǎo)用戶(hù)逐步完成,而不是一次完成所有任務(wù)。個(gè)性化的提示一次就夠了,用戶(hù)用過(guò)一次就知道其用法。
現(xiàn)在很多C端產(chǎn)品普遍做了良好的交互設(shè)計(jì),可以幫助用戶(hù)快速學(xué)習(xí)使用,而不用閱讀、理解復(fù)雜的說(shuō)明文檔。
然而,B端產(chǎn)品的復(fù)雜性比C端產(chǎn)品高很多,因?yàn)锽端產(chǎn)品蘊(yùn)含很多業(yè)務(wù)流程的規(guī)則,系統(tǒng)中的一個(gè)按鈕可能代表了一個(gè)復(fù)雜的業(yè)務(wù)處理規(guī)則,如果不了解整個(gè)業(yè)務(wù)場(chǎng)景和處理規(guī)則,是很難理解按鈕的操作含義的。
因此,對(duì)于B端產(chǎn)品,用戶(hù)進(jìn)行自助服務(wù)、自助操作的難度高很多,B端產(chǎn)品的幫助文檔依然有存在的必要。產(chǎn)品設(shè)計(jì)人員要盡量在前端交互上做好引導(dǎo)提示,對(duì)于復(fù)雜的規(guī)則和邏輯,可以考慮通過(guò)幫助文檔來(lái)指導(dǎo)用戶(hù)。
總結(jié)
尼爾森十大可用性原則可靈活運(yùn)用于各個(gè)地方,可以是交互設(shè)計(jì),也可以是界面設(shè)計(jì),深入了解該設(shè)計(jì)原則,可以找到更好的解決方案,提高用戶(hù)的使用體驗(yàn)。要注意的是,這10項(xiàng)原則是啟發(fā)式(heuristics)的、廣泛的經(jīng)驗(yàn)法則,而不是具體的規(guī)定。
1、狀態(tài)可見(jiàn)原則:位置可見(jiàn)、數(shù)量可見(jiàn)、狀態(tài)可見(jiàn);
2、環(huán)境貼近原則:語(yǔ)言應(yīng)該是用戶(hù)所能理解和習(xí)慣的;
3、用戶(hù)可控原則:可見(jiàn)導(dǎo)航、關(guān)閉與返回、撤銷(xiāo)與重做;
4、一致性原則:產(chǎn)品內(nèi)部一致、交互一致、迭代產(chǎn)品一致、同一產(chǎn)品線(xiàn)一致、設(shè)計(jì)語(yǔ)言一致、業(yè)內(nèi)產(chǎn)品一致;
5、防錯(cuò)原則:操作前預(yù)警、操作中確認(rèn)、操作后可撤回;
6、易取原則:易掃描、智能獲取、草稿箱和歷史記錄、對(duì)象可視化、選擇代替輸入;
7、靈活高效原則:靈活配置、允許頻繁操作、各取所需;
8、優(yōu)美而簡(jiǎn)約原則:視覺(jué)層次明顯、簡(jiǎn)約且突出重點(diǎn)信息;
9、容錯(cuò)原則:幫助用戶(hù)識(shí)別、診斷,并從錯(cuò)誤中恢復(fù)提供方法;
10、人性化幫助原則:無(wú)需提示、一次性提示、常駐提示、幫助文檔。
最后
我準(zhǔn)備了一些常用的設(shè)計(jì)素材送給大家,需要的話(huà)免費(fèi)拿走。獲取方式:老規(guī)矩公眾號(hào)后臺(tái),發(fā)送文字“素材”,就可以獲取了~
文中如有不嚴(yán)謹(jǐn)?shù)牡胤较M蠹医o予指正,希望大家可以多多點(diǎn)贊評(píng)論鼓勵(lì)一下,最后感謝你的耐心閱讀。