在使用不同的產(chǎn)品時(shí)，一些巧妙的設(shè)計(jì)會(huì)給用戶體驗(yàn)帶來不一樣的感受。本文拆解微信讀書，談?wù)劗?dāng)中的一些巧妙設(shè)計(jì)。并論述如何“防止用戶出錯(cuò)”？希望對(duì)你有所啟發(fā)。

在使用微信讀書時(shí)，微信讀書的巧妙設(shè)計(jì)，讓我感到非常的舒適。下面，針對(duì)微信讀書巧妙設(shè)計(jì)，展開說說～

一、用戶使用場景

打開微信讀書，上次閱讀記錄是在 232 頁。因?yàn)橄胍獜那懊鎺醉摰膬?nèi)容開始聽，回憶前面的內(nèi)容，讓閱讀更加連貫。

于是右滑到229 頁，點(diǎn)擊【聽書】，回到了播放主頁。主頁底部彈出一個(gè)提示條“當(dāng)前閱讀與播放位置不一致”。

app 識(shí)別到我想要聽 229 頁內(nèi)容，并讓我選擇是否要聽當(dāng)前。被這個(gè)巧妙設(shè)計(jì)打動(dòng)了～

用戶可自主選擇：

1）選擇1：如果想要聽當(dāng)前閱讀的內(nèi)容，可以點(diǎn)擊 ②【聽當(dāng)前閱讀】按鈕，即跳過當(dāng)前播放內(nèi)容，進(jìn)度條將退回當(dāng)前閱讀的位置，開始播放當(dāng)前閱讀的內(nèi)容。

2）選擇2：如果想要在原播放進(jìn)度上繼續(xù)聽，可以點(diǎn)擊 ①【聽當(dāng)前播放】按鈕，繼續(xù)聽書。

二、用戶操作流程

【當(dāng)前閱讀與播放位置不一致】提示條出現(xiàn)時(shí)機(jī)，是用戶在當(dāng)前閱讀頁左滑動(dòng)或右滑后，點(diǎn)擊【聽書】按鈕回到播放主頁時(shí)出現(xiàn)。

三、業(yè)務(wù)拆解

業(yè)務(wù)目標(biāo)：解決用戶在當(dāng)前閱讀與播放位置不一致時(shí)的聽書問題。

想必設(shè)計(jì)師是有真正地去親身感受聽書的真實(shí)場景，才能洞察到【當(dāng)前閱讀與播放位置不一致】提示條背后隱藏的用戶點(diǎn)擊【聽書】的動(dòng)機(jī)。

下面，針對(duì)業(yè)務(wù)目標(biāo)，拆解用戶行為背后的動(dòng)機(jī)。

step1：觀察用戶在使用過程中存在兩種閱讀場景

場景 1：

用戶未開啟聽書模式，僅在當(dāng)前看書狀態(tài)時(shí)，點(diǎn)擊【聽書】；

場景 2：

用戶已開啟聽書模式，邊聽邊看書時(shí)，點(diǎn)擊【聽書】；

用戶在這兩種場景下，都有可能點(diǎn)擊當(dāng)前閱讀頁面的【聽書】按鈕。

step2：窮舉用戶在使用過程中的場景

場景1：

未開啟聽書狀態(tài)下，用戶點(diǎn)擊【聽書】回到播放主頁不會(huì)有提示，因?yàn)楫?dāng)前閱讀不存在與當(dāng)前播放位置不一致的情況。

因?yàn)榇藭r(shí)沒有當(dāng)前播放，用戶當(dāng)下只有一種選擇，就是播放當(dāng)前閱讀，沒有其他選擇。

場景2：

邊聽邊看書狀態(tài)下，用戶點(diǎn)擊【聽書】回到播放主頁才有可能出現(xiàn)提示，因?yàn)楫?dāng)前閱讀可能與當(dāng)前播放位置不一致。

step3：窮舉兩種場景中存在的狀態(tài)

case1：

用戶當(dāng)前閱讀與當(dāng)前播放位置一致。

用戶當(dāng)前閱讀位置：P232

用戶當(dāng)前播放位置：P232

用戶操作結(jié)果：不滿足提示機(jī)制，不會(huì)出現(xiàn)提示條。

case2：

用戶當(dāng)前閱讀與當(dāng)前播放位置不一致。

用戶當(dāng)前閱讀位置：P229(或P232)

用戶當(dāng)前播放位置：P232(或P229)

用戶操作結(jié)果：滿足提示機(jī)制，會(huì)出現(xiàn)提示條。

step4：還原用戶在 case2 中的行為動(dòng)機(jī)

1）正常操作場景：用戶在閱讀過程中，操作了右滑頁面，想要重復(fù)聽前面的內(nèi)容；或者是操作了左滑頁面，想要跳過當(dāng)前并閱讀后面的內(nèi)容。

2）異常操作場景：不小心誤操作左右滑動(dòng)，導(dǎo)致當(dāng)前閱讀與當(dāng)前播放位置不一致。

四、設(shè)計(jì)思考

為避免用戶誤操作，在產(chǎn)品設(shè)計(jì)中需考慮如何防止用戶出錯(cuò)。尼爾森的可用性原則中的“防錯(cuò)原則”指的是：更用心的設(shè)計(jì)防止這類問題發(fā)生，在用戶可能犯錯(cuò)時(shí)進(jìn)行提醒。

應(yīng)用在該場景下，用戶在聽書狀態(tài)下，存在誤操作【聽當(dāng)前】的情況。為避免該情況的發(fā)生，給用戶帶來不好的體驗(yàn)，當(dāng)用戶當(dāng)前執(zhí)行的任務(wù)狀態(tài)（當(dāng)前閱讀位置），與當(dāng)前實(shí)際的任務(wù)狀態(tài)（當(dāng)前播放位置）不一致時(shí)，需在用戶操作【聽當(dāng)前】前提醒用戶，讓用戶明確了解當(dāng)前狀態(tài)，自行選擇要使用哪種聽書模式。

設(shè)想一下，用戶誤操作滑動(dòng)頁面，回到播放主頁繼續(xù)點(diǎn)擊了【播放】按鈕， app開始從當(dāng)前頁播放聽書。在該場景下，用戶并不想要聽當(dāng)前頁，就會(huì)給用戶增添煩惱（內(nèi)心 OS：我要聽的不是這個(gè)位置的內(nèi)容啊，為啥不提前告訴我點(diǎn)擊后是直接播放的？）。

總結(jié)

1、產(chǎn)品設(shè)計(jì)師需要代入用戶角色去真切感受，找到用戶真實(shí)場景下的行為動(dòng)機(jī)。這樣才能做出貼合用戶使用場景的好產(chǎn)品。

ps:可以通過觀察用戶使用、收集用戶使用產(chǎn)品的運(yùn)營數(shù)據(jù)，輔助做決策，將產(chǎn)品打磨得更貼合用戶使用。

2、產(chǎn)品設(shè)計(jì)需關(guān)注異常場景如何處理，避免給用戶增添煩惱，造成不可挽回的用戶流失。

3、為避免用戶誤操作，在產(chǎn)品設(shè)計(jì)中需考慮在用戶可能犯錯(cuò)時(shí)進(jìn)行提醒。