編輯導(dǎo)語(yǔ)：在日常使用APP時(shí)，我們經(jīng)常會(huì)聽(tīng)到他人說(shuō)這個(gè)產(chǎn)品用起來(lái)不錯(cuò)，給人體驗(yàn)很好。但是當(dāng)我們真正地想去設(shè)計(jì)一款用戶體驗(yàn)好的產(chǎn)品時(shí)，卻怎么也不知道如何實(shí)施，那到底什么樣的設(shè)計(jì)才是用戶體驗(yàn)好的？作者從五個(gè)原則分別闡述，希望對(duì)你有所幫助。

我們?cè)谌粘Ｊ褂媚硞€(gè)APP時(shí)，經(jīng)常會(huì)聽(tīng)到別人說(shuō)某個(gè)產(chǎn)品用戶體驗(yàn)很好，但是一問(wèn)具體怎么體驗(yàn)好，要么說(shuō)不出要么說(shuō)不全，那到底什么樣的設(shè)計(jì)才算是用戶體驗(yàn)好？

在我看來(lái)，一個(gè)好的設(shè)計(jì)是無(wú)任何感知的過(guò)程，使用過(guò)程中容易導(dǎo)致當(dāng)下行為中斷都不算一個(gè)好的方案。

舉個(gè)例子，我們拿出耳機(jī)接下來(lái)的行為大概率是為了連接設(shè)備，藍(lán)牙耳機(jī)相較于有線耳機(jī)，最大的優(yōu)勢(shì)是不會(huì)有線纏繞的麻煩，當(dāng)有線耳機(jī)還在整理線的時(shí)候，藍(lán)牙耳機(jī)可以直接在設(shè)備上進(jìn)行操作連接。

大多數(shù)人對(duì)AirPods的反應(yīng)是，很方便，體驗(yàn)很好，即便它仍存在一些問(wèn)題，但對(duì)于大部分來(lái)說(shuō)，戴上即連接的便捷體驗(yàn)已經(jīng)足夠忽略一些缺點(diǎn)。

初代AirPods的識(shí)別原理并不算復(fù)雜，紅外距離傳感器會(huì)發(fā)射光波，紅外線經(jīng)過(guò)反射再次回到耳機(jī)附近，耳機(jī)內(nèi)部的芯片確認(rèn)紅外線返回信號(hào)后判定耳機(jī)和物體之間的距離，進(jìn)而識(shí)別人們是否戴上了耳機(jī)，從而進(jìn)行連接設(shè)備的判斷。2018蘋(píng)果發(fā)布初代 AirPods后，藍(lán)牙耳機(jī)逐漸成為一種文化，即便它有著不菲的價(jià)格。

我們?cè)賮?lái)看下，蘋(píng)果在連接耳機(jī)的這個(gè)流程中做了什么

戴上AirPods后會(huì)自動(dòng)連接設(shè)備，把與設(shè)備成功連接這個(gè)步驟更進(jìn)一步效率化。用戶的目的是連接上設(shè)備，而連接這種步驟可以交給機(jī)器算法負(fù)責(zé)。當(dāng)用戶專注于自己的目標(biāo)時(shí)，在整個(gè)流程中不會(huì)因?yàn)檫B接按鈕在哪，意外連接失敗失敗的問(wèn)題困擾時(shí)，蘋(píng)果給出的這個(gè)連接方式就是一個(gè)好的交互方案。

設(shè)想下，對(duì)于連接藍(lán)牙耳機(jī)這個(gè)問(wèn)題，如果不是從問(wèn)題產(chǎn)生的時(shí)候去思考，最后的方案也可能是在設(shè)備上顯示一個(gè)大大的顯眼的連接按鈕，但這種方式明顯沒(méi)有自動(dòng)連接的方式好，因?yàn)樵黾恿诉B接成本。

這個(gè)案例對(duì)于交互設(shè)計(jì)師來(lái)說(shuō)有什么啟發(fā)呢，交互設(shè)計(jì)師是解決問(wèn)題給出方案的角色，我們考慮方案時(shí)，應(yīng)該平衡考慮整個(gè)產(chǎn)生問(wèn)題到解決問(wèn)題流程上的體驗(yàn)，把解決問(wèn)題的方式簡(jiǎn)單化。

在產(chǎn)生問(wèn)題和解決問(wèn)題的過(guò)程中，需要評(píng)估一些環(huán)節(jié)存在的必要性，不能單純以較少頁(yè)面跳轉(zhuǎn)，減少操作次數(shù)來(lái)作為提升優(yōu)化的標(biāo)準(zhǔn)。

平衡考慮整個(gè)流程，即使讓用戶多操作一秒鐘，也不要讓他遲疑一秒鐘再去操作，這是因?yàn)樗伎汲杀敬笥诓僮鞒杀?，可以把一個(gè)復(fù)雜的問(wèn)題分多個(gè)簡(jiǎn)單的小問(wèn)題解決，而不要把很多簡(jiǎn)單的小問(wèn)題變成一個(gè)復(fù)雜的問(wèn)題。

我們了解需要考慮解決問(wèn)題的角度，但是在實(shí)際工作中，具體的方案還需要進(jìn)一步評(píng)估，做到細(xì)節(jié)完善，邏輯完整才稱得上是一個(gè)好的設(shè)計(jì)方案。

經(jīng)過(guò)一些項(xiàng)目經(jīng)驗(yàn)，結(jié)合幾個(gè)方法論，我整理出了一個(gè)評(píng)估交互方案完整性的方法，也可以作為前期考慮方案的分析方式。下面就來(lái)介紹一下，希望能給大家?guī)椭蛦l(fā)。

一、預(yù)見(jiàn)性

1. 符合行為的預(yù)期

唐納德·A·諾曼在《設(shè)計(jì)心理學(xué)》書(shū)中提出“意符”的概念。意符是一種提示，告訴用戶可以采取什么行為，以及應(yīng)該怎么操作。

現(xiàn)如今產(chǎn)品越來(lái)越復(fù)雜，但是用戶經(jīng)過(guò)長(zhǎng)期的教育，已經(jīng)懂得很多約定俗成的規(guī)則，已經(jīng)形成了一些共識(shí)和心理預(yù)期，比如知道了搜索按鈕點(diǎn)開(kāi)就是搜索功能，輸入框點(diǎn)擊可以喚起鍵盤(pán)進(jìn)行輸入。

設(shè)計(jì)師可以利用這種操作預(yù)期，合理的使用意符提示，來(lái)做出符合用戶操作預(yù)期的設(shè)計(jì)，避免做出一些容易令人困惑的產(chǎn)品。

2. 更為便捷的預(yù)判設(shè)計(jì)

前面提到了我們?cè)O(shè)計(jì)時(shí)需要從用戶產(chǎn)生問(wèn)題的時(shí)候就開(kāi)始思考解決方案，在一些場(chǎng)景里，用戶的行為具有很明顯的目的性，比如收到驗(yàn)證碼短信后下一步是為了填寫(xiě)驗(yàn)證碼，在臨近十二點(diǎn)這個(gè)時(shí)間段打開(kāi)外賣軟件是為了吃上午飯，我們可以根據(jù)這種目的性把用戶需要的展示給用戶，來(lái)提升用戶使用效率，進(jìn)而提升功能使用完成率。

在思考方案階段，可以結(jié)合自身產(chǎn)品屬性和用戶畫(huà)像，從用戶的身份，行為習(xí)慣、所處物理環(huán)境、內(nèi)容偏好，價(jià)值觀以及易誤操作場(chǎng)景等方面進(jìn)行輔助思考，來(lái)得出設(shè)計(jì)點(diǎn)。

復(fù)制一段地址后，打開(kāi)淘寶的添加地址，會(huì)彈出一個(gè)新建地址的彈窗，并且可以部分信息進(jìn)行操作，考慮用戶復(fù)制地址到打開(kāi)新建地址的流程，不難得出用戶想使用這個(gè)地址的目的，對(duì)剪貼板信息進(jìn)行識(shí)別和導(dǎo)入可以降低操作難度，將流程效率化。

在支付寶的對(duì)話框中，只輸入純數(shù)字時(shí)，會(huì)有轉(zhuǎn)賬的操作提示，預(yù)判用戶可能是因?yàn)橄朕D(zhuǎn)賬的行為，但是錯(cuò)誤的在聊天窗口進(jìn)行操作，將轉(zhuǎn)賬入口顯示出來(lái)是進(jìn)行的一種錯(cuò)誤的挽回設(shè)計(jì)，縮短了重新打開(kāi)轉(zhuǎn)賬功能的步驟。

二、可見(jiàn)性

1. 內(nèi)容、當(dāng)前狀態(tài)明確

在尼爾森十大可用性原則中第一條就是狀態(tài)可見(jiàn)性，指的是系統(tǒng)應(yīng)該在合理的時(shí)間周期內(nèi)，給予及時(shí)的反饋，讓用戶能夠了解正在發(fā)生的事情。清楚地呈現(xiàn)當(dāng)前的系統(tǒng)狀態(tài)，能夠促進(jìn)產(chǎn)品的可信度和可預(yù)測(cè)性。

在內(nèi)容型的產(chǎn)品中，經(jīng)常會(huì)有空狀態(tài)頁(yè)面的顯示，一般會(huì)去做一些內(nèi)容的引導(dǎo)，但是當(dāng)前狀態(tài)的顯示優(yōu)先級(jí)應(yīng)該大于引導(dǎo)的內(nèi)容，應(yīng)該優(yōu)先讓用戶知道狀態(tài)，才去引導(dǎo)避免這種狀態(tài)出現(xiàn)，即便空狀態(tài)會(huì)造成一定的頁(yè)面空間浪費(fèi)。

三、一致性

1. 在產(chǎn)品中一致的感知和理解

在同一個(gè)產(chǎn)品的功能使用層面，相同的功能要保持一致的反饋和操作，這樣可以大大降低用戶對(duì)產(chǎn)品的理解，復(fù)雜程度的降低也有利于留住用戶。

2. 在同類產(chǎn)品中保持一致的行為習(xí)慣

雅各布定律（Jakob’s Law）認(rèn)為，降低用戶學(xué)習(xí)成本要求盡可能依據(jù)用戶既有經(jīng)驗(yàn)進(jìn)行任務(wù)和流程設(shè)計(jì)。就是說(shuō)我們用戶在其他產(chǎn)品上積累經(jīng)驗(yàn)，學(xué)會(huì)如何使用，當(dāng)相似產(chǎn)品出現(xiàn)的時(shí)候用戶會(huì)立刻知道該如何操作。

保持與同類產(chǎn)品相同的用戶習(xí)慣，有利于用戶的習(xí)慣遷移，通過(guò)提升熟悉感來(lái)降低使用難度，當(dāng)用戶感到使用困難和復(fù)雜時(shí)，就會(huì)毫不猶豫的離開(kāi)。

比如現(xiàn)在豎屏的短視頻應(yīng)用在設(shè)計(jì)時(shí)，都會(huì)考慮在切換方式上使用上下滑動(dòng)的方式，用戶已經(jīng)在抖音、小紅書(shū)這類應(yīng)用上學(xué)習(xí)了這一方式，知道了這類產(chǎn)品的使用方式，當(dāng)轉(zhuǎn)移其他產(chǎn)品時(shí)，相同的習(xí)慣也更容易上手適應(yīng)。

四、即時(shí)性

1. 滿足當(dāng)下的即時(shí)場(chǎng)景

功能設(shè)計(jì)時(shí)也需要考慮具體的使用場(chǎng)景，當(dāng)物理環(huán)境，時(shí)間等這類因素發(fā)生變化時(shí)，用戶的需求也可能發(fā)生變化。比如我在白天和深夜打開(kāi)音樂(lè)軟件，聽(tīng)歌的類型可能不同，我在兩個(gè)不同城市打開(kāi)本地美食推薦，想看到的內(nèi)容也可能不同，這就需要我們考慮更精細(xì)化的場(chǎng)景。

淘票票在電影即將開(kāi)場(chǎng)的時(shí)間段打開(kāi)時(shí)，會(huì)顯示電影票信息，這個(gè)滿足了臨近時(shí)間段快速取票的場(chǎng)景，當(dāng)取完票或超過(guò)時(shí)間段時(shí)，就不會(huì)再顯示這個(gè)信息。

微信的語(yǔ)音轉(zhuǎn)文字功能，滿足了新消息的信息提取場(chǎng)景，當(dāng)信息已讀時(shí)，“轉(zhuǎn)文字”的提示的意義就不是那么大了，可以考慮隱藏提示，較少頁(yè)面信息干擾。

五、流暢性

1. 盡可能讓用戶更方便地使用

用戶使用產(chǎn)品是因?yàn)楫a(chǎn)品能提供價(jià)值，可以試著用故事板的方式，模擬用戶在使用產(chǎn)品的過(guò)程中的流程，對(duì)整個(gè)過(guò)程進(jìn)行細(xì)節(jié)優(yōu)化。盡可能讓用戶的流程不會(huì)因?yàn)楦鞣N情況中斷，也盡可能讓用戶不會(huì)因?yàn)樗伎枷乱徊揭趺醋龆t疑。讓用戶在解決問(wèn)題的過(guò)程中保持流暢的狀態(tài)，也可以提升任務(wù)的完成率，實(shí)現(xiàn)產(chǎn)品價(jià)值。

登錄頁(yè)是最常見(jiàn)的頁(yè)面，大家都習(xí)慣了輸入手機(jī)號(hào)碼后，再去切換輸入驗(yàn)證碼的輸入框，那這個(gè)流程還有優(yōu)化的空間嗎？

小紅書(shū)的登錄頁(yè)在輸入手機(jī)號(hào)碼時(shí)，會(huì)判斷號(hào)碼的位數(shù)和號(hào)段，當(dāng)滿足條件時(shí)會(huì)自動(dòng)定位到驗(yàn)證碼的輸入框，在輸入信息的過(guò)程中只需要在屏幕底部的鍵盤(pán)上操作，手指不需要一直上下移動(dòng)，這個(gè)細(xì)節(jié)也符合菲茲定律的應(yīng)用，特別是現(xiàn)在移動(dòng)端設(shè)備屏幕越來(lái)越高，減少這個(gè)步驟的體驗(yàn)太好了。

一個(gè)交互方案并非都需要滿足以上五個(gè)方面，具體看需求的內(nèi)容，但是可以作為方案設(shè)計(jì)的方向考慮，讓方案體驗(yàn)更好。抖音在視頻流中增加直播的類型的方案，我認(rèn)為就是一個(gè)很好的設(shè)計(jì)方案，來(lái)具體以這五個(gè)維度分析看看。

2. 預(yù)見(jiàn)性

進(jìn)入直播間的引導(dǎo)是一個(gè)明顯的按鈕提示，文案上“點(diǎn)擊進(jìn)入直播間”，很好的形成了行為引導(dǎo)，簡(jiǎn)潔明了的示意了點(diǎn)擊后會(huì)進(jìn)入直播間，也提供了當(dāng)用戶被直播內(nèi)容吸引，想進(jìn)一步參與更多的跳轉(zhuǎn)直播間入口。

3. 可見(jiàn)性

在視頻流中加入直播類型，很容易把兩種不同的類型混起來(lái)，為了區(qū)分當(dāng)前是視頻還是直播，抖音對(duì)內(nèi)容進(jìn)行了界面內(nèi)容上的差異展示。在直播類型中，高優(yōu)先級(jí)的顯示“直播中”標(biāo)簽和“進(jìn)入直播間”的提示，在上下滑動(dòng)的過(guò)程中可以較為明顯的進(jìn)行區(qū)分。

4. 一致性

內(nèi)容展示樣式都是以全屏展示，昵稱和內(nèi)容描述也保持了樣式和位置統(tǒng)一，便于相同信息的理解。

5. 即時(shí)性

直播類型的顯示滿足了當(dāng)前正在直播的場(chǎng)景，當(dāng)主播下播后，無(wú)直播間內(nèi)容就不用顯示和引導(dǎo)進(jìn)入直播間，用戶也不會(huì)瀏覽到這個(gè)條信息。在上下切換的過(guò)程中，也只保留直播畫(huà)面和描述，去掉了多余信息，減少用戶無(wú)目的瀏覽內(nèi)容時(shí)的干擾。

6. 流暢性

在點(diǎn)擊進(jìn)入直播間的過(guò)程中，所做的頁(yè)面跳轉(zhuǎn)處理是保持了直播畫(huà)面不變，其他信息加載的方式進(jìn)行。這樣的好處是在用戶專注于直播畫(huà)面時(shí)，進(jìn)入直播間的過(guò)程保持了極好的畫(huà)面延續(xù)性，不會(huì)因?yàn)檫M(jìn)入直播間的頁(yè)面跳轉(zhuǎn)而產(chǎn)生明顯的信息中斷，也不會(huì)因?yàn)槠渌畔⒌募虞d問(wèn)題導(dǎo)致錯(cuò)過(guò)直播信息，整個(gè)過(guò)程極其流暢。

本文由 @天黑黑 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議