- 用戶至上:移動(dòng)UI設(shè)計(jì)實(shí)戰(zhàn)指南
- 芒果道長
- 2212字
- 2020-06-12 16:17:08
1.3.2 為“懶人”做設(shè)計(jì)
看到這個(gè)標(biāo)題的時(shí)候,可能大家都在想怎樣為“懶人”做設(shè)計(jì)。以豆?jié){機(jī)為例,以前用戶想喝一杯自制的豆?jié){,需要按照比例用開水將豆子泡一段時(shí)間,然后將泡好的豆子放在豆?jié){機(jī)里面打磨,再用濾網(wǎng)把殘?jiān)^濾掉后得到豆?jié){才能喝。但現(xiàn)在有了自制豆?jié){的機(jī)器,喝到自制豆?jié){就很容易了。把豆子和水放進(jìn)豆?jié){機(jī)里,在操作面板上選擇五谷雜糧或純豆等功能后等待一段時(shí)間就能喝到豆?jié){了。那么從產(chǎn)品功能的角度來看,設(shè)計(jì)師為“懶人”設(shè)計(jì)一款產(chǎn)品時(shí),需要思考什么呢?
◎提高產(chǎn)品功能的同時(shí)簡化操作過程
前一個(gè)案例說的是豆?jié){機(jī),大部分老式豆?jié){機(jī)都只有一個(gè)電源開關(guān)按鈕,只能制作豆?jié){,而現(xiàn)在的豆?jié){機(jī)用硬件或程序解決了用戶過往制作豆?jié){需要泡制、過濾等一系列復(fù)雜操作的問題。用戶制作豆?jié){的過程看起來變簡單了,但操作機(jī)器的過程并沒有變簡單。例如,對(duì)于智能豆?jié){機(jī),用戶需要了解豆?jié){機(jī)上面每個(gè)按鈕的功能、對(duì)應(yīng)的水量和時(shí)間等。雖然筆者使用智能豆?jié){機(jī)的次數(shù)很多,但也經(jīng)常被機(jī)器的提示搞得一頭霧水。如果加進(jìn)豆?jié){機(jī)的水量不足,豆?jié){機(jī)是不會(huì)開始工作的,并且會(huì)在面板上顯示一串字母和數(shù)字,然后一直發(fā)出惱人的“嘀嘀”的提示聲。而這些提示信息用戶可能完全看不懂,也沒有告訴用戶接下來怎么操作,只能找說明書或給客服打電話。
此類的例子在App設(shè)計(jì)上出現(xiàn)的也不少。設(shè)計(jì)師為了保證設(shè)計(jì)方案的視覺美觀,往往會(huì)在很多細(xì)微的環(huán)節(jié)上忽視用戶的操作感受。例如,在注冊(cè)App賬號(hào)輸入密碼時(shí),如果輸入的格式和系統(tǒng)規(guī)定的不一樣,會(huì)出現(xiàn)提示信息,但是不一定會(huì)將正確的格式示范給用戶看。也有設(shè)計(jì)師認(rèn)為提示框一直存在會(huì)影響視覺效果,因此將提示設(shè)置為出現(xiàn)兩秒就消失的狀態(tài)。這種設(shè)計(jì)有點(diǎn)本末倒置,應(yīng)該讓用戶進(jìn)行簡單的操作就能使用復(fù)雜的功能,而不是讓用戶進(jìn)行復(fù)雜的操作來實(shí)現(xiàn)簡單的功能。
◎降低用戶的使用門檻
旅游時(shí)常會(huì)看見游客脖子上掛著各式各樣的相機(jī),隨著鏡頭可以自動(dòng)伸縮對(duì)焦的卡片機(jī)的出現(xiàn),用戶學(xué)習(xí)使用相機(jī)的門檻就變低了。如果換成學(xué)習(xí)使用單反相機(jī),門檻就會(huì)變高。同時(shí),用戶使用單反相機(jī)還涉及照片的后期處理,這是個(gè)比較高難度的任務(wù)。由此可以看出,想要拍出一張好看的照片是一件多么復(fù)雜的事情。而現(xiàn)在只需一部手機(jī),用戶就能拍出一張張美照,手機(jī)中的相機(jī)功能包括高清像素、自動(dòng)對(duì)焦、自帶濾鏡和美化功能等。通過這個(gè)例子可以發(fā)現(xiàn),為“懶人”做設(shè)計(jì),其實(shí)就是降低用戶的使用門檻。
◎支持更多的使用場景和滿足更多的需求
為“懶人”設(shè)計(jì)產(chǎn)品時(shí),需要關(guān)注他們的使用場景。例如,前面提到的豆?jié){機(jī),從功能使用的復(fù)雜程度來看,如果是為“懶人”設(shè)計(jì)的,那功能的操作方式就應(yīng)該簡單一些。從使用場景來看,操作復(fù)雜的豆?jié){機(jī)可以用來榨果汁和制作黑米汁等。從使用場景來看,你會(huì)發(fā)現(xiàn)為“懶人”設(shè)計(jì)不是要降低功能的復(fù)雜程度,而是需要滿足足夠多的使用場景。但有一點(diǎn)要注意,這些使用場景之間要有一定的相似性。例如,一個(gè)聽歌類的App上面有唱歌的功能,唱歌和聽歌都離不開歌曲。如果一個(gè)聽歌類的App可以打車,那就不太合理了,所以同一產(chǎn)品支持的使用場景之間要有相似性。
下面下圖是用戶在使用掌閱App閱讀書籍時(shí)的頁面,在該頁面中,除了能調(diào)整文字的大小和屏幕的亮度外,還可以改變文字的顏色、文字的距離和字體的樣式等。改變字體樣式的操作方式是點(diǎn)擊操作面板上的字體,然后點(diǎn)擊圖標(biāo)進(jìn)入一個(gè)字體下載的頁面,選擇并下載自己想要的字體后應(yīng)用到App上即可。在這樣的場景下,為“懶人”設(shè)計(jì)的方案是支持更多的使用場景和滿足更多的需求。下面下圖是在iOS 11系統(tǒng)中截圖時(shí)出現(xiàn)的一個(gè)圖片編輯頁面。用戶在進(jìn)行截圖時(shí),左下角會(huì)出現(xiàn)一個(gè)縮略圖,停留幾秒后縮略圖會(huì)自動(dòng)消失,或者用手指按住縮略圖向左滑動(dòng)將其隱藏。如果用戶主動(dòng)點(diǎn)擊該縮略圖則會(huì)彈出一個(gè)圖片編輯頁面,可以對(duì)圖片進(jìn)行標(biāo)記。頁面上加號(hào)圖標(biāo)隱藏的功能包括在圖片上添加文字、添加手寫的個(gè)性簽名、放大局部、添加箭頭和氣泡對(duì)話框等功能。如果用戶需要對(duì)圖片進(jìn)行編輯,那么就可以使用這些功能。如果用戶進(jìn)入該場景,則這些功能能滿足用戶的需求;如果用戶不進(jìn)入該場景,則用戶就不會(huì)看到這些復(fù)雜的功能,該設(shè)計(jì)方案滿足了用戶的更多需求。所以,為“懶人”設(shè)計(jì)的產(chǎn)品不是刪減功能,而是滿足用戶更多的使用場景和需求。

掌閱App 7.4.1版閱讀書籍時(shí)的頁面

iOS 11系統(tǒng)截圖時(shí)出現(xiàn)的圖片編輯功能頁面
◎讓用戶更容易達(dá)成目標(biāo)
設(shè)計(jì)師需要站在用戶的角度理解用戶的使用感受和設(shè)計(jì)方案,在考量為“懶人”設(shè)計(jì)的方案是否合適時(shí),不要只停留在用戶剛接觸產(chǎn)品時(shí)的感受,還需要關(guān)注用戶使用的過程和再次使用該產(chǎn)品時(shí)的感受。
用戶在使用滴滴出行App叫車時(shí),為了更清楚地描述自己的位置,可能會(huì)通過私信聊天的方式告訴司機(jī)自己的具體位置。當(dāng)用戶在聊天頁面輸入自己的位置時(shí),頁面會(huì)出現(xiàn)提示,這個(gè)提示會(huì)引導(dǎo)用戶把該條信息作為常用語并添加到自己的快捷回復(fù)列表中。用戶點(diǎn)擊提示后面的“點(diǎn)此添加”按鈕后,在當(dāng)前頁面會(huì)彈出添加提示的對(duì)話框,此時(shí)即將被添加為常用語的文字會(huì)處于編輯狀態(tài),用戶可以在自定義內(nèi)容后點(diǎn)擊“確認(rèn)添加”按鈕。下一次再私信司機(jī)的時(shí)候,就會(huì)在快捷回復(fù)列表里面出現(xiàn)該條常用語。


滴滴出行App 5.1.33版本司機(jī)與乘客聊天和添加常用語的頁面
針對(duì)滴滴出行App的這個(gè)設(shè)計(jì)方案,用戶在后續(xù)使用該功能的過程中,與司機(jī)溝通的效率會(huì)提升。所以,為“懶人”設(shè)計(jì)的方案不應(yīng)只停留在接觸產(chǎn)品的初始時(shí)間或某個(gè)時(shí)間點(diǎn),還應(yīng)該關(guān)注用戶持續(xù)這個(gè)動(dòng)作的整個(gè)過程,設(shè)計(jì)師可以通過設(shè)計(jì)方案提高用戶使用產(chǎn)品的效率。
- pytest框架與自動(dòng)化測試應(yīng)用
- Spring源碼深度解析
- PhoneGap開發(fā)指南
- 業(yè)務(wù)驅(qū)動(dòng)的推薦系統(tǒng):方法與實(shí)踐
- Docker源碼分析
- Knative最佳實(shí)踐
- 產(chǎn)品經(jīng)理入門攻略
- 軟件工程理論與應(yīng)用
- 建筑運(yùn)維智慧管控平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)
- 程序員度量:改善軟件團(tuán)隊(duì)的分析學(xué)
- Python跨平臺(tái)應(yīng)用軟件開發(fā)實(shí)戰(zhàn)
- Scrum敏捷軟件開發(fā)
- 混沌工程:通過可控故障實(shí)驗(yàn)提升軟件系統(tǒng)可靠性
- 移動(dòng)終端應(yīng)用軟件開發(fā)實(shí)戰(zhàn)
- 軟件開發(fā)的201個(gè)原則