編輯導(dǎo)語(yǔ)：產(chǎn)品設(shè)計(jì)的細(xì)節(jié)在一定程度上能夠吸引用戶，并成為該產(chǎn)品的忠實(shí)用戶。什么樣的設(shè)計(jì)才能夠打動(dòng)用戶的心，并持續(xù)使用該產(chǎn)品？作者分享了十個(gè)產(chǎn)品的細(xì)節(jié)設(shè)計(jì)，一起來(lái)看看吧。

本期目錄

一、【最右】-神評(píng)前置顯示

二、【超級(jí)課程表】-語(yǔ)音內(nèi)容的進(jìn)度顯示

三、【超級(jí)課程表】-領(lǐng)取福利紅包

四、【最右】-發(fā)表個(gè)人態(tài)度

五、【荔枝】-進(jìn)度條拖動(dòng)顯示

六、【iPhone】-返回的設(shè)計(jì)細(xì)節(jié)

七、【超級(jí)課程表】-神評(píng)設(shè)計(jì)細(xì)節(jié)

八、【超級(jí)課程表】-有趣的打分功能

九、【荔枝】-長(zhǎng)按內(nèi)容進(jìn)行反饋

十、【微信讀書】-馬克筆劃線的呈現(xiàn)細(xì)節(jié)

一、【最右】-神評(píng)前置顯示

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

用戶在瀏覽帖子時(shí)，如果帖子內(nèi)容的吸引度不足，一般都會(huì)一滑而過(guò)。

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

設(shè)計(jì)目標(biāo)：解決帖子吸引力度不足的問(wèn)題，提升帖子的點(diǎn)擊率。

設(shè)計(jì)方案：在最右的首頁(yè)中，當(dāng)一個(gè)帖子有神評(píng)出現(xiàn)時(shí)，就會(huì)顯示在帖子的下方，點(diǎn)擊即可查看詳情。這樣的設(shè)計(jì)能很好地吸引用戶點(diǎn)擊查看，不僅可以提升帖子的點(diǎn)擊率還能增加互動(dòng)的可能性。

二、【超級(jí)課程表】-語(yǔ)音內(nèi)容的進(jìn)度顯示

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

用戶在瀏覽語(yǔ)音內(nèi)容的帖子時(shí)，經(jīng)常會(huì)由于語(yǔ)音過(guò)長(zhǎng)而不清楚播放的進(jìn)度，影響瀏覽的體驗(yàn)。

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

設(shè)計(jì)目標(biāo)：解決聽(tīng)語(yǔ)音時(shí)無(wú)進(jìn)度顯示的問(wèn)題，提升用戶的滿意度。

設(shè)計(jì)方案：在超級(jí)課程表中，點(diǎn)擊帖子中的語(yǔ)音時(shí)，界面上方即會(huì)顯示該語(yǔ)音的播放狀態(tài)及進(jìn)度顯示，更好地給予用戶反饋，讓用戶無(wú)時(shí)不刻知道自己在做什么、做到了什么程度，提升整體瀏覽體驗(yàn)。

三、【超級(jí)課程表】-領(lǐng)取福利紅包

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

要想讓產(chǎn)品更好地留住用戶，需要在用戶使用產(chǎn)品時(shí)給予些甜頭。

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

設(shè)計(jì)目標(biāo)：增加產(chǎn)品中的福利內(nèi)容，提升用戶的留存。

設(shè)計(jì)方案：在超級(jí)課程表中，福利紅包以課的形式呈現(xiàn)在課程表內(nèi)，同時(shí)通過(guò)顏色與其他課做好區(qū)分，這么設(shè)計(jì)既不影響界面的一致性，也能吸引用戶點(diǎn)擊福利，通過(guò)福利紅包增加用戶的粘性。

四、【最右】-發(fā)表個(gè)人態(tài)度

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

最右作為一款社交互動(dòng)類的產(chǎn)品，用戶在瀏覽帖子時(shí)的互動(dòng)性是重中之重。

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

設(shè)計(jì)目標(biāo)：解決帖子互動(dòng)性不足的問(wèn)題，提升帖子的點(diǎn)擊率。

設(shè)計(jì)方案：在最右中，帖子的右下方會(huì)出現(xiàn)「XX人發(fā)表了態(tài)度」，點(diǎn)擊后即會(huì)出現(xiàn)不同態(tài)度表情的選擇。通過(guò)人數(shù)的顯示以及有趣的表情更好地吸引用戶去發(fā)表態(tài)度，進(jìn)一步增加帖子的互動(dòng)氛圍。

五、【荔枝】-進(jìn)度條拖動(dòng)顯示

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

用戶聽(tīng)音頻想要快進(jìn)時(shí)，在拖動(dòng)的過(guò)程中經(jīng)常由于手指的遮擋，無(wú)法確定拖動(dòng)的具體時(shí)間點(diǎn)。

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

設(shè)計(jì)目標(biāo)：優(yōu)化進(jìn)度條拖動(dòng)時(shí)體驗(yàn)差的問(wèn)題。

設(shè)計(jì)方案：在荔枝中，用戶在用手指拖動(dòng)進(jìn)度條時(shí)，正上方會(huì)出現(xiàn)音頻的時(shí)間進(jìn)度顯示，方便用戶查看拖動(dòng)后的具體時(shí)間點(diǎn)，很好的提升了進(jìn)度條的操作體驗(yàn)。

六、【iPhone】-返回的設(shè)計(jì)細(xì)節(jié)

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

當(dāng)用戶在操作過(guò)程中進(jìn)入到深層級(jí)的界面時(shí)，如果想返回到最上層需要多次點(diǎn)擊「返回」圖標(biāo)，影響操作效率。

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

設(shè)計(jì)目標(biāo)：解決用戶返回最上層界面時(shí)效率低的問(wèn)題，提升用戶的操作體驗(yàn)。

設(shè)計(jì)方案：在iPhone中，當(dāng)用戶進(jìn)入到深層級(jí)界面時(shí)，長(zhǎng)按「返回」圖標(biāo)，即可出現(xiàn)該路徑中顯示過(guò)的界面，選擇其中某個(gè)即可返回到該界面，這樣的設(shè)計(jì)使「返回」變得更加靈活與高效，也算用戶在操作中的小驚喜設(shè)計(jì)。

七、【超級(jí)課程表】-神評(píng)設(shè)計(jì)細(xì)節(jié)

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

用戶在瀏覽其他同學(xué)的動(dòng)態(tài)時(shí)，如果動(dòng)態(tài)內(nèi)容的吸引度不足，就會(huì)降低查看的概率。

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

設(shè)計(jì)目標(biāo)：解決動(dòng)態(tài)吸引度不足的問(wèn)題，提升動(dòng)態(tài)的查看率。

設(shè)計(jì)方案：在超級(jí)課程表中，當(dāng)一個(gè)動(dòng)態(tài)有神評(píng)出現(xiàn)時(shí)，就會(huì)顯示在動(dòng)態(tài)的下方，更好地吸引用戶查看。同時(shí)點(diǎn)擊后進(jìn)入詳情，評(píng)論頁(yè)也會(huì)把精彩與普通評(píng)論分開(kāi)展示，更好的提升用戶的瀏覽體驗(yàn)。

八、【超級(jí)課程表】-有趣的打分功能

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

當(dāng)用戶在瀏覽動(dòng)態(tài)內(nèi)容時(shí)，如果遇到感興趣的內(nèi)容一般都會(huì)想表達(dá)自己的想法。

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

設(shè)計(jì)目標(biāo)：給用戶提供表達(dá)想法的形式，提升動(dòng)態(tài)的互動(dòng)性。

設(shè)計(jì)方案：在超級(jí)課程表中，在每個(gè)動(dòng)態(tài)的右下會(huì)出現(xiàn)「打分」圖標(biāo)，點(diǎn)擊后即可對(duì)該動(dòng)態(tài)進(jìn)行1-10的打分（分?jǐn)?shù)顏色也是從弱至強(qiáng)），這樣的設(shè)計(jì)也符合該產(chǎn)品的特色，使用戶（同學(xué)）更好地融入其中，提升動(dòng)態(tài)社區(qū)的互動(dòng)。

九、【荔枝】-長(zhǎng)按內(nèi)容進(jìn)行反饋

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

用戶在瀏覽音頻內(nèi)容時(shí)，如果遇到不感興趣的內(nèi)容，會(huì)希望減少此類內(nèi)容的推薦。

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

設(shè)計(jì)目標(biāo)：優(yōu)化內(nèi)容推薦的精準(zhǔn)度，提高用戶的瀏覽體驗(yàn)。

設(shè)計(jì)方案：在荔枝中，用戶長(zhǎng)按某個(gè)音頻內(nèi)容時(shí)，會(huì)出現(xiàn)反饋彈窗，選擇不感興趣的理由后即可減少此類音頻的推薦，營(yíng)造更貼合用戶的瀏覽環(huán)境，提升瀏覽體驗(yàn)。

十、【微信讀書】-馬克筆劃線的呈現(xiàn)細(xì)節(jié)

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

當(dāng)用戶看到有意義的文章語(yǔ)句時(shí)一般都會(huì)標(biāo)記出來(lái)，方便后續(xù)回顧和整理。

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

設(shè)計(jì)目標(biāo)：解決文章語(yǔ)句如何標(biāo)記的問(wèn)題，提升用戶的滿意度。

設(shè)計(jì)方案：在微信讀書中，選中某文章中的語(yǔ)句，點(diǎn)擊選擇「馬克筆劃線」后，劃線的呈現(xiàn)效果并不是規(guī)規(guī)整整的，而是和現(xiàn)實(shí)中劃線的效果一致。這樣的細(xì)節(jié)體驗(yàn)更好的提升用戶的好感，增加用戶對(duì)產(chǎn)品的記憶。

十一、結(jié)語(yǔ)

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

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

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

題圖來(lái)自u(píng)nsplash，基于CC0協(xié)議