2023年產(chǎn)品細(xì)節(jié)洞察分析看完這些你離大廠又近了一步（2022-11）

產(chǎn)品細(xì)節(jié)洞察分析，看完這些你離大廠又近了一步（2022-11）名目章節(jié)

【58同城】發(fā)布與發(fā)布-按鈕給予雙重功能，提升視覺降噪【微信】雙擊放大-文字全屏顯示，識(shí)別清楚閱讀流暢【ZAKER新聞】長(zhǎng)按編輯-結(jié)合易用性給予更多探究體驗(yàn)的樂趣【高德地圖】家人地圖-位置一目了然，電量準(zhǔn)時(shí)顯示【支付寶】外賣了然于心-高效準(zhǔn)時(shí)的顯示送達(dá)距離與時(shí)間【酷狗音樂】空歌狀態(tài)-用趣味插圖，替代文字提示【抖音】評(píng)論兼顧視頻-查看評(píng)論，也能同時(shí)觀看視頻兩不誤【豆瓣】邊刷文字邊聽歌-滿意時(shí)間，享受一個(gè)產(chǎn)品的開闊體驗(yàn)【微信】搖一搖-性別不同，圖案的顯示也不同【汽車之家】按鈕消逝-強(qiáng)化發(fā)布功能，掃瞄時(shí)也為頁(yè)面降噪一、【58同城】發(fā)布與發(fā)布-按鈕給予雙重功能，提升視覺降噪

1.使用場(chǎng)景

在58同城上進(jìn)行發(fā)布閑置作為賣方等角色和在社區(qū)發(fā)布交友內(nèi)容作為社交時(shí)，兩種發(fā)布如何讓用戶更好理解更簡(jiǎn)單使用。

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

設(shè)計(jì)目標(biāo)：解決用戶發(fā)布需求與發(fā)布社交的檢索簡(jiǎn)單度，為頁(yè)面降噪突動(dòng)身布按鈕功能。

設(shè)計(jì)方案：在首頁(yè)和發(fā)覺兩個(gè)模塊中，發(fā)布按鈕賜予不同的圖標(biāo)顯示，做為掃瞄頻次最高的首頁(yè)，發(fā)布類型多樣是滿意大眾用戶較好的一個(gè)放置入口，加號(hào)圖標(biāo)承載著匯合含義，點(diǎn)擊后所承載的內(nèi)容是豐富的。相機(jī)圖形，明顯給人更直觀理解，拍照相冊(cè)文字發(fā)布，更多包含于社交場(chǎng)景下的功能使用。

兩個(gè)功能圖標(biāo)的合并更多是降低用戶學(xué)習(xí)成本和視覺降噪來(lái)進(jìn)行的優(yōu)化，發(fā)布按鈕放在底部并且居中位置，本身也是符合菲茨定律，距離手指目標(biāo)越短，越簡(jiǎn)單操作，同時(shí)也兼顧左右手不同用戶的使用，是一個(gè)很好的設(shè)計(jì)點(diǎn)。

二、【微信】雙擊放大-文字全屏顯示，識(shí)別清楚閱讀流暢

1.使用場(chǎng)景

對(duì)于視力障礙和嘈雜環(huán)境、地鐵等身體晃動(dòng)看不清文字的用戶供應(yīng)的大字顯示。

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

設(shè)計(jì)目標(biāo)：解決用戶看不清文字，閱讀費(fèi)勁的問題，提升閱讀識(shí)別性，讓產(chǎn)品更易用更好用。

設(shè)計(jì)方案：在談天頁(yè)面中，發(fā)來(lái)一段語(yǔ)音，由于嘈雜的場(chǎng)景不便于聽，可長(zhǎng)按語(yǔ)音轉(zhuǎn)文字閱讀，當(dāng)文字很長(zhǎng)閱讀費(fèi)勁時(shí)，可通過(guò)雙擊點(diǎn)擊文本內(nèi)容激活放大顯示功能，進(jìn)行閱讀查看，提高產(chǎn)品易用性，給用戶帶來(lái)良好的閱讀體驗(yàn)。

三、【ZAKER新聞】長(zhǎng)按編輯-結(jié)合易用性給予更多探究體驗(yàn)的樂趣

1.使用場(chǎng)景

如今的產(chǎn)品功能不斷增加，讓原本精簡(jiǎn)的頁(yè)面變的臃腫起來(lái)，ZAKER新聞在訂閱板塊中如何通過(guò)視覺降噪提高產(chǎn)品使用，我們來(lái)看下。

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

設(shè)計(jì)目標(biāo)：解決視覺干擾問題，把不常用的功能進(jìn)行隱蔽，通過(guò)觸發(fā)激活功能，提高用戶操作探究嘗試，提升內(nèi)容聚焦性。

設(shè)計(jì)方案：在資訊模塊訂閱導(dǎo)航中，展現(xiàn)了每個(gè)頻道模塊，用戶通過(guò)長(zhǎng)按頻道激活編輯，進(jìn)行位置移動(dòng)和刪除功能，但凡把功能做隱蔽，就注定增加了用戶學(xué)習(xí)成本，ZAKER新聞在觸發(fā)時(shí)長(zhǎng)上做了優(yōu)化，用戶只需長(zhǎng)按0.5s左右即可激活編輯，相較于1-2s的觸發(fā)時(shí)長(zhǎng)，操作成本降低了許多，也是對(duì)產(chǎn)品易用性的一個(gè)優(yōu)化。

四、【高德地圖】家人地圖-位置一目了然，電量準(zhǔn)時(shí)顯示

1.使用場(chǎng)景

地圖的使用場(chǎng)景大多在于查找目的地或者參看不同路段的實(shí)況信息，但對(duì)于家人位置平安等卻是很少會(huì)考慮到的一個(gè)場(chǎng)景。

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

設(shè)計(jì)目標(biāo)：解決地圖使用場(chǎng)景單一問題，增加家人地圖給用戶實(shí)時(shí)顯示，提高產(chǎn)品使用率。

設(shè)計(jì)方案：假如你常?？次业奈恼?，想必還記得其次期中iPhone查找功能。高德地圖的家人模式，是iPhone查找的升級(jí)版，進(jìn)入我的-家人地圖，可以直觀查看到家人距我的位置，可以通過(guò)打電話或去找Ta來(lái)快捷使用高德地圖，不僅如此，當(dāng)進(jìn)入家人地圖頁(yè)面時(shí)，還有電量狀態(tài)顯示，當(dāng)家人手機(jī)電量過(guò)低時(shí)可以準(zhǔn)時(shí)告知親人進(jìn)行充電以免帶來(lái)無(wú)法使用手機(jī)的風(fēng)險(xiǎn)。

高德地圖從原本只有的地圖導(dǎo)航功能，拓寬到各場(chǎng)景中，衍生出家人地圖模式，不僅為產(chǎn)品本身帶來(lái)正向流量，也為用戶帶來(lái)更多便捷的服務(wù)體驗(yàn)，這本身就是為用戶體驗(yàn)做出的一次嘗試。

五、【支付寶】外賣了然于心-高效準(zhǔn)時(shí)的顯示送達(dá)距離與時(shí)間

1.使用場(chǎng)景

支付寶是阿里旗下最重要的服務(wù)理財(cái)支付匯合型產(chǎn)品，對(duì)于在支付寶-口碑中點(diǎn)外賣的用戶同樣供應(yīng)配送提示。

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

設(shè)計(jì)目標(biāo)：解決在支付寶消費(fèi)實(shí)時(shí)訂單后的實(shí)況反饋提示，優(yōu)化提示機(jī)制，提高產(chǎn)品易用性，提升付費(fèi)下單率。

設(shè)計(jì)方案：在使用支付寶點(diǎn)完一單外賣后，回到首頁(yè)，在中間區(qū)域會(huì)優(yōu)先展現(xiàn)訂單實(shí)時(shí)信息，以及配送距離等，給用戶明確提示，不需要進(jìn)入多級(jí)頁(yè)面繁瑣查看，削減交互路徑。當(dāng)用戶要查看具體信息只需點(diǎn)擊外賣模塊直接進(jìn)入訂單信息頁(yè)面，相比餓了么，用戶下單后，首頁(yè)只展現(xiàn)縮略信息，并不能給用戶直觀信息呈現(xiàn)，還需要點(diǎn)擊進(jìn)入訂單信息頁(yè)面才能查看詳細(xì)內(nèi)容。

對(duì)比兩者，支付寶外賣提示交互路徑更短，更易于用戶查看。

六、【酷狗音樂】空歌狀態(tài)-用趣味插圖，替代文字提示

1.使用場(chǎng)景

空狀態(tài)的使用場(chǎng)景一般都很受限制，在空狀態(tài)之內(nèi)再添加插畫等配圖，給用戶不同的信息反饋，提升產(chǎn)品溫度，使用的親切感。

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

設(shè)計(jì)目標(biāo)：解決空狀態(tài)形式單一，空狀態(tài)下操作內(nèi)容時(shí)文字提示的機(jī)械感受，提升產(chǎn)品情感，強(qiáng)化用戶使用酷狗音樂的心智。

設(shè)計(jì)方案：當(dāng)沒有播放列表沒有歌單時(shí)，點(diǎn)擊進(jìn)入歌曲頁(yè)會(huì)展現(xiàn)黑膠唱片圖形，告知用戶當(dāng)前沒有歌曲，當(dāng)點(diǎn)擊共享或空白處時(shí)，唱片圖形切換成眺望塔插圖，同樣是空狀態(tài)展現(xiàn)，后者即有點(diǎn)擊圖標(biāo)的反饋信息又有傳達(dá)更深層次的理解，示意用戶查看更多好歌再去共享給好友的深層意思，當(dāng)然不同人看到會(huì)有不同的理解。但通過(guò)設(shè)計(jì)手法增加空狀態(tài)的不同呈現(xiàn)內(nèi)容，本身就起到了激發(fā)用戶探究產(chǎn)品的欲望，同時(shí)較好地讓用戶使用產(chǎn)品本身。

七、【抖音】評(píng)論兼顧視頻-查看評(píng)論，也能同時(shí)觀看視頻兩不誤

1.使用場(chǎng)景

在觀看視頻時(shí)，查看評(píng)論區(qū)時(shí)往往都會(huì)和視頻產(chǎn)生分割，不能邊看視頻邊看評(píng)論。

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

設(shè)計(jì)目標(biāo)：解決用戶一心二用的問題，供應(yīng)邊看評(píng)論邊看視頻功能，增加產(chǎn)品使用體驗(yàn)。

設(shè)計(jì)方案：這個(gè)表現(xiàn)手法快手上最先看到，由于這本身就是快手的一個(gè)特點(diǎn)，我在這里不加贅述。

抖音做為UGC內(nèi)容，賜予用戶創(chuàng)作權(quán)限也是最大的，用戶可以上傳橫屏與豎屏內(nèi)容。針對(duì)橫屏內(nèi)容，進(jìn)行評(píng)論與視頻同時(shí)顯示，由于視頻寬度不變，高度的黑色區(qū)域顯示評(píng)論，兩者互不影響，同時(shí)保證觀看體驗(yàn)全都性。

但豎屏不支持與評(píng)論同時(shí)顯示，究其緣由，評(píng)論區(qū)的浮層展現(xiàn)高度受限，豎屏本身內(nèi)容過(guò)，與評(píng)論區(qū)同時(shí)顯示會(huì)壓縮整體尺寸，信息采集少且看不清內(nèi)容，可能還會(huì)帶來(lái)不好的掃瞄體驗(yàn)，與其添加此功能不如不添加。

八、【豆瓣】邊刷文字邊聽歌-滿意時(shí)間，享受一個(gè)產(chǎn)品的開闊體驗(yàn)

1.使用場(chǎng)景

熟識(shí)豆瓣的用戶在掃瞄影評(píng)，愛好小組等模塊時(shí)，配上音樂氛圍感直接拉滿，并且可以更專注查看內(nèi)容。

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

設(shè)計(jì)目標(biāo)：整合業(yè)務(wù)功能，把豆瓣FM植入豆瓣產(chǎn)品中，提高推廣度同時(shí)給用戶視覺聽覺雙重享受，增加使用粘性。

設(shè)計(jì)方案：進(jìn)入豆瓣首頁(yè)通過(guò)左滑或點(diǎn)擊左上角漢堡圖標(biāo)，綻開抽屜模塊，在右下方瓷片區(qū)有豆瓣FM入口（沒使用過(guò)的用戶不顯示播放器）點(diǎn)擊進(jìn)入歌曲播放界面，用戶可對(duì)唱曲進(jìn)行更多操作，關(guān)閉時(shí)同樣通過(guò)下滑手勢(shì)快速回到上一級(jí)中，把聽音樂變得輕量化，在用戶正常掃瞄內(nèi)容時(shí)不會(huì)進(jìn)行視覺干擾，隨時(shí)想聽就聽，很好的整合自家產(chǎn)品矩陣來(lái)一次服務(wù)好用戶。

九、【微信】搖一搖-性別不同，圖案的顯示也不同

1.使用場(chǎng)景

你假如只使用同性別注冊(cè)賬號(hào)并且使用，不會(huì)發(fā)覺細(xì)小的設(shè)計(jì)亮點(diǎn)，就猶如下面這個(gè)案例；左邊男性、右邊女性。

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

設(shè)計(jì)目標(biāo)：按用戶性別區(qū)分，用圖標(biāo)傳達(dá)用戶群體的特征，讓產(chǎn)品更貼合用戶使用。

設(shè)計(jì)方案：當(dāng)你在微信設(shè)置男性時(shí)，進(jìn)入搖一搖頁(yè)面會(huì)是握拳的姿態(tài)抓著手機(jī)，當(dāng)你在微信設(shè)置女性時(shí)，此頁(yè)面會(huì)消失食指和小拇指伸直的圖標(biāo)，二者在性別中做出圖形區(qū)分，目的降低用戶屬性的不貼合，給用戶產(chǎn)生困擾。

男性具有陽(yáng)剛、力氣等屬性，由拳頭衍生出抓手機(jī)體現(xiàn)出專注且有力氣，同時(shí)通過(guò)圖標(biāo)告知用戶搖手機(jī)時(shí)要抓緊防止脫手。

女性具有優(yōu)雅、柔弱等屬性，手指相比男性纖細(xì)修長(zhǎng)，握手機(jī)這么野蠻的動(dòng)作當(dāng)然不能做啦，通過(guò)撬指頭的方式呈現(xiàn)給女性用戶，凸顯出幾分俏皮感。相反男性用戶使用撬指頭的圖標(biāo)多少會(huì)感覺有些娘，究竟在微信里面使用生疏交友功能時(shí)，感受更真實(shí)。

十、【汽車之家】按鈕消逝-強(qiáng)化發(fā)布功能，掃瞄時(shí)也為頁(yè)面降噪

1.使用場(chǎng)景

常常會(huì)有產(chǎn)品在右下角常駐一個(gè)添加按鈕，在掃瞄時(shí)會(huì)遮擋部分內(nèi)容，同時(shí)純色圖形在頁(yè)面中也形成了視覺干擾。

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

設(shè)計(jì)目標(biāo)：解決按鈕干擾以及遮擋部分信息的問題，通過(guò)設(shè)計(jì)表現(xiàn)強(qiáng)化按鈕功能，同時(shí)優(yōu)化用戶掃瞄閱讀體驗(yàn)。

設(shè)計(jì)方案：當(dāng)用戶掃瞄廣場(chǎng)頁(yè)內(nèi)容時(shí)，通過(guò)上滑查看更多內(nèi)容，按鈕隨著用戶手勢(shì)進(jìn)行消逝。當(dāng)上滑時(shí)，表示用戶在進(jìn)行掃瞄內(nèi)容，按鈕消逝；當(dāng)用戶停留一段時(shí)間或向下滑動(dòng)表示用戶返回頂部，這時(shí)候用戶可能是要發(fā)布內(nèi)容，按鈕隨即出來(lái)。

通