編輯導(dǎo)語：產(chǎn)品最終要服務(wù)于用戶，因此，合理的產(chǎn)品交互設(shè)計(jì)便顯得尤為重要。而除了利用數(shù)據(jù)等因素作為產(chǎn)品設(shè)計(jì)優(yōu)化的依據(jù)，“推導(dǎo)”也可以成為優(yōu)化設(shè)計(jì)的渠道之一。本文作者分享、總結(jié)了一些產(chǎn)品體驗(yàn)細(xì)節(jié)的推導(dǎo)過程，一起來看一下。

一、【京東】-瀏覽記錄的快捷入口

1.【使用場(chǎng)景】

用戶在瀏覽商品時(shí)，想要重新查看之前了解過的內(nèi)容，希望可以快速查看到?？赡壳皝砜矗脩魹g覽完之后無法第一時(shí)間了解到之前瀏覽了哪些內(nèi)容，如果錯(cuò)過了好東西，將會(huì)非常可惜。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：解決瀏覽記錄入口不明顯的問題；
• 針對(duì)產(chǎn)品：優(yōu)化查看瀏覽記錄的流程。

2）設(shè)計(jì)方案

用戶在商品列表頁瀏覽時(shí)，直接點(diǎn)擊右下角的「足跡」圖標(biāo)（采用簡(jiǎn)單的線性圖標(biāo)也不會(huì)對(duì)界面造成大的干擾），即可跳轉(zhuǎn)到瀏覽記錄的界面，方便用戶去查看之前瀏覽過的內(nèi)容，避免錯(cuò)過了自己喜愛的商品。
3）總結(jié)心得

好的流程應(yīng)該盡可能的減少用戶的操作路徑。京東App「足跡」的快捷入口，有效的提高了用戶的操作效率。

二、【微信】-貼心的保留草稿功能

1.【使用場(chǎng)景】

用戶在朋友圈發(fā)表動(dòng)態(tài)時(shí)，突然有事耽擱了想要晚點(diǎn)發(fā)表，這時(shí)候取消又覺得可惜，不想下次發(fā)表時(shí)重新碼字，浪費(fèi)更多的時(shí)間。希望可以有保存的功能，方便下次發(fā)表。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：解決發(fā)表動(dòng)態(tài)時(shí)無法保存的問題；
• 針對(duì)產(chǎn)品：新增發(fā)布時(shí)的保存功能，促進(jìn)用戶分享動(dòng)態(tài)，提升發(fā)布完成率。

2）設(shè)計(jì)方案

1. 用戶在發(fā)布動(dòng)態(tài)時(shí)，點(diǎn)擊「取消」即可彈出確認(rèn)彈窗「將此次編輯保留？」，再次點(diǎn)擊「保留」后重新發(fā)布動(dòng)態(tài)時(shí)會(huì)自動(dòng)顯示上次保留的內(nèi)容，方便用戶直接發(fā)布，有效提升了用戶的操作效率；
2. 由于用戶同時(shí)多次保存草稿的情況并不常見，故舍棄了「草稿箱」 的形式，采用了只保留上回內(nèi)容的形式，既滿足用戶需求也減少產(chǎn)品功能的冗余。

3）總結(jié)心得

好的流程應(yīng)該盡可能的減少用戶的操作路徑。微信「保留草稿的」的設(shè)計(jì)細(xì)節(jié)，有效的提高了用戶發(fā)布動(dòng)態(tài)時(shí)的操作效率。

三、【餓了么】-貼心的湊單選擇操作

1.【使用場(chǎng)景】

用戶在「餓了么」上選擇商品后想要結(jié)算時(shí)，有時(shí)會(huì)出現(xiàn)不滿起送費(fèi)的尷尬場(chǎng)景。為了減少支出，用戶只能自己去尋找符合差價(jià)的商品，費(fèi)時(shí)費(fèi)力。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：解決用戶湊單時(shí)效率低的問題；
• 針對(duì)產(chǎn)品：提供湊單商品選擇，降低用戶在湊單過程中的退出率，提高下單的轉(zhuǎn)化率。

2）設(shè)計(jì)方案

用戶選擇完商品，發(fā)現(xiàn)不滿起送費(fèi)時(shí)，點(diǎn)擊「去湊單」即可彈出彈窗，依次展示最符合湊單的商品供用戶選擇。很好的幫助用戶篩選，給出選擇建議，不僅提高了用戶的操作效率，也增加了用戶下單的幾率。

3）總結(jié)心得

好的產(chǎn)品應(yīng)該盡可能的幫助用戶選擇，降低用戶的思考成本。餓了么「去湊單」的設(shè)計(jì)細(xì)節(jié)，有效的提高了用戶選擇湊單商品時(shí)的操作效率。

四、【最右】-截圖后自動(dòng)分享的細(xì)節(jié)

1.【使用場(chǎng)景】

用戶瀏覽到有趣的內(nèi)容時(shí)，想要截圖進(jìn)行分享?？赡壳胺窒淼牟襟E過于復(fù)雜，用戶需要打開其他App，選擇該「截圖內(nèi)容」再去分享，費(fèi)時(shí)又費(fèi)力。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：解決用戶截圖時(shí)分享路徑不流暢的問題；
• 針對(duì)產(chǎn)品：優(yōu)化截圖分享路徑，提高產(chǎn)品內(nèi)容的分享次數(shù)。

2）設(shè)計(jì)方案

用戶在進(jìn)行截圖后，自動(dòng)彈出分享的彈窗，提供給用戶不同的分享渠道，以此滿足用戶不同的分享需求，從而也提高了用戶分享時(shí)的操作效率。

3）總結(jié)心得

「減少輸入步驟」能有效提高用戶的操作效率。微信「截圖即分享」的設(shè)計(jì)細(xì)節(jié)，很好的優(yōu)化了分享的操作路徑，節(jié)省了用戶大量的操作時(shí)間。

五、【網(wǎng)易云音樂】-瀏覽時(shí)常駐當(dāng)前播放入口

1.【使用場(chǎng)景】

用戶經(jīng)常會(huì)在瀏覽其它的音樂信息時(shí)，想查看當(dāng)前音樂播放的內(nèi)容?？赡壳坝脩粝肟吹脑捴荒芟韧顺銎渌缑?，再點(diǎn)擊到當(dāng)前播放界面，操作起來過于繁瑣。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：解決查看當(dāng)前播放音樂效率低的問題；
• 針對(duì)產(chǎn)品：優(yōu)化當(dāng)前音樂的路徑，降低操作完成時(shí)間。

2）設(shè)計(jì)方案

用戶在瀏覽時(shí)，界面底部會(huì)常駐當(dāng)前播放音樂的入口，點(diǎn)擊即可跳轉(zhuǎn)到播放界面，用戶操作起來非常方便，很好的提升效率。用戶在瀏覽時(shí)，界面底部會(huì)常駐當(dāng)前播放音樂的入口，點(diǎn)擊即可跳轉(zhuǎn)到播放界面，用戶操作起來非常方便，很好的提升效率。

3）總結(jié)心得

「關(guān)聯(lián)相關(guān)操作」能有效提高用戶的操作效率。網(wǎng)易云音樂中「常駐當(dāng)前音樂播放入口」的設(shè)計(jì)細(xì)節(jié)，很好的優(yōu)化了當(dāng)前音樂的查看路徑，節(jié)省了用戶大量的操作時(shí)間。

六、【淘寶】-長(zhǎng)按啟動(dòng)圖標(biāo)的快捷入口

1.【使用場(chǎng)景】

用戶在淘寶購買物品后，最難熬的想必是等待收貨的過程，會(huì)經(jīng)常去查看物品的物流進(jìn)度?？赡壳皝砜?，用戶查看需要打開淘寶，從訂單入口點(diǎn)擊進(jìn)去，整個(gè)查看過程效率不高。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：解決用戶不方便查看待收貨信息的問題；
• 針對(duì)產(chǎn)品：優(yōu)化查看待收貨的操作路徑，降低操作完成時(shí)間。

2）設(shè)計(jì)方案

用戶長(zhǎng)按淘寶的啟動(dòng)圖標(biāo)之后，彈出操作頻次較高的幾個(gè)快捷入口，點(diǎn)擊「待收貨」即可進(jìn)入待收貨的界面，方便用戶去查看，很好的提高用戶的操作效率。

3）總結(jié)心得

便捷的交互手勢(shì)可以很好的助力用戶使用產(chǎn)品的體驗(yàn)，淘寶利用長(zhǎng)按的手勢(shì)操作，有效的提升了用戶查看的操作效率。

七、【餓了么】-查看配送進(jìn)度的快捷入口

1.【使用場(chǎng)景】

用戶外賣下單之后，最難熬的想必是等待送達(dá)的過程，會(huì)經(jīng)常查看外賣的配送進(jìn)度?？赡壳皝砜?，用戶查看只能從訂單入口點(diǎn)擊進(jìn)去，整個(gè)查看過程效率不高。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：解決用戶不方便查看配送進(jìn)度的問題；
• 針對(duì)產(chǎn)品：優(yōu)化查看配送進(jìn)度的路徑，降低操作完成時(shí)間。

2）設(shè)計(jì)方案

用戶下單之后，界面的右下角會(huì)常駐外賣配送進(jìn)度的快捷入口，點(diǎn)擊即可跳轉(zhuǎn)到配送界面，用戶操作起來非常方便，很好的提升查看效率。

3）總結(jié)心得

「關(guān)聯(lián)相關(guān)操作」能有效提高用戶的操作效率。餓了么中增加「配送進(jìn)度的快捷入口」的設(shè)計(jì)細(xì)節(jié)，很好的優(yōu)化了查看的操作路徑，節(jié)省了用戶大量的操作時(shí)間。

八、【京東】-品牌化的加載形式

1.【使用場(chǎng)景】

當(dāng)用戶在網(wǎng)絡(luò)狀況差的環(huán)境中瀏覽京東購物時(shí)，經(jīng)常加載不出界面的內(nèi)容，而且產(chǎn)品在過渡的過程中缺乏設(shè)計(jì)，從而影響用戶的心情與購買欲望。

2.【設(shè)計(jì)思考】

1） 設(shè)計(jì)目標(biāo)

• 針對(duì)用戶：緩解用戶不耐煩的心情；
• 針對(duì)產(chǎn)品：優(yōu)化加載的設(shè)計(jì)形式，減少用戶的流失。

2）設(shè)計(jì)方案

當(dāng)用戶點(diǎn)擊某個(gè)功能入口，出現(xiàn)加載緩慢的情況時(shí)，京東通過「IP形象與等待狀態(tài)的動(dòng)效」進(jìn)行融合的設(shè)計(jì)形式，很好的使加載變得更加有趣，不但緩解用戶的心情，也能讓用戶加深品牌感，一舉兩得。

3）總結(jié)心得

好的加載設(shè)計(jì)能很好的降低用戶的流失，提升產(chǎn)品的使用體驗(yàn)。京東采用「品牌+動(dòng)效」的設(shè)計(jì)形式，有效緩解了用戶等待時(shí)不耐煩的心情。

九、結(jié)語

在設(shè)計(jì)的生涯中，如何說服別人會(huì)伴隨著我們從頭到尾。我們?cè)谟涗浐玫脑O(shè)計(jì)細(xì)節(jié)時(shí)，也要不斷提升自己的輸出表達(dá)能力。做到既能讓別人聽得舒服，也能讓自己減少改稿率。

本期的體驗(yàn)細(xì)節(jié)推導(dǎo)分享結(jié)束，我們下期再見！

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

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