- 用戶至上:移動UI設計實戰指南
- 芒果道長
- 2117字
- 2020-06-12 16:17:07
1.2.1 為使用場景做設計
設計師是無法將全部用戶的使用場景都列舉出來的。設計師無法確定目標用戶是在晃動的車輛上,還是在匆忙趕路中,又或是在排隊吃飯。移動端用戶的行為是碎片化的,從App能統計到的數據能大概看出哪個時間段的用戶最多,用戶會停留多少時間,以及用戶在哪個頁面上停留的時間最長。既然無法確定用戶什么時候使用App和使用App時的場景,那設計師應如何做好設計呢?這時可以從用戶做決策、得到結果和對結果滿意程度這幾個方面去思考,如下圖所示。

用戶做決策的4個環節
上圖顯示了用戶做決策的4個環節,設計師可以這樣理解:在什么樣的環境里面,用戶在頁面上通過什么樣的行動來達成什么樣的結果。下面從用戶、行動和結果這3個方面闡述設計師在設計時需要關注的問題。
◎用戶是什么樣的
設計師每天會接到大量的設計任務,交稿的時間也很緊,所以整天都在不停地趕稿。盡管設計師對自己公司的業務和自己作品的服務對象都很熟悉,但卻很少真正地去理解目標用戶是什么樣的人群。例如,一些設計師為某個電商類App做UI設計,卻沒在自己設計的App上買過東西,這樣的設計師無法體會用戶在自己的設計方案上操作時會發生什么樣的狀況。設計師需要去了解自己服務的用戶是誰,最重要的是要理解用戶的使用能力如何。也就是用戶在使用某產品時,他們會不會因為自身水平的限制而無法理解該產品。以電商類App為例,賣基金的App的UI設計方案和賣母嬰用品的App的UI設計方案是不一樣的,雖然二者的用戶群體會有交集,但主流用戶群體特征不一樣,因此二者的UI設計方案也會不一樣。
設計師可以通過公司的商務拓展(Business Development,BD)人員去了解自己服務的對象是什么,服務對象在使用移動端產品時個人能力如何,以及他們所在的企業服務移動端產品的能力又如何。另外,設計師也可以通過產品經理建立的用戶畫像將用戶使用產品的能力、喜好和用戶的基本物理屬性都列出來,方便在設計的時候參考。
◎在頁面上做了什么動作
用戶在頁面上做出的動作是可預知的。UI主要體現的是兩大內容,即數據組件和頁面功能。例如,在一個商城的支付頁面中,其數據組件有收件信息、待支付的商品信息和支付金額,其頁面功能有訂單管理和發起支付的按鈕。所以用戶的行為是可預知的,要么退出支付流程回到上一個頁面,要么重新編輯或按照默認列表進入支付環節并跳轉到下一個頁面。設計師需要對用戶的行為進行引導,并把控好按鈕的大小和顏色、頁面的反應速度、信息的可讀性或易讀性等。
◎得到什么樣的反饋結果
用戶得到什么樣的結果,即用戶在頁面上做出動作后頁面給出的反饋。如果用戶按照預先設定好的產品邏輯和正常流程操作就會得到相應的結果。例如,用戶在購物App的支付頁面上點擊“立即支付”按鈕時,一定會跳轉到支付確認頁面或是跳轉到支付失敗頁面;如果不按照正常的流程操作則會退出支付環節,用戶也會有另外的子目標要完成,如用戶不想買了,或者想重新購買其他東西。
◎環境不同,結果不同
以上的用戶、行動和結果對設計師來說都是可預知的,并且設計師可以在每個環節通過為頁面賦能以獲得期望的效果,但環境是不可預知的。設計師在考慮環境這一影響因素時,需要預估用戶在使用產品時的實際感受,通過選用合適的設計方案讓用戶持續產生好的感受。接下來看滴滴出行App的搶單頁面。

滴滴出行App出租車司機端搶單頁面

滴滴出行App私家車司機端搶單頁面
上頁中的上圖是出租車司機端的搶單頁面,下圖是私家車司機端的搶單頁面,它們都是同一產品的搶單功能頁面,但設計方案卻不一樣。因此,設計師在設計時還需考慮以下3點。
第1點:使用環境。設計師要考慮使用環境。出租車司機需要不停地移動,注意力需要放在行駛的過程中,出租車司機是在行駛的過程中去獲取信息和做決策的。而私家車司機在搶單時,使用的場景更多是固定的環境,有順路的乘客才會搶單。先不考慮使用功能頻率和使用功能背后的動力,單從使用環境就可以提煉出環境對用戶的影響。
第2點:利己點。從出租車司機的角度出發,決定是否要搶某一個單時,距離是影響司機做決策的關鍵因素之一。距離過長,費用不劃算,還會存在叫車用戶跳單的風險,所以距離的遠近是出租車司機考慮的利己點。私家車司機的利己點在于時間能否接受。滴滴出行等叫車軟件在路線設計上是合理的,例如司機的目標路線是從A到B,分配的訂單不會是從A到C。但時間是個問題,叫車用戶用車的時間過早或過晚,就會與車主出發的時間不一致。所以,在私家車司機端搶單的頁面上,出發時間是利己點。
第3點:設計方案。設計師應從用戶的利己點出發設計頁面。如出租車司機關心的是距離,所以在UI設計方案上,顯示距離的數字要設計得更突出。而私家車司機的利己點是時間,所以顯示時間的數字就需要設計得更突出。可能有人會質疑,出租車司機在搶單時會有語音提醒,就算數字不大,語音提醒對搶單信息也做了補充。針對這一點,設計師還需要考慮語音傳達信息是否需要外部環境的支持,例如揚聲器的聲音是否能蓋掉噪聲,同時會不會給司機帶來嘈雜的困擾。
兩個頁面上“搶單”按鈕都做得很大,考核設計方案是否成功的要素不僅有準確傳達信息,還有用戶使用該功能時是否提升了效率。設計師將按鈕的操作區域設計得大一些,這樣即使用戶在忙亂的環境中也能方便快速地點擊按鈕,進而提升搶單的效率。