編輯導(dǎo)語：一位優(yōu)秀的設(shè)計(jì)師不僅能夠提出解決方案，同時(shí)也要學(xué)會“推銷”自己的解決方案。所以，對于一款好的產(chǎn)品，我們需要發(fā)現(xiàn)美的眼睛，也需要“打破砂鍋，一探究竟”的探索精神。而現(xiàn)在，“推導(dǎo)”成了我們的有力武器。作者為我們分享了一些體驗(yàn)細(xì)節(jié)的推導(dǎo)，我們一起來看一下。

一、馬蜂窩

1. 有趣的快速評價(jià)功能

（1）使用場景

當(dāng)用戶在瀏覽內(nèi)容的時(shí)候，想要去評價(jià)，但一時(shí)詞窮可咋整？用戶希望在評價(jià)時(shí)平臺可以給到參考建議，或者有什么方法方便用戶快速評價(jià)。

可目前用戶只能自己思考內(nèi)容去評價(jià)，一旦思考太久，用戶就放棄評價(jià)了。

（2）設(shè)計(jì)思考

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

• 針對用戶：提供用戶評價(jià)文案的思路，減少用戶思考時(shí)間。
• 針對產(chǎn)品：提高內(nèi)容的回復(fù)量，提升評價(jià)的完成率。

②設(shè)計(jì)方案

當(dāng)用戶準(zhǔn)備評價(jià)時(shí)，點(diǎn)擊“搖一句”的按鈕，自動出現(xiàn)幽默風(fēng)趣的評價(jià)文案，同時(shí)“圖標(biāo)篩子”也會跟著搖起來。

這讓用戶覺得文案是自己搖出來的，非常生動形象，這樣的設(shè)計(jì)增加用戶評價(jià)的樂趣，提升評價(jià)的完成率。

每搖一句，文案自動變化，節(jié)省用戶思考的時(shí)間，給用戶更多的評價(jià)內(nèi)容選擇。

③總結(jié)心得

馬蜂窩App利用“搖一句”的形式給用戶在評價(jià)時(shí)提供內(nèi)容建議，有效地提高用戶評價(jià)時(shí)的效率。

2. 發(fā)布時(shí)貼心的小提示

（1）使用場景

你是否討厭文案編輯到一半竟然沒了，沒錯我也討厭這樣。

馬蜂窩App用戶在發(fā)布內(nèi)容時(shí)，希望在發(fā)布的過程中少出點(diǎn)問題。可目前來說，用戶老是誤操作導(dǎo)致退出或者發(fā)表后感覺內(nèi)容不夠完善。

（2）設(shè)計(jì)思考

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

• 針對用戶：解決用戶誤操作導(dǎo)致退出重寫的問題，提醒用戶對內(nèi)容的完善度。
• 針對產(chǎn)品：提高產(chǎn)品的易用性以及內(nèi)容發(fā)布的質(zhì)量，提升發(fā)布內(nèi)容的完成率。

②設(shè)計(jì)方案

用戶在編輯文案時(shí)，不小心點(diǎn)擊“關(guān)閉”按鈕后，彈出二次確認(rèn)彈窗（采用警告框確保能夠引起用戶足夠的重視）來預(yù)防用戶出錯。同時(shí)內(nèi)容會自動保存，盡可能地降低用戶損失。

當(dāng)用戶點(diǎn)擊“發(fā)表”按鈕后，也會再次提醒內(nèi)容是否完善，是否立即發(fā)表。通過貼心的提示來得到用戶的重視，減少次品，提升發(fā)布內(nèi)容的質(zhì)量。

③總結(jié)心得

操作前的預(yù)防提示可以很好地避免用戶出錯，馬蜂窩App在用戶編輯內(nèi)容時(shí)的前一步以及后一步都考慮得非常周到。雖然彈窗也會中斷用戶的操作流程，但這是值得的。

3. 如此形象的“頂你”方式

（1） 使用場景

當(dāng)用戶在瀏覽文章時(shí)，發(fā)現(xiàn)好玩有趣的文章之后，希望想表示出對它的喜愛程度，可目前只有常見的“評價(jià)”、“收藏”功能已滿足不了用戶想要的，也不能形象生動地表示出對文章的喜愛。

（2）設(shè)計(jì)思考

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

• 針對用戶：優(yōu)化用戶對文章表示喜歡的功能，解決用戶體驗(yàn)不爽的問題。
• 針對產(chǎn)品：提升用戶瀏覽的興趣，提高文章的瀏覽量。

②設(shè)計(jì)方案

在文章介紹頁新增“頂”的功能。當(dāng)用戶連續(xù)點(diǎn)擊時(shí)，采用“頂你的手勢”去體現(xiàn)對作者的喜愛。符合用戶生活中的習(xí)慣，讓用戶覺得更加生動形象，提升興致。

手勢從“頂”端出現(xiàn)到作者頭像端消失，產(chǎn)生很好的互動感。

點(diǎn)擊次數(shù)的上漲以及綻放的微動效，仿佛是在給作者發(fā)送彩蛋。當(dāng)次數(shù)過多時(shí)，作者頭像就會振動以及出現(xiàn)幽默文案提示，仿佛在對用戶說“我已經(jīng)接收到你的喜愛了”。

底部“頂” 次數(shù)顯示也能讓用戶了解到文章的受歡迎程度，提升用戶對文章瀏覽的興趣。

③總結(jié)心得

優(yōu)秀的反饋也能很好地助力用戶使用產(chǎn)品的體驗(yàn)，馬蜂窩App“頂”的反饋形式，就生動形象地讓用戶表達(dá)出對文章的喜愛程度。

4. 收藏后的快速查看入口

（1）使用場景

在馬蜂窩app中，用戶瀏覽到喜歡的景點(diǎn)時(shí)，一般都會進(jìn)行收藏。

當(dāng)用戶收藏過多后想要查看自己收藏了哪些內(nèi)容時(shí)，希望可以進(jìn)行快速查看。

而目前用戶只能退出“景點(diǎn)介紹頁”，然后從“我的收藏”功能入口查看收藏的景點(diǎn)內(nèi)容。

（2）設(shè)計(jì)思考

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

• 針對用戶：優(yōu)化用戶查看收藏的流程，提升用戶的操作體驗(yàn)。
• 針對產(chǎn)品：優(yōu)化產(chǎn)品流程的流暢度，提升用戶對產(chǎn)品的好感度。

②設(shè)計(jì)方案

在景點(diǎn)介紹界面，用戶點(diǎn)擊“收藏”按鈕時(shí)，出現(xiàn)Toast彈窗提示“收藏成功”，給出用戶操作反饋。

同時(shí)從下至上出現(xiàn)“查看收藏”的快捷入口，符合用戶從上往下看的瀏覽習(xí)慣，點(diǎn)擊“去查看”直接跳轉(zhuǎn)到“我的收藏”界面， 舍去了其它沒必要的操作，很好地提升用戶操作效率。

“去查看”的文字按鈕采用藍(lán)色正好與其它不可點(diǎn)擊的文字做了很好的區(qū)分，降低用戶的理解成本。

③總結(jié)心得

一個好的流程應(yīng)該盡可能的減少用戶的操作，降低用戶在操作中的理解成本。

馬蜂窩App利用“查看收藏”的快捷入口，有效地提高了用戶想要查看收藏時(shí)的操作效率。

二、順豐速遞

1. 便捷的粘貼地址信息功能

（1）使用場景

在日常生活中填寫快遞地址是非常麻煩的事情。用戶在打開順豐速遞想要寄件時(shí)，只想希望填寫地址可以變得簡單。

可目前來說，用戶在第一次寄件時(shí)需填寫一大堆的地址信息，同時(shí)地址信息也不一定能記住。

（2）設(shè)計(jì)思考

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

• 針對用戶：解決填寫步驟過多的問題，提升用戶的操作體驗(yàn)。
• 針對產(chǎn)品：提高產(chǎn)品的易用性，提升寄件流程的流暢度。

②設(shè)計(jì)方案

用戶在寄件時(shí)，只需要復(fù)制別人發(fā)送的收貨地址，打開順豐速遞后，自動彈出“是否采用剪切板上的地址”的確認(rèn)彈窗（采用警告框確保能夠引起用戶足夠的重視），點(diǎn)擊某個地址類型，直接輸入成功，非常有效地提高用戶的操作效率。

③總結(jié)心得

預(yù)判用戶下一步并給出快捷操作入口，將會節(jié)省用戶很多操作時(shí)間。順豐速遞App的“粘貼地址信息”功能有效的解決了用戶操作復(fù)雜的問題，提升用戶體驗(yàn)與效率。

三、百度網(wǎng)盤

1. 簡單又好用的交互手勢

（1）使用場景

對于重復(fù)性的操作在用戶心里肯定心生不悅，包括選擇文件。當(dāng)用戶在使用百度網(wǎng)盤想要上傳多個文件時(shí)，“全選”已不能滿足用戶的需求，只想希望可以方便的選擇多個文件?？赡壳皝砜?，用戶想要選擇多個只能點(diǎn)擊選中每個文件，操作起來非常繁瑣。

（2）設(shè)計(jì)思考

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

• 針對用戶：解決用戶操作繁瑣的問題，提升用戶的操作效率。
• 針對產(chǎn)品：提高產(chǎn)品的易用性，增加用戶對產(chǎn)品的好感度。

②設(shè)計(jì)方案

當(dāng)用戶上傳文件時(shí)，長按某個文件之后，向左滑動即可逐個選中每行的文件，返回即可取消選中（符合用戶的認(rèn)知習(xí)慣，降低理解成本）。

向上或者向下滑動可直接選中每行的所有文件，避免了用戶逐個選中文件的麻煩，有效地提升了用戶選擇文件的效率。

③總結(jié)心得

便捷的交互手勢可以很好地助力用戶使用產(chǎn)品的體驗(yàn)，百度網(wǎng)盤App合理使用不同的交互手勢，有效提升了用戶的使用體驗(yàn)與效率。

四、淘寶

1. 截圖后的貼心小操作

（1）使用場景

一般情況，用戶不會無緣無故截圖，怎么才能預(yù)判用戶的下一步操作呢？

深思。用戶在使用淘寶進(jìn)行截圖時(shí)，希望截圖后可以快速滿足他的某些需求。

可目前來看，用戶截圖后沒有任何提示操作，用戶只能自己去思考如何完成。

（2）設(shè)計(jì)思考

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

• 針對用戶：提供用戶截圖后的快捷操作，降低用戶的操作路徑。
• 針對產(chǎn)品：提高產(chǎn)品的易用性，同時(shí)提升商品的購買轉(zhuǎn)化率。

②設(shè)計(jì)方案

用戶在瀏覽商品時(shí)進(jìn)行截圖，產(chǎn)品會預(yù)判用戶的下一步操作（商品分享、問題反饋、圖片同款），自動從右側(cè)彈出提示操作的彈出框，出現(xiàn)3秒后自動消失，減少對用戶的干擾，不影響用戶繼續(xù)瀏覽。

當(dāng)用戶點(diǎn)擊某個功能，比如“圖片同款”，自動跳轉(zhuǎn)到同款商品的列表頁，有效降低用戶的操作路徑。同時(shí)方便用戶去貨比三家，了解更多商品信息，提升該類商品的購買轉(zhuǎn)化率。

③總結(jié)心得

精準(zhǔn)的預(yù)判用戶下一步操作，可以極大的提升用戶的操作效率，淘寶APP即是如此。

五、Bilibili

1. 登錄中有趣的人物微動效

（1）使用場景

用戶下載完Bilibili，想要登錄App時(shí)，產(chǎn)品希望一開始就給用戶帶來新鮮感、互動感，希望通過好的體驗(yàn)吸引用戶。然而目前在登錄過程找不出好的設(shè)計(jì)亮點(diǎn)，體驗(yàn)不佳。

（2）設(shè)計(jì)思考

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

• 針對用戶：解決用戶在登錄過程中體驗(yàn)不佳的問題，提升用戶對產(chǎn)品的喜愛。
• 針對產(chǎn)品：通過增加設(shè)計(jì)彩蛋，提升用戶對產(chǎn)品的好感，增加用戶注冊的完成率。

②設(shè)計(jì)方案

用戶進(jìn)入注冊登錄頁后，當(dāng)輸入賬號時(shí)，界面頂部banner的33娘與22娘會張著嘴，睜著可愛的大眼睛看著你，表達(dá)出對正在注冊登錄的你很感興趣。

當(dāng)輸入驗(yàn)證碼時(shí)，33娘與22娘則會用手捂住眼睛，閉著嘴，仿佛在跟用戶互動，說“我可不會偷窺你的密碼”。

這么做能帶給用戶極強(qiáng)的新鮮感與互動感，加深對Bilibili產(chǎn)品的好感，促使用戶注冊登錄，同時(shí)也符合產(chǎn)品的定位：注重體驗(yàn)、強(qiáng)互動感。

③總結(jié)心得

Bilibili利用可愛的插畫表情變化，無形之間與用戶產(chǎn)生互動，從而吸引用戶。

六、結(jié)語

在設(shè)計(jì)的生涯中，如何說服別人會伴隨著我們從頭到晚。我們在記錄好的設(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é)議