編輯導(dǎo)語(yǔ)：優(yōu)秀的產(chǎn)品設(shè)計(jì)往往可以關(guān)注到用戶的實(shí)際需求、給予用戶更佳的產(chǎn)品體驗(yàn)，進(jìn)而促進(jìn)用戶轉(zhuǎn)化與留存。而對(duì)這些產(chǎn)品設(shè)計(jì)細(xì)節(jié)的分析與推導(dǎo)有助于設(shè)計(jì)師更好地構(gòu)建設(shè)計(jì)思維。本篇文章里，作者總結(jié)了他對(duì)一些產(chǎn)品設(shè)計(jì)細(xì)節(jié)的思考，一起來(lái)看一下。

一、【扇貝】黨慶一百年頁(yè)面細(xì)節(jié)

1. 產(chǎn)品體驗(yàn)

黨慶一百年前后幾天，扇貝APP菜單欄圖標(biāo)和上方banner，突出了黨慶的氛圍。

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

2021年是中國(guó)共產(chǎn)黨成立一百周年，為慶祝黨的百年華誕，黨中央決定舉行一系列活動(dòng)。中國(guó)共產(chǎn)黨成立100周年慶，在這個(gè)普天同慶的大日子里面，朋友圈里面到處都是紅色的宣言。

為了讓用戶體會(huì)到濃厚的氛圍，部分APP會(huì)在APP內(nèi)部做一些圖標(biāo)置換、放置黨慶橫幅等，來(lái)慶祝黨成立一百周年，營(yíng)造出慶祝中國(guó)共產(chǎn)黨黨成立一百周年的濃厚氛圍。

二、【全民k歌】離線k歌

1. 產(chǎn)品體驗(yàn)

全民k歌，在用戶沒(méi)網(wǎng)絡(luò)的時(shí)候會(huì)提示用戶“當(dāng)前無(wú)網(wǎng)絡(luò)，已點(diǎn)伴奏可離線k歌”，可離線k歌。

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

當(dāng)我們手機(jī)無(wú)網(wǎng)絡(luò)時(shí)，進(jìn)入APP會(huì)提示無(wú)網(wǎng)絡(luò)，請(qǐng)檢查網(wǎng)絡(luò)設(shè)置。

全民k歌會(huì)在用戶無(wú)網(wǎng)絡(luò)的情況下，提示用戶無(wú)網(wǎng)可以做什么，來(lái)吸引用戶繼續(xù)留在該APP，提示用戶“當(dāng)前無(wú)網(wǎng)絡(luò)，已點(diǎn)伴奏可離線k歌”，用戶點(diǎn)擊“已點(diǎn)伴奏”后，進(jìn)行已點(diǎn)伴奏的列表頁(yè)面，可進(jìn)行離線K歌。

三、【淘寶】店鋪商品上新提示

1. 產(chǎn)品體驗(yàn)

淘寶的店鋪列表中，可查看到商家上新的商品數(shù)量。

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

我們?cè)谶M(jìn)行網(wǎng)購(gòu)時(shí)，會(huì)對(duì)自己感興趣的店鋪進(jìn)行關(guān)注，以便于我們下次再次購(gòu)買的時(shí)候?qū)ふ业赇伜筒榭吹赇亙?yōu)惠信息等。當(dāng)我們感興趣的店鋪上新品時(shí)，我們會(huì)想去看下新品是否心儀，淘寶在店鋪上新后，在店鋪列表中顯示該店鋪上新的商品數(shù)量，來(lái)吸引用戶進(jìn)店購(gòu)買。

四、部分APP的個(gè)性加載

1. 產(chǎn)品體驗(yàn)

部分APP在加載動(dòng)態(tài)中加入了他們自己APP的特征，使得加載更加生動(dòng)有趣。

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

“加載刷新”的設(shè)計(jì)往往成為忽略細(xì)節(jié)設(shè)計(jì)之一，靜止的等待（加載刷新過(guò)程）是無(wú)聊的，這種空虛的感覺(jué)會(huì)增加個(gè)體主觀感受的等待時(shí)間長(zhǎng)度，同時(shí)等待會(huì)使個(gè)體的焦躁心情發(fā)展起來(lái)。

很多APP在刷新加載圖標(biāo)中不但加入了APP的特征，且做了有趣互動(dòng)，使得其生動(dòng)有趣。

五、【美團(tuán)】酒店選擇入住時(shí)間

1. 產(chǎn)品體驗(yàn)

使用美團(tuán)酒店選擇入住時(shí)間，在日歷中設(shè)定起止日期，會(huì)在最前面和最后面的日期中標(biāo)注“入住”和“離店”的文字，選擇后會(huì)返回搜索頁(yè)，并計(jì)算出共計(jì)多少晚。

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

我們?cè)谕庑枰胱【频陼r(shí)，在網(wǎng)上預(yù)約酒店，選擇截止日期是必不可少的。

美團(tuán)上使用住宿，選擇起止時(shí)間時(shí)，在起止日期范圍內(nèi)的時(shí)間里，在起止日期中標(biāo)明了入住和離店，用更明顯的視覺(jué)傳達(dá)，讓用戶更明確自己所選擇的日期及范圍。選擇完成后統(tǒng)計(jì)了用戶的入住天數(shù)，系統(tǒng)通過(guò)自動(dòng)統(tǒng)計(jì)時(shí)間來(lái)減少用戶的思考，節(jié)約時(shí)間成本。

六、【微信讀書(shū)】閱讀書(shū)籍選擇章節(jié)

1. 產(chǎn)品體驗(yàn)

微信讀書(shū)閱讀書(shū)籍時(shí)，可查看目錄選擇章節(jié)閱讀。

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

我們?cè)陂喿x書(shū)籍時(shí)，有時(shí)候希望可以跳章節(jié)來(lái)查看或回顧感興趣的章節(jié)，微信讀書(shū)用戶可以查看目錄，選擇章節(jié)進(jìn)行閱讀，無(wú)需用戶手動(dòng)一頁(yè)頁(yè)翻，提升了用戶閱讀體驗(yàn)。

七、【微信讀書(shū)】閱讀書(shū)籍變更字體大小

1. 產(chǎn)品體驗(yàn)

微信讀書(shū)，在閱讀界面可調(diào)整字體大小。

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

不同年齡的人眼力不同，所以閱讀時(shí)字體要調(diào)節(jié)不同的大小才能讓不同年齡階段的用戶閱讀起來(lái)不吃力。

微信讀書(shū)在閱讀書(shū)籍頁(yè)面，有個(gè)“A”字可供用戶調(diào)整字體大小，調(diào)整方式用拖拉式，拖拉的過(guò)程中自己會(huì)隨著調(diào)整移動(dòng)而變化，用戶可以清晰地感覺(jué)字體的變化從而選擇適合自己的字體大小。

八、【微信讀書(shū)】閱讀書(shū)籍頁(yè)背景色調(diào)整

1. 產(chǎn)品體驗(yàn)

微信讀書(shū)在閱讀書(shū)籍頁(yè)面可調(diào)整背景色。

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

隨著現(xiàn)代科技的發(fā)展和人們生活水平的提高，在生活中人們對(duì)顏色要求也越來(lái)越高，不同顏色背景對(duì)人眼視覺(jué)也產(chǎn)生不同的影響。

微信讀書(shū)在閱讀書(shū)籍頁(yè)面，可以調(diào)整閱讀頁(yè)面的背景色，使用戶可以根據(jù)自己身處的環(huán)境及顏色對(duì)自己產(chǎn)生的視覺(jué)感受來(lái)調(diào)整背景色。

九、【微信讀書(shū)】查看閱讀進(jìn)度

1. 產(chǎn)品體驗(yàn)

微信讀書(shū)可查看當(dāng)前閱讀進(jìn)度、閱讀時(shí)間和預(yù)計(jì)全部閱讀完需要的時(shí)長(zhǎng)。

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

我們?cè)诳措娨晞r(shí)，有時(shí)會(huì)關(guān)注到看到哪集，閱讀書(shū)籍時(shí)，也不例外。微信讀書(shū)在閱讀界面可查看當(dāng)前閱讀進(jìn)度、閱讀時(shí)間和預(yù)計(jì)全部閱讀完需要的時(shí)長(zhǎng)，閱讀進(jìn)度用進(jìn)度條展示，使用戶更加清晰地看到自己的當(dāng)前的閱讀進(jìn)度。

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

題圖來(lái)自Unsplash，基于CC0協(xié)議。