編輯導語：在設計生涯中，如何能夠提高自己的産出，說出說服他人的理由，并減少改稿率？作者分享了十個産品的細節推導，看看成功的産品是如何做用戶體驗的，希望大家能夠從中有所收獲，一起來看看吧。

本期目錄

一、【最右】-拖動到此處關閉

二、【抖音】-收藏的快捷查看入口

三、【12306】-回頂部的功能設計

四、【iPhone】-搜索功能的設計細節

五、【抖音】-搜索的提示文案

六、【咕咚】-跑步歌單推薦

七、【餓了麼】-快速返回頂部

八、【咕咚】-引導解鎖訓練計劃

九、【餓了麼】-收藏的設計小細節

十、【最右】-插眼的設計細節

一、【最右】-拖動到此處關閉

1.【使用場景】

用戶在收聽完音頻内容之後一般都會嘗試關閉，為了更好地浏覽其它評論内容。

2.【設計思考】

設計目标：解決音頻模塊如何關閉的問題，提升整體的操作體驗。

設計方案：在最右的評論頁中，用戶長按「音頻模塊」進行拖動時，底部即會出現「拖動到此處關閉」的入口，拖動到該區域即可關閉成功。通過手勢設計很好地方便用戶操作，提升用戶的滿意度。

二、【抖音】-收藏的快捷查看入口

1.【使用場景】

當用戶浏覽到喜歡的内容時一般會進行收藏，同時也希望可以快速查看到已收藏的内容。

2.【設計思考】

設計目标：優化用戶查看收藏的流程，提升産品的流暢度。

設計方案：在抖音中，用戶點擊「收藏」圖标後，底部即出現「已添加到“我的收藏”，去看看」的快捷入口，這樣的設計既提示了用戶已收藏成功，也方便用戶點擊「去看看」查看收藏内容。

三、【12306】-回頂部的功能設計

1.【使用場景】

用戶在購票前往下浏覽其它内容時，如果想重新回到頂部，隻能通過無限下拉界面至頂部。

2.【設計思考】

設計目标：解決用戶返回頂部不方便的問題，提升用戶的浏覽體驗。

設計方案：在12306中，用戶在首頁往下浏覽超過「購票模塊」的位置時，頂部導航欄中即會出現「回頂部」 的功能操作，點擊即可返回到頂部，很好的提升了浏覽體驗及操作效率。

四、【iPhone】-搜索功能的設計細節

1.【使用場景】

當用戶在iPhone中搜索App來打開時，有時打開App後發現并不是自己想要的App。

2.【設計思考】

設計目标：解決用戶搜索時操作失誤的問題。

設計方案：在iPhone中，用戶搜索完某App并打開後，該App會頂部會出現「返回搜索」 的操作入口，點擊後返回至搜索頁。這樣的設計方便用戶在操作失誤時重新搜索并打開自己想要的App。

五、【抖音】-搜索的提示文案

1.【使用場景】

當用戶浏覽短視頻的内容時，有時會由于内容難懂，導緻不了解其表達的意思。

2.【設計思考】

設計目标：給用戶提供遇到困惑時的解決方案。

設計方案：在抖音中，用戶在浏覽短視頻時，搜索欄内的提示文案會根據短視頻的内容顯示，切換内容時也會跟随變化。這樣的設計方便用戶不理解時進行搜索，了解更多的相關信息，解決用戶困惑。

六、【咕咚】-跑步歌單推薦

1.【使用場景】

用戶在跑步的過程中，如果有合适的跑步歌曲搭配，将使跑步的過程不再枯燥。

2.【設計思考】

設計目标：解決用戶在跑步過程中枯燥的問題，提升整體的跑步體驗。

設計方案：在咕咚的跑步頁中，「開始」按鈕旁會設置「聽單」的功能入口，點擊後呈現推薦的跑步歌單，供用戶選擇。這麼設計既使用戶的跑步之旅更加輕松，同時也避免了打開其它聽歌App，減少操作。

七、【餓了麼】-快速返回頂部

1.【使用場景】

用戶在點外賣的過程中往下浏覽想點的商品時，如果想重新回到頂部，隻能通過無限下拉界面至頂部。

2.【設計思考】

設計目标：提升用戶返回頂部的操作容易度。

設計方案：在餓了麼的店鋪頁中，用戶往下浏覽商品時，頂部導航欄中的「全部商品」旁會出現返回頂部的的圖标，點擊後即可返回至頂部，很好的提升了浏覽體驗及操作效率。

八、【咕咚】-引導解鎖訓練計劃

1.【使用場景】

用戶制定訓練計劃的過程都不會那麼容易，一般都會猶豫不決，需要推他們一把。

2.【設計思考】

設計目标：解決用戶在定計劃時猶豫不決的問題，提升訓練計劃的參與率。

設計方案：在咕咚的計劃頁中，底部會輪播顯示其它用戶參加計劃的信息，從而吸引用戶關注。當用戶上滑浏覽時，底部又會出現「解鎖訓練計劃」的入口，進一步去引導用戶參加。

九、【餓了麼】-收藏的設計小細節

1.【使用場景】

一般商家為了讓用戶收藏店鋪，會推出相關的優惠活動給到用戶。

2.【設計思考】

設計目标：解決店鋪收藏量過低的問題，提升下單率。

設計方案：在餓了麼的店鋪頁中，點擊頂部的「收藏」圖标，旁邊的「紅包」圖标即會變成「惠」的圖标形式，進一步提示用戶收藏即可享受優惠活動，同時利用貪便宜的心理暗示用戶下單購買。

十、【最右】-插眼的設計細節

1.【使用場景】

用戶在浏覽帖子的評論内容時，如果對内容非常感興趣，他們會多次去查看評論的最新進展。

2.【設計思考】

設計目标：解決多次查看評論時的效率問題，提升操作的容易度。

設計方案：在最右的評論頁中，用戶點擊「插眼」圖标，即可從「我的」-「插眼」中進行查閱内容，方便用戶後續操作。同時圖标上的表情戴上眼鏡的設計，以及Toast中的插眼人數顯示，更好的告訴用戶插眼成功和帖子的熱度值。

十一、結語

在設計的生涯中，如何說服别人會伴随着我們從頭到尾。我們在記錄好的設計細節時，也要不斷提升自己的輸出表達能力。做到既能讓别人聽得舒服，也能讓自己減少改稿率。

本期的産品細節推導分享結束，我們下期再見！

本文由 @薩瓦迪卡 原創發布于人人都是産品經理。未經許可，禁止轉載

題圖來自Pexels，基于CC0協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部