自我理解:用戶無論在界面上做什么,都應(yīng)該及時(shí)告知他發(fā)生了什么或者進(jìn)展到什么程度。可以理解為人與人的溝通,界面需要及時(shí)告訴我們做了什么,現(xiàn)在是什么情況。
1. 這種告知應(yīng)該是及時(shí)的
加載任務(wù)在互聯(lián)網(wǎng)中是最常見的,在加載過程中應(yīng)當(dāng)及時(shí)傳達(dá)加載過程,減少用戶的心理等待時(shí)間。在外部加載總時(shí)間無法優(yōu)化的時(shí)候,使用何種方式能有更好的用戶體驗(yàn)是設(shè)計(jì)時(shí)需要考慮的。
2. 應(yīng)當(dāng)告知用戶你在哪里
你的界面需要引導(dǎo)用戶來操作,即作為用戶應(yīng)該清楚的明白我在什么位置,我下一步可以去做什么操作。
現(xiàn)在App的很多設(shè)計(jì)基礎(chǔ)包括頂部的導(dǎo)航分欄和底部的tab bar都是為了告訴用戶他在哪里。
在做一些概念設(shè)計(jì)時(shí)候,如果單純是為了更好的視覺效果,就對(duì)這些基礎(chǔ)分欄進(jìn)行大刀闊斧的設(shè)計(jì),最終導(dǎo)致了好看是好看,可是用戶都不知道這頁面是干什么的結(jié)果,很明顯是違背了最基本的狀態(tài)可見原則。
3. 應(yīng)當(dāng)告知用戶事情怎么樣了
用戶在你的界面是要做什么事情,這是你在設(shè)計(jì)之前應(yīng)該思考的問題。
如何把用戶要做的這件事情更好的呈現(xiàn)給用戶,反饋給用戶以及有哪些信息需要反饋給用戶都是你要從交互的角度思考的,這包括過去發(fā)生的信息和即將發(fā)生的信息,也包括正向反饋和負(fù)向反饋。(這種操作是否成功了?這種操作進(jìn)展到什么程度了?如果這樣操作會(huì)有什么后果?點(diǎn)擊之后會(huì)達(dá)到什么頁面?這里是否可以點(diǎn)擊?)
很多概念性的設(shè)計(jì)很酷,從交互的角度上來看也是因?yàn)榻缑鎸?duì)信息進(jìn)行了很好的反饋,比如下面的設(shè)計(jì)就是對(duì)登山的信息進(jìn)行了很直觀的反饋。
自我理解:不同的人生活在不同的環(huán)境里面,不同的界面也有不同的外部環(huán)境。盡量保證界面在自己產(chǎn)品定義的風(fēng)格里面,如果有機(jī)會(huì)還原真實(shí)世界的狀態(tài)也很好。
1. 根據(jù)用戶制定產(chǎn)品語言
在制定產(chǎn)品語言時(shí),要了解產(chǎn)品的用戶人群,使用相對(duì)應(yīng)的用戶群體所熟悉的文字語言、圖形語言、板式結(jié)構(gòu)、配色方法。要讓我們的用戶覺得這個(gè)產(chǎn)品很符合自己,而不是讓一個(gè)老大爺去滑滑梯的感覺。一般來講即便是同一產(chǎn)品,在國內(nèi)外的產(chǎn)品語言也是有所不同的。
2. 模擬真實(shí)環(huán)境
產(chǎn)品在一些展示上模仿現(xiàn)實(shí)世界的樣子,可以讓用戶快速接受,并感受到真實(shí)易懂。不僅僅局限于靜態(tài)外觀的模仿,還包括模擬真實(shí)物品的動(dòng)態(tài)效果、聲音等都能給用戶良好的使用體驗(yàn)。
很多逼真的動(dòng)效也是來自真實(shí)世界的映照。比如下面的可樂瓶的晃動(dòng)就和真實(shí)世界很接近,讓用戶有很強(qiáng)的代入感。
自我理解:為了不讓用戶進(jìn)入一個(gè)錯(cuò)誤的場(chǎng)景或者結(jié)果,對(duì)于一些特殊操作應(yīng)該給予撤回重做,讓用戶能夠充分確定接下來的行為。
1. 返回到原始狀態(tài)
可以理解為悔棋,即已經(jīng)發(fā)生的行為返回到原始的頁面狀態(tài),這個(gè)條件的設(shè)置也應(yīng)該有一些條件的限制,不能一直無限返回。
自我理解:君子常常言行一致,好的產(chǎn)品也是一樣。保持為一個(gè)統(tǒng)一的整體,包括產(chǎn)品內(nèi)部和產(chǎn)品外部,也包括線上和線下。
1. 與競(jìng)品保持一致
很多人講現(xiàn)在的同一類產(chǎn)品的同質(zhì)化現(xiàn)象嚴(yán)重,其背后也是有一定原因的。相同或相似產(chǎn)品的用戶習(xí)慣保持一致,即意味著用戶需要更少的時(shí)間去學(xué)習(xí)甚至不需要學(xué)習(xí)。從產(chǎn)品設(shè)計(jì)上講,用戶使用越方便易用,產(chǎn)品設(shè)計(jì)的越成功。和相關(guān)主流競(jìng)品做出比較大差異化設(shè)計(jì)時(shí)候,雖然擺脫了同質(zhì)化的問題,但是很多常規(guī)操作卻需要用戶重新學(xué)習(xí),這樣帶來的后果很有可能就是用戶流失。所以,沒有充分的理由,請(qǐng)與競(jìng)品保持一致。
2. 請(qǐng)建立一套完整的規(guī)范
一套完整的規(guī)范包括組件、色彩、間距、版塊結(jié)構(gòu)等。規(guī)范可以讓你的產(chǎn)品一致性更強(qiáng),你要讓用戶能夠?qū)δ愕漠a(chǎn)品產(chǎn)生一定的規(guī)范性印象,當(dāng)他看到一張頁面就能聯(lián)想到這是什么產(chǎn)品。
3. 請(qǐng)保持產(chǎn)品迭代的一致性
現(xiàn)在隨著互聯(lián)網(wǎng)市場(chǎng)的不斷穩(wěn)定,很多產(chǎn)品進(jìn)入了穩(wěn)定的迭代期。但是在迭代期也應(yīng)該以保持產(chǎn)品語言,用戶使用習(xí)慣的一致性為一大重要原則,版本的迭代也應(yīng)該逐步進(jìn)行,不要急功近利。盡量保持原有的設(shè)計(jì)元素一致性,新功能的創(chuàng)新也盡量不要損害原有用戶的使用體驗(yàn)。
自我理解:再發(fā)生錯(cuò)誤之前采取措施來避免。
1. 引導(dǎo)用戶,不要讓錯(cuò)誤出現(xiàn)。
很多app迭代更新之后會(huì)有操作指引,目的就是為了讓用戶學(xué)習(xí),減少錯(cuò)誤操作。很多引導(dǎo)頁也有相類似的功能。
2. 給予提示,尤其是用戶在做一些重要操作的時(shí)候
一些重要的敏感操作,產(chǎn)品通過二次詢問得到用戶的確認(rèn),
自我理解:能讓你的軟件產(chǎn)品來記住,就不要讓你的用戶來記。盡可能的在設(shè)計(jì)產(chǎn)品的時(shí)候,不要讓用戶去記憶,把用戶當(dāng)傻瓜。
1. 記住用戶的使用操作記錄
這個(gè)記錄不單單是在某一設(shè)備上,一般來講都是跨設(shè)備進(jìn)行同步。用戶在使用的時(shí)候不用來回調(diào)整,體驗(yàn)感是很強(qiáng)。
2. 讓用戶選擇信息而不是填寫
填寫是一件成本極大的事情,很多用戶不愿意在這上面花費(fèi)時(shí)間。所以產(chǎn)品在設(shè)計(jì)的時(shí)候要盡量讓用戶去選,而不是去寫。
3. 自動(dòng)讀取
思考產(chǎn)品一些功能的使用場(chǎng)景,有沒有自動(dòng)智能化的需要。即不用問候產(chǎn)品使用者,自動(dòng)提供解決方案。注意,這里講的是提供方案,不是解決方案。提供大多數(shù)的解決方案,可以節(jié)省使用者的交互步驟或者瀏覽時(shí)間等,也是易用性高的表現(xiàn)。
4. 提供適量的信息
其實(shí)另外一個(gè)交互定律法則(以后會(huì)講)其實(shí)提到了選擇的數(shù)量,移動(dòng)端的選項(xiàng)一般不會(huì)超過五個(gè),超過五個(gè)用戶的頭腦就會(huì)混亂。所以要考慮信息的擺放位置在哪里,一方面是需求決定的,另一方面也應(yīng)該控制每一個(gè)選項(xiàng)的數(shù)量,不要讓用戶感到焦慮。
自我理解:一般來講產(chǎn)品的用戶群體是多樣化,用戶的使用熟悉度也是有差別的。要照顧到絕大多數(shù)用戶群體的使用體驗(yàn),所謂的高頻是每一個(gè)用戶群體比較常使用。
1. 設(shè)置快捷/重復(fù)入口
講產(chǎn)品常用或者主打的功能放在產(chǎn)品容易操作的位置或者重復(fù)出現(xiàn),用戶可以高效的完成自己的需求。
一般來講用戶的使用頻率越高越要放在操作熱區(qū)和表面,反之亦然。
2. 用戶自定義常用功能
照顧到不同用戶對(duì)于某些功能的需求不同,對(duì)產(chǎn)品的部分功能進(jìn)行用戶自定義化操作,提高用戶使用的靈活性。
3. 給用戶默認(rèn)選項(xiàng)
將用戶經(jīng)常使用的選項(xiàng)作為默認(rèn),減少用戶操作時(shí)間,達(dá)到靈活高效的目的。像淘寶都會(huì)設(shè)置默認(rèn)的收貨地址,每次下單不用每次都輸入,十分高效。(當(dāng)然也有翻車的時(shí)候)
自我理解:互聯(lián)網(wǎng)用戶閱讀產(chǎn)品的一個(gè)很重要的特點(diǎn)就是快。即不是來閱讀不是來看,而是掃一眼。所以要求頁面上的內(nèi)容能夠清晰可見,方便用戶快速捕捉到自己喜歡閱讀的信息,減少不必要的干擾,簡(jiǎn)潔高效。
1. 清晰的板塊劃分
把頁面內(nèi)容的優(yōu)先級(jí)別進(jìn)行分級(jí),清晰的板塊劃分將會(huì)引導(dǎo)用戶操作。還可以將頁面的主推內(nèi)容向用戶展示,避免用戶分不清重點(diǎn)。
2. 減少視覺噪音
注意頁面的主角是誰,在平面設(shè)計(jì)中也有相同的概念。不要讓背景或者裝飾嘩眾取寵,而影響主要信息的傳遞,視覺設(shè)計(jì)是來輔助業(yè)務(wù)表達(dá)的。如果核心需求沒有傳遞好,那就會(huì)單純地成為一件藝術(shù)品,而不是設(shè)計(jì)作品。所以在設(shè)計(jì)過程中,要權(quán)衡視覺點(diǎn),減少不必要的噪音干擾。
3. 嚴(yán)格遵守設(shè)計(jì)的四大基本原則:親密 對(duì)比 重復(fù) 對(duì)齊
落實(shí)到界面上包括間距、字號(hào)、字重、版式節(jié)奏 。其實(shí)看到看到很多界面做的不精彩不優(yōu)美,就是基礎(chǔ)性的原則就沒有完全落實(shí)貫徹。這里就不舉例,基本所有的設(shè)計(jì)都要遵守的原則,很重要,很重要,很重要。
自我理解:要考慮到頁面可能發(fā)生意外,錯(cuò)誤發(fā)生后要及時(shí)彌補(bǔ)。
1. 提供清晰地說明和解決方案
考慮到可能會(huì)達(dá)到的錯(cuò)誤界面。在發(fā)生的錯(cuò)誤結(jié)果上,使用明確清晰的語言告知錯(cuò)誤的原因,并給予解決方案。
自我理解:要考慮到頁面可能發(fā)生意外,錯(cuò)誤發(fā)生后要及時(shí)彌補(bǔ)。這一部分其實(shí)主要進(jìn)行一些說明,讓用戶操作方便,相當(dāng)于使用說明書。
1. 無需文檔
進(jìn)行新頁面的設(shè)計(jì)盡量直觀清晰,符合用戶習(xí)慣,無需引導(dǎo)即可使用
2. 一次性提示
改版引導(dǎo)或者新功能引導(dǎo)給予一定的提示
3. 常駐性提示
對(duì)于產(chǎn)品的操作性功能或者操作必須注意到的問題,產(chǎn)品需要進(jìn)行一定說明
4. 幫助文檔
用來解釋一些常見問題。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。