起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識十萬個產品細節(jié)推導（十五）
編輯導語：產品設計的細節(jié)在一定程度上能夠吸引用戶，并成為該產品的忠實用戶。什么樣的設計才能夠打動用戶的心，并持續(xù)使用該產品？作者分享了十個產品的細節(jié)設計，一起來看看吧。
本期目錄
一、【最右】-神評前置顯示
二、【超級課程表】-語音內容的進度顯示
三、【超級課程表】-領取福利紅包
四、【最右】-發(fā)表個人態(tài)度
五、【荔枝】-進度條拖動顯示
六、【iPhone】-返回的設計細節(jié)
七、【超級課程表】-神評設計細節(jié)
八、【超級課程表】-有趣的打分功能
九、【荔枝】-長按內容進行反饋
十、【微信讀書】-馬克筆劃線的呈現(xiàn)細節(jié)
一、【最右】-神評前置顯示
1.【使用場景】
用戶在瀏覽帖子時，如果帖子內容的吸引度不足，一般都會一滑而過。
2.【設計思考】
設計目標：解決帖子吸引力度不足的問題，提升帖子的點擊率。
設計方案：在最右的首頁中，當一個帖子有神評出現(xiàn)時，就會顯示在帖子的下方，點擊即可查看詳情。這樣的設計能很好地吸引用戶點擊查看，不僅可以提升帖子的點擊率還能增加互動的可能性。
二、【超級課程表】-語音內容的進度顯示
1.【使用場景】
用戶在瀏覽語音內容的帖子時，經常會由于語音過長而不清楚播放的進度，影響瀏覽的體驗。
2.【設計思考】
設計目標：解決聽語音時無進度顯示的問題，提升用戶的滿意度。
設計方案：在超級課程表中，點擊帖子中的語音時，界面上方即會顯示該語音的播放狀態(tài)及進度顯示，更好地給予用戶反饋，讓用戶無時不刻知道自己在做什么、做到了什么程度，提升整體瀏覽體驗。
三、【超級課程表】-領取福利紅包
1.【使用場景】
要想讓產品更好地留住用戶，需要在用戶使用產品時給予些甜頭。
2.【設計思考】
設計目標：增加產品中的福利內容，提升用戶的留存。
設計方案：在超級課程表中，福利紅包以課的形式呈現(xiàn)在課程表內，同時通過顏色與其他課做好區(qū)分，這么設計既不影響界面的一致性，也能吸引用戶點擊福利，通過福利紅包增加用戶的粘性。
四、【最右】-發(fā)表個人態(tài)度
1.【使用場景】
最右作為一款社交互動類的產品，用戶在瀏覽帖子時的互動性是重中之重。
2.【設計思考】
設計目標：解決帖子互動性不足的問題，提升帖子的點擊率。
設計方案：在最右中，帖子的右下方會出現(xiàn)「XX人發(fā)表了態(tài)度」，點擊后即會出現(xiàn)不同態(tài)度表情的選擇。通過人數(shù)的顯示以及有趣的表情更好地吸引用戶去發(fā)表態(tài)度，進一步增加帖子的互動氛圍。
五、【荔枝】-進度條拖動顯示
1.【使用場景】
用戶聽音頻想要快進時，在拖動的過程中經常由于手指的遮擋，無法確定拖動的具體時間點。
2.【設計思考】
設計目標：優(yōu)化進度條拖動時體驗差的問題。
設計方案：在荔枝中，用戶在用手指拖動進度條時，正上方會出現(xiàn)音頻的時間進度顯示，方便用戶查看拖動后的具體時間點，很好的提升了進度條的操作體驗。
六、【iPhone】-返回的設計細節(jié)
1.【使用場景】
當用戶在操作過程中進入到深層級的界面時，如果想返回到最上層需要多次點擊「返回」圖標，影響操作效率。
2.【設計思考】
設計目標：解決用戶返回最上層界面時效率低的問題，提升用戶的操作體驗。
設計方案：在iPhone中，當用戶進入到深層級界面時，長按「返回」圖標，即可出現(xiàn)該路徑中顯示過的界面，選擇其中某個即可返回到該界面，這樣的設計使「返回」變得更加靈活與高效，也算用戶在操作中的小驚喜設計。
七、【超級課程表】-神評設計細節(jié)
1.【使用場景】
用戶在瀏覽其他同學的動態(tài)時，如果動態(tài)內容的吸引度不足，就會降低查看的概率。
2.【設計思考】
設計目標：解決動態(tài)吸引度不足的問題，提升動態(tài)的查看率。
設計方案：在超級課程表中，當一個動態(tài)有神評出現(xiàn)時，就會顯示在動態(tài)的下方，更好地吸引用戶查看。同時點擊后進入詳情，評論頁也會把精彩與普通評論分開展示，更好的提升用戶的瀏覽體驗。
八、【超級課程表】-有趣的打分功能
1.【使用場景】
當用戶在瀏覽動態(tài)內容時，如果遇到感興趣的內容一般都會想表達自己的想法。
2.【設計思考】
設計目標：給用戶提供表達想法的形式，提升動態(tài)的互動性。
設計方案：在超級課程表中，在每個動態(tài)的右下會出現(xiàn)「打分」圖標，點擊后即可對該動態(tài)進行1-10的打分（分數(shù)顏色也是從弱至強），這樣的設計也符合該產品的特色，使用戶（同學）更好地融入其中，提升動態(tài)社區(qū)的互動。
九、【荔枝】-長按內容進行反饋
1.【使用場景】
用戶在瀏覽音頻內容時，如果遇到不感興趣的內容，會希望減少此類內容的推薦。
2.【設計思考】
設計目標：優(yōu)化內容推薦的精準度，提高用戶的瀏覽體驗。
設計方案：在荔枝中，用戶長按某個音頻內容時，會出現(xiàn)反饋彈窗，選擇不感興趣的理由后即可減少此類音頻的推薦，營造更貼合用戶的瀏覽環(huán)境，提升瀏覽體驗。
十、【微信讀書】-馬克筆劃線的呈現(xiàn)細節(jié)
1.【使用場景】
當用戶看到有意義的文章語句時一般都會標記出來，方便后續(xù)回顧和整理。
2.【設計思考】
設計目標：解決文章語句如何標記的問題，提升用戶的滿意度。
設計方案：在微信讀書中，選中某文章中的語句，點擊選擇「馬克筆劃線」后，劃線的呈現(xiàn)效果并不是規(guī)規(guī)整整的，而是和現(xiàn)實中劃線的效果一致。這樣的細節(jié)體驗更好的提升用戶的好感，增加用戶對產品的記憶。
十一、結語
在設計的生涯中，如何說服別人會伴隨著我們從頭到尾。我們在記錄好的設計細節(jié)時，也要不斷提升自己的輸出表達能力。做到既能讓別人聽得舒服，也能讓自己減少改稿率。
本期的產品細節(jié)推導分享結束，我們下期再見！
本文由 @薩瓦迪卡 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載
題圖來自unsplash，基于CC0協(xié)議
- 目前還沒評論，等你發(fā)揮！
