10個產(chǎn)品細節(jié)剖析，讓你看看大廠是如何做設(shè)計的！

作為設(shè)計師，在拿到產(chǎn)品需求的時候，所要做的不僅僅是完成產(chǎn)品的設(shè)計工作，更重要的是要思考如何通過設(shè)計的的手段去推動產(chǎn)品背后的商業(yè)價值達到最大化，提升視覺體驗、增強用戶的粘性以達到用戶轉(zhuǎn)化的目的。不需要我們設(shè)計的有多么復(fù)雜，可能是一個步驟的簡化、一句打動人心的文案、貼心的提示、趣味的動效...

「天貓」搜索框：IP形象打造品牌

1. 產(chǎn)品體驗：

進入天貓APP首頁，頂部為了節(jié)約空間，搜索框以常規(guī)的樣式顯示。頁面上滑時，頂部搜索框變外形換成了天貓的品牌形象元素“貓頭”樣式。

2. 設(shè)計思考：

品牌不一定是IP，但IP一定是品牌，一個企業(yè)的品牌形象至關(guān)重要。IP不一定是企業(yè)的必需品，但有了它就能更進一步的對品牌的傳播起到推動作用。比如將創(chuàng)始人或者公司核心人物的個人精神加入到品牌的形象當(dāng)中，進而產(chǎn)生出巨大的品牌號召力。天貓在品牌傳播方面應(yīng)該是數(shù)一數(shù)二的存在，不管是宣傳海報、彈窗外形、特色專題或插畫等大部分都用了公司的IP形象，抽象的“貓頭”樣式。常規(guī)的事務(wù)都不會有太大的吸引力，就搜索框來說，在應(yīng)用中的作用可謂是舉足輕重，最常規(guī)的樣式就是矩形（或圓角）框。

天貓APP的搜索框樣式則打破常規(guī)，為了提升品牌形象，把頂部搜索框外形設(shè)計成天貓的品牌形象IP“貓頭”樣式，將自身產(chǎn)品所擁有的優(yōu)勢與IP形象相結(jié)合，最大化的從視覺上增強品牌印象和品牌魅力，讓用戶通過品牌在心目中形成了美好的記憶，以至于圍繞品牌形成消費經(jīng)驗，下次可能還會使用，達到增強用戶粘性的目的，用龐大的用戶量和使用頻次增加產(chǎn)品的轉(zhuǎn)化率。

「網(wǎng)易云音樂」貼心的駕駛模式

1. 產(chǎn)品體驗：

在開車時使用網(wǎng)易云音樂，可以設(shè)置為駕駛模式，系統(tǒng)自動屏蔽大部分功能，只顯示播放、上一曲、下一曲操作按鈕，并增大點擊觸發(fā)范圍，放置屏幕偏中間的位置，更容易操作。

2. 設(shè)計思考：

Facebook數(shù)據(jù)表明，雖然音樂類用戶體量沒有視頻類應(yīng)用高，但是綜合使用時長卻高出視頻類應(yīng)用很多，聽音樂能減輕我們的壓力，比如：上班坐車、睡覺前以及閉目養(yǎng)神無聊時都可以聽著音樂。當(dāng)然，我們在駕駛時也不例外，雖然所要做的主要事情是開車，但開車時候聽音樂能緩解我們的精神壓力，尤其是長途駕駛。無論是在交通流暢還是交通擁堵，音樂都能很好的壓制住人的煩躁情緒，保持注意力的喚醒水平，從而提高人的反應(yīng)速度，對駕駛的安全性有好處。車載導(dǎo)航除了地圖外，最常用的功能也就是音樂了，這也驗證了音樂的普遍性。（因人而異，音樂的情緒和感受，對部分用戶還是有影響的，比如：旋律不明顯的快速說唱音樂時，駕駛者會變得緊張；心情不好聽著傷感的歌曲等）。鑒于音樂跟用戶之間的粘性，出于安全考慮，在駕駛過程中，對于音樂類型的應(yīng)用，操作應(yīng)該做到更加便捷。

網(wǎng)易云音樂中的駕駛模式，就是最好的例子。通過在設(shè)置中調(diào)整為駕駛模式后，設(shè)備上只有播放、上一曲、下一曲操作按鈕，頁面更加簡潔，排除無關(guān)元素對視覺的干擾，無需思考、一目了然。其次，按鈕接近有設(shè)備的中間位置，操作范圍增大，放大熱區(qū)無需精準(zhǔn)操作，提升了產(chǎn)品易用性。界面的簡潔程度以及易用性能讓正在開車的用戶有需求的情況下快速操作，縮短操作時間以降低駕駛安全隱患。

「高德地圖」搜索框位置：用戶自行掌控

1. 產(chǎn)品體驗：

使用高德地圖時，可根據(jù)用戶自身的喜好在我的-設(shè)置-首頁設(shè)置頁面，隨時調(diào)整搜索框在屏幕中的位置。

2. 設(shè)計思考：

在我們使用的眾多APP中，搜索框的位置都是在頂部的，這符合用戶的操作習(xí)慣，也形成了慣性思維。當(dāng)用戶有搜索需求時，第一視覺會直接移至屏幕頂部掃視，然后直接執(zhí)行操作。但置于頂部并不是唯一的設(shè)計方法。

高德地圖為了提升使用體驗，可以根據(jù)用戶的自身喜好及設(shè)備條件，在設(shè)置中調(diào)整搜索框的位置，給出兩個位置以供用戶選擇，即置于頂部和底部，這樣做的好處有兩點：

在眾多的用戶群體里面，用戶的使用行為也是千奇百怪，為了滿足不同用戶的使用習(xí)慣，將搜索框的位置讓用戶自行選擇，多一個選擇就多一個方便，用戶需要有控制和來去自由的權(quán)利，切換方式給用戶帶來了更強的掌控感，增加用戶使用粘性。

即使大部分用戶都習(xí)慣搜索框在頂部，但因為目前設(shè)備尺寸越來越大的原因，依然會有部分用戶會將搜索框置于底部。菲茨定律告訴我們“盡可能縮短手指與操作所相關(guān)按的間距”， 搜索框固定在屏幕底部，用戶可以隨時隨地采取操作，能在最短的時間類毫不費力的觸達目標(biāo)，提升產(chǎn)品的易用性。

「百度網(wǎng)盤」超級會員尊貴的“黑金”圖標(biāo)

1. 產(chǎn)品體驗：

開通百度網(wǎng)盤超級會員的用戶，可在設(shè)置中將桌面默認圖標(biāo)改為尊享圖標(biāo)，“黑金”樣式彰顯尊貴。

2. 設(shè)計思考：

開通過百度網(wǎng)盤超級會員的用戶都知道，相比未開通之前，下載速度可謂是蝸牛比火箭，還附有其他各種功能：存儲空間、急速下載、高清畫質(zhì)...等，但我相信大部分用戶多是奔著急速下載去的。

百度網(wǎng)盤超級會員還有一個設(shè)置，雖然沒有實質(zhì)的功能性，但抓住了用戶的心理弱點，就是尊享圖標(biāo)?？稍谠O(shè)置中將桌面默認圖標(biāo)改為“黑金”樣式的尊享圖標(biāo)，利用大部分用戶的炫耀心理，通過換成“黑金”尊享圖標(biāo)炫耀自身的形象以及地位，表示對自己的肯定，滿足自己的虛榮心，以求博得面子，可以帶來一種榮耀和心理上的滿足感。另外還能用差異化樣式給用戶帶來驚喜，讓用戶感受到會員的尊貴感和特權(quán)性，以達到更好的用戶體驗。

「蝦米音樂」登錄頁面的微動效

1. 產(chǎn)品體驗：

進入蝦米音樂登錄頁面，會看到很多元素從設(shè)備四周向中間聚攏的微動效，使用緩慢的運動軌跡反復(fù)循環(huán)。

2. 設(shè)計思考：

一個產(chǎn)品想要盈利，登錄功能是用戶轉(zhuǎn)化關(guān)鍵的一環(huán)，畢竟如果沒有用戶量，再好的產(chǎn)品也是空談。登錄功能的用戶體驗時至關(guān)重要，其樣式也是存出不窮。

蝦米音樂在登錄頁面使用了微動效，通過部分元素從設(shè)備四周向中間聚攏的動畫方式，讓視覺快速聚焦在中心的一鍵登錄按鈕上，減少用戶對登錄方式的選擇性困難和決策時間。另外如果沒有明確的注冊（一鍵登錄）需求，用戶對注冊會有一定的抗拒心理，這時候動效就可以對用戶的抗拒心理產(chǎn)生一部分干擾，并往登錄入口引導(dǎo)，降低用戶的心理防備，以進行一鍵登錄操作，提升注冊成功概率。

（登錄頁面的動畫請慎用，不適當(dāng)?shù)膭有Х绞綍τ脩舻牡卿洸僮鳟a(chǎn)生一定的干擾）

「淘票票」選座：如何提高上座率？

1. 產(chǎn)品體驗：

用淘票票APP購買電影票，在挑選座位時，如果選擇2個或以上的座位，座位中間或兩邊不能留有空位，點擊確認選座會出現(xiàn)彈出提示，以提升座位的利用率。

2. 設(shè)計思考：

經(jīng)?？措娪暗挠脩魬?yīng)該都有碰到，不知道從什么時候開始，在網(wǎng)上購買電影票出現(xiàn)了“潛規(guī)則”，選購電影票座位時，不能留下單個空位。這種不成文的規(guī)定讓單身的友友們瞬間受到一萬點傷害，直接想暴風(fēng)哭泣。甚至有單身的人碰到這種境遇，感覺就是歧視，其實不然。

淘票票APP作為當(dāng)前主流的購票平臺，自然是也有這種限制，其原因跟平臺的背景并無關(guān)聯(lián)。購票時，如果選擇2個或以上的座位，中間或者兩邊留有空位時，系統(tǒng)會自動彈出“座位旁邊不要留空”的toast小窗提示，主要是因為空出來的單個座位會很難賣出去，這樣一來就會造成座位資源的浪費，也會降低影院上座率。如果允許留下單個座位的話，本來應(yīng)該可以坐滿的場次，就不能坐滿了，因為其他購票用戶發(fā)現(xiàn)全是單個座位，就選擇了下一場，畢竟去看電影的用戶大多都是結(jié)伴而行，不管是情侶還是朋友，都希望座位挨在一起，全是單個不相連的座位，用戶就可能放棄購票了，不僅損失消費數(shù)量，而且單座沒人也浪費資源、影響利潤，這是出于對主流用戶群體的考慮。

之前，網(wǎng)上流傳著一個事件：其中一年的11月11日，某電影院的座位都被觀影者間隔性購買，其目的是單身用戶為了故意讓情侶們的座位挨不到，避免秀恩愛、破壞虐單行為的一場惡作劇，結(jié)果就是影院的上座率很低，直接造成經(jīng)濟損失。不管這個事件是否有真實性，但減少單個座位的出現(xiàn)，從優(yōu)化資源配置、降低座位空置率以及方便結(jié)伴而行的觀眾觀影體驗來說，這樣的設(shè)計是人性化的。

（為了統(tǒng)一，其他購票平臺都有這種限制，用淘票票APP頁面只是用于案例展示）

「騰訊QQ」青少年模式：有效防止小盆友“胡來”

1. 產(chǎn)品體驗：

通過QQ的左上方頭像-設(shè)置-通用，可開啟青少年模式，即對部分功能做了限制，提供更簡潔純凈的體驗；

開啟驗證鎖，在修改部分功能設(shè)置時，需要短信驗證，避免被小盆友自行修改功能設(shè)置。

2. 設(shè)計思考：

雖然微信在社交產(chǎn)品里一直是大哥級別的擔(dān)當(dāng)，但QQ并沒有因此隱退，兩個社交軟件各自都是帶著不同的使命立身于社交界。如果經(jīng)常需要傳送一些文件或?qū)π畔⒌谋Ａ簦琎Q明顯比微信更實用。網(wǎng)上經(jīng)常流傳著一些言語，說“騰訊的社交和游戲毀了青少年”，果真如此的話，不可能有龐大的用戶體系讓之立足，對此，我個人不做過多的言語。其實很多事情都是事在人為，假如沒有騰訊，一定會有A訊、B訊...等企業(yè)取而代之，相同的問題依然存在?？v然如此，騰訊團隊依然在對所出現(xiàn)的過情況進行不斷的完善。

QQ此次推出的青少年模式，對于在學(xué)習(xí)中必須要使用QQ的青少年，為避免在學(xué)習(xí)過程中不斷分心而受到其他功能的影響起到了一定的抑制作用。在設(shè)置中切換為青少年模式，限制部分功能，再開啟短信驗證鎖，避免被小盆友自行修改功能設(shè)置即可，“麻麻再也不用擔(dān)心我的學(xué)習(xí)了”。設(shè)置后：

• 極簡的頁面顯示，讓學(xué)習(xí)更加純粹；
• 屏蔽大部分的娛樂和廣告類內(nèi)容，排除無關(guān)功能；
• 設(shè)置“聊天消息顯示拼音開關(guān)”，更便于小盆友對文字的認識；
• 設(shè)置QQ帳號是否能被陌生人搜索到、被陌生人拉入群，通過搜索添加好友等功能，防止以學(xué)習(xí)為目的去嗨聊；
• 自動屏蔽無效搜索信息，只能搜到現(xiàn)有聯(lián)系人及聊天記錄，以減少干擾。
• ......

看到這些功能，青少年模式簡直就是為學(xué)習(xí)而量身打造的，不過再好的軟件只是輔助，真正還得結(jié)合家長的教育和監(jiān)督，以增強小盆友的自覺性，根據(jù)軟件功能的優(yōu)勢結(jié)合進行有效利用，方能達到最佳效果。

「微信」跳轉(zhuǎn)到還沒看位置：上下銜接

1. 產(chǎn)品體驗：

在瀏覽微信朋友圈時，點擊跳到還沒看的位置，已瀏覽過的信息會快速上移，自動跳轉(zhuǎn)至上次結(jié)束的位置。

2. 設(shè)計思考：

有很多用戶的閑暇時間都留給了微信，除了聊天之外，就屬朋友圈了。沒事的時候發(fā)個朋友圈證明自己還“活著”，也會不停的去刷著其他好友發(fā)的朋友圈記錄，微信好友比較少的還行，如果較多又具有強迫癥，必須把朋友圈的所有信息都刷完的用戶真的是“難產(chǎn)”，因為這次沒刷完結(jié)束后，下次根本無法記起上次結(jié)束的位置，總感覺好像有什么重要的信息漏掉了。

根據(jù)用戶的訴求，微信又推出一重磅功能“跳到還沒看的位置”。但很多用戶都會或多或少的去刷著朋友圈，除了對部分好友信息的了解，也可能是打發(fā)時間，有時會有心理作祟“要從上次的地方接著看，是不是什么重要的信息漏掉了”。系統(tǒng)會在上次已瀏覽過的信息前面提示“跳到還沒看的位置”入口，點擊可以直接忽略已瀏覽過的信息，直接跳到上次結(jié)束的位置，能有效避免用戶因重復(fù)查看而浪費時間，帶來便利性的同時，用戶的粘性也會隨之提升。

「嗶哩嗶哩」猝不及防的登錄彈窗

1. 產(chǎn)品體驗：

進入嗶哩嗶哩APP，在體驗過程中，就算用戶沒有主動點擊登錄、也沒通過特定條件觸發(fā)登錄，系統(tǒng)也會不定時的自動彈出“本機號碼一鍵登錄”的提示，促使用戶登錄（登錄即注冊）。

2. 設(shè)計思考：

市面上99.9%的APP都有登錄功能，因為這直接涉及到產(chǎn)品的用戶量、使用粘性及企業(yè)的利益。登錄后可以記錄用戶操作數(shù)據(jù)，保護隱私，確保APP的功能能被全部使用，以實現(xiàn)等級差異的基礎(chǔ)，不過登錄功能相當(dāng)于對用戶的使用設(shè)定了門檻，可能會增加用戶體驗，也可能會導(dǎo)致用戶流失，各有利弊。目前APP是登錄性質(zhì)無非兩種：①強制登錄，這種性質(zhì)有助于真實用戶的轉(zhuǎn)化，但因為登錄的阻礙，可能會導(dǎo)致很多用戶放棄使用并導(dǎo)致用戶流失；②非強制登錄，可以讓用戶優(yōu)先體驗產(chǎn)品，但因為用戶不能深度使用，會減少用戶對產(chǎn)品的認知，降低轉(zhuǎn)化率。其實在這兩種登錄性質(zhì)上，眾多應(yīng)用都無法做到很完美，只能根據(jù)自己產(chǎn)品的實際情況在利弊上進行取舍。

嗶哩嗶哩APP為了規(guī)避掉這兩個弊端，用了一個折中的辦法。進入APP時，無需強制登錄，在體驗過程中，即使沒有主動觸發(fā)登錄條件，系統(tǒng)也會不定時的自動彈出登錄提示，通過友好的文案“登錄解鎖體驗更多精彩內(nèi)容”為用戶著想，偶爾提醒用戶，采用所有登錄方式中最為便捷的“本機號碼一鍵登錄”，用戶登錄成功后，系統(tǒng)自動注冊。既規(guī)避了強制登錄的阻礙，同時又通過非條件觸發(fā)的彈窗+最便捷的登錄方式提升用戶注冊率，增加產(chǎn)品用戶總量，一舉兩得。

「Tell」解憂雜貨店：不開心就寫信

1. 產(chǎn)品體驗：

在Tell應(yīng)用里，可以隨時將我們的不開心、煩惱通過信箋的方式提交，后臺會有專業(yè)的義工或其他用戶給我們細心的回信解答，真情實感回復(fù)，超級暖心治愈。

2. 設(shè)計思考：

居住在一、二線城市的大部分人群壓力巨大，并且鄰居之間、人與人之間的距離感也越來越遠。很多用戶面對婚姻家庭、親密關(guān)系和職場事業(yè)等束手無策，另外在成長中的青少年也都有著不能和父母、同學(xué)說的煩惱等無處傾訴。因此，需要有一個私人空間來訴說，以尋求答案和解決辦法。

Tell是一款陌生人社交軟件，在我們有不開心或煩惱時，通過寫信的方式進行傾訴，晚上十點半信封會被分發(fā)到各位tellers信箱里，收到信封的人會耐心解答，讓我們?nèi)ナ斋@陌生人的溫暖。還也可以對收到的信（每天只有三封）進行回復(fù)，通過看別人傾訴的煩惱去為他們解答，收獲溫暖的同時盡力去讓別人收獲，贈人玫瑰手有余香。

除此之外，用戶每天還能定時使用小篝火通過語音傾訴來緩解負面情緒的功能。以安靜溫暖的對話和探討，幫助自己面對當(dāng)下的強烈情緒、急于逃離的孤獨，以及迫切需要解答的煩惱，如同情緒回收站，超級暖心治愈。

結(jié)語

設(shè)計師需要養(yǎng)成體驗產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細節(jié)記錄下來，加強自己的記憶，不僅能提升自己的語言組織和總結(jié)能力，也為日后輸出優(yōu)秀的作品當(dāng)鋪墊，對自己的能力提升以及未來的職業(yè)發(fā)展帶來便利。

本期產(chǎn)品細節(jié)分享結(jié)束，我們下期再見。

上期回顧：