產品細節剖析,讓你看看大廠是如何做設計的

導語:一個產品的好壞與否,都不能站在自己的主觀意見上去做判斷,即使只有20%的用户喜歡,如果在產品設計策略上跟公司的戰略相匹配,剛好滿足於這20% 的主要用户羣,無疑這個產品是成功的。

產品細節剖析,讓你看看大廠是如何做設計的
121.「菜鳥」版本切換-滿足不同受眾用户的需求1. 產品體驗

在菜鳥裹裹我的頁面最底部切換版本功能裏,可根據自己的需要切換大眾版、家鄉版,滿足不同用户的需求。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

在閒暇的時間裏,很多用户沉浸在自己的購物世界裏,穿行於各大電商平台之間,就是買買買……

最激動人心及最難熬的時間莫過於等待快遞的過程,時不時就進入平台查看商品離自己的距離,其菜鳥的誕生,也是為了方便通過不同渠道接收快遞的用户,能更方便、及時的獲取快遞信息。

經常上淘寶的用户應該知道,基於不同用户羣體的需要,開闢了家鄉版本,菜鳥不甘示弱,也相繼推出了家鄉版。

菜鳥如果僅僅是快遞服務,大眾版就能完全滿足用户的需求,但在現實面前,能有多少企業只專注於做一件事情呢?後續推出的家鄉版將用户做了明顯的區分,其主要區別在於周邊服務。

如果將快遞功能看做大眾化的基本需求,那麼周邊服務就可以理解為卓越需求或幸福需求,其受眾程度逐漸緊縮,不同的用户就可能有不同的需求。

大眾版:基於消費水平較高的緣故,主要偏向於跑腿、搬家等常見的城市服務;而家鄉版則推送大量的超低價商品,因受眾用户收入略低,而降低用户的經濟成本,根據不同用户屬性提供不同的服務,解決用户需求的同時也給平台帶來更大的收益。

122.「支付寶」淘票票最便捷的用户體驗-一步到位1. 產品體驗

如果在支付寶的淘票票有未放映的電影票存在且放映時間低於半小時,進入淘票票首頁會通過彈窗通知,避免錯過觀影時間,還能通過彈窗直接取票。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

通常我們在某個時間需要辦一件事,往往會因為正在處理的事情而影響接下來需要辦的事情,即使定了備忘錄鬧鐘,在關閉之後也可能再次出現短暫性的遺忘。

線上應用也是如此,比如上網課、定時看直播、網購影票等,都會出現不同程度的“遲到”,其應用也會想盡各種辦法來提醒用户如約而至,不然,用户終將會把各種問題推到應用的頭上,莫名的“鍋從天上來”。

在支付寶的淘票票購買了電影票,放映低於半小時不僅有桌面的推送提醒,為了給用户更深刻的記憶,還增加了第二層“保險”,即淘票票裏面的彈窗提醒。

用户在進入淘票票時,產生的動機(低於30分鐘)可能是查看電影的放映時間或者取票操作,此時彈窗的出現,不僅可以減少用户的操作路徑,還可以讓用户在無任何操作的情況下瀏覽電影票的基本信息而直接掃碼取票。

此彈窗的出現真所謂是考慮周全且人性化,不僅能有效起到提醒作用,而且一步到位的為用户帶來更便捷的體驗。

123.「釘釘」不同的場景接收不同類型的消息1. 產品體驗

在釘釘的消息通知設置中,可根據自身所在場景,將部分類型的消息暫時屏蔽接收通知,避免工作中受到干擾或睡覺時影響自己休息。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

QQ和微信是我們接觸的最多的社交應用,因為好友較多或羣聊消息頻繁時,在上班過程中很難忍受消息紅點而干擾工作,或者睡覺過程中被消息的“滴滴聲”吵醒,就算調成靜音了,看到手機屏幕亮了也會忍不住去看一下。

除開社交應用,釘釘的工作羣也不例外,特別是人數較多的工作羣,畢竟直接關閉所有通知不太現實。

釘釘可以對不同類型的消息通知進行設置,比如在工作時,只需關閉普通消息提示,把領導和boss設為特別關注,這樣既不會漏掉跟自己有關的工作羣消息,還減少了無效信息的干擾,也不用擔心錯過領導的普通消息而擔驚受怕,根據用户在不同的場景下提供不同的解決方案,可以説是既貼心又安全的服務體驗。

124.「喵喵記賬」先體驗、後登錄-降低使用門檻1. 產品體驗

首次進入喵喵記賬,如果選擇“暫不登錄”,系統會自動分配一個賬號,用户能正常感受登錄後的體驗,可以將分配的賬號密碼以圖片的方式保存到相冊。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

手機號碼雖然不在是隱私了,但它屬於個人信息的一部分,對於那些不是很瞭解的新產品,出於警戒的心理,用户還是堅持能不註冊儘量不註冊的原則,即使有第三方登錄作為引子,可授權之後的手機號碼綁定早已不是秘密,用户並不吃這一套,所以登錄這個門檻就把一部分用户擋在了產品之外。

喵喵記賬在登錄界面提供了遊客登錄,即在不使用手機號碼註冊/登錄的情況下自動分發一個系統賬號,在不影響用户使用的情況下降低門檻,減少用户手機號註冊的防備心理及直接卸載應用的概率,可以理解為隨便看看,先體驗後登錄。

如果在遊客狀態下存在吸引用户的點,且用户已經付出了時間和精力成本,出於虧損避免心理和強烈的好奇心,即可驅使用户註冊來提高轉化率。

(PS:遊客模式只是提升轉化率的起點,做好後續的轉化策略和用户註冊引導非常重要,且只適合新聞、工具、小遊戲等類似產品)

125.「美團」騎手地圖-便於提前規劃取餐時間1. 產品體驗

在美團外賣下單且騎手接單後,能隨時查看騎手與自己之間的距離,事先預估送達時間,以便提前規劃取餐。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

外賣平台雖然很多人在用,但不可否認城市白領才是最大的用户羣體。有時候我們點了外賣卻不知道還有多久送達,當接到取餐電話時,可能正在做一件不可擾亂思路的工作;也許正在開會,不可能丟下與會人員獨自取餐。

美團外賣的騎手地圖可以減少用户這方面憂慮,通過提前查看騎手的位置及送達時間,一眼就知道美食離我還有多遠,便於提前規劃取餐時間點的工作安排,如果無法抽身請同事代取即可,避免突然收到取餐電話而慌忙決定,不管是讓騎手繼續等待、還是立即丟下手頭工作,其必定有一方存在一定的損失,都不是最好的結果。

126.「淘寶」新增地址-簡化流程、提高效率1. 產品體驗

淘寶新增地址時,可以通過定位選擇詳細地址後,系統將省/市/區/街道自動同步至表單選擇框。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

一般情況下,用户在應用中新增地址時,大部分是一股腦的習慣性動作、從上到下的逐漸完成表單內容,基於慣性思維,並未有人覺得不便或不可接受。

使用淘寶新增地址時,如果優先操作定位選擇詳細地址,系統將自動帶入地區信息,免去用户從省/市/區/街道逐步操作的步驟,提高表單完成效率,讓整個操作流程更加便捷,提升產品的易用性。

127.「馬蜂窩」降低消贊幾率-不一樣的套路1. 產品體驗

馬蜂窩的旅遊產品資訊詳情頁面,雙擊主圖的任意位置對其喜歡(紅心點贊),並伴隨表達激勵、感謝性質的文案反饋。在不同位置多次雙擊,紅心會顯示在操作觸發點的對應位置,文案也隨之變換。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

基於人性的心理需要獲得大家的認同感,點讚的初衷是為了表達喜歡和讚賞來鼓勵作者,當然也不排除因閒着無聊、溜鬚拍馬、混個臉熟等一系列的點贊行為,最為常見表現方式為心/星型複選圖標,單擊喜歡、再次點擊取消,對於有主圖、視頻元素的,直接通過主畫面熱區反覆雙擊即可完成喜歡/取消喜歡的操作。

馬蜂窩的旅遊資訊點贊,同樣是圖標入口單擊、主圖雙擊的交互操作手勢,其不同點在於,當用户雙擊主圖點贊之後,再次雙擊並不是取消點贊,而是重複點贊(重複操作的數據不做累計)行為,並配有激勵性、感謝性的不同文案,利用誤導的形式留住用户對原作者的認可,降低取消點贊幾率。

這種操作,很多用户可能會覺得很狗血,但站在用户體驗設計的角度上,這樣的操作套路對用户來説,如果只是偶爾的吐槽,並不會造成反抗情緒的話,平衡利弊後還是很實用的。

128.「微信」滿足不同場景瀏覽視頻消息的靜音播放1. 產品體驗

微信接收到視頻類的會話消息時,如果不方便聽聲音或擔心播放的聲音影響其他人,長按視頻靜音播放即可。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

在上班過程中,當我們無法忍受微信消息紅點,打開聊天框一看,原來是個視頻,好奇心逐漸加重,即使從側面把手機音量減到最低,但部分型號的手機也只是減了來電和信息音量,媒體音量絲毫沒變,點開視頻的一剎那,很多同事都看向你,慌亂之中返回都來不及,只能按住音量鍵不放來逐漸降低。

長按微信視頻消息,從彈出的工具窗口選擇靜音播放,既不用擔心上班“摸魚”被發現、在地鐵上噪音污染、午休時吵醒別人,還能避免把手機音量調到最低後遺漏來點或短信的提醒。從用户角度出發,靜音播放解決了用户在不同場景下即時應對不方便開着聲音看視頻的問題,考慮非常周到。

129.「支付寶」獲取能量的背景下是密密麻麻的流量入口1. 產品體驗

在支付寶的螞蟻森林主頁,能量樹會時不時彈出獲取能量的來源渠道信息,其中不乏家族平台的引流轉化。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

愛上螞蟻森林的用户,其主要在於通過各種渠道收/偷取能量來達到種樹的目的,以一種遊戲化的方式既愉悦了自己,也能通過種樹為公益事業貢獻自己的一份力量。

同時也存在與支付寶好友之間的相互攀比和炫耀,滿足自己的虛榮心(公認心理),所以看到任何一個能獲得能量的渠道,就會感興趣的瞭解一番,殊不知,這只是埋下一根引導用户轉化的引線。

支付寶螞蟻森林的能量樹經常彈出的獲取能量信息,其中很多都是家族產品的相互推介,以打廣告的方式引導用户轉化為目的。

進入螞蟻森林,其用户的主要需求為收/偷取能量,此時出現的廣告以獲取能量來源為導火索,足以吸引用户產生想去了解的慾望,從而跳轉至另一個功能或產品,給予匹配最新的需求促使下單轉化。

  1. 引導至鹹魚,處理自己的閒置商品獲得高額能量(發現自己有好多在淘寶頭腦發熱買過的東西根本沒用);
  2. 點餐不使用一次性餐具綠色環保,引導至餓了麼、口碑外賣下單(反正在哪都是吃 ,不如就在這下單吧);
  3. 購買車票得能量,引導使用本平台的購票服務(曾經就有同事通過多次購票、免息退票刷能量,各有所好,總不能説人家有“貓病”吧);
  4. ……

其實,以上種種在普通用户看來,不僅解決了開始沒有想到的需求,還能獲得能量,何樂而不為呢?對平台而言,有着光鮮外表的小遊戲其實就廣告神器,通過不同的手段把用户輸送至各個流量入口。

130.「網易雲音樂」雲貝推歌-利用從眾心理引導用户推薦1. 產品體驗

網易雲音樂歌曲播放頁“更多”功能裏的雲貝推歌入口直接提示已推薦人數,進入推薦頁會再次提示,利用從眾心理引導用户立即推薦。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

網易雲音樂雖然也曾遭到部分用户的吐槽,但蘿蔔青菜各有所愛,對於網易雲粉來説,基本很少讓粉絲失望。

雲貝推歌功能其上線已久,用户可以通過簽到、邀請好友、發佈內容等多種方式獲得雲貝,然後對於自己喜愛的歌曲,通過播放頁的“更多”菜單點擊雲貝推歌,歌曲將會得到更多推薦,讓此歌曲能更好的擴散,達到更好的傳播效果,所以產品也會用更多、更好的方式引導用户去觸發雲貝推歌操作。

最近在體驗網易雲音樂時,發現播放頁“更多”菜單中的雲貝推歌入口和延展頁面中,均展示了此歌曲的已推薦人數統計,根據用户通常具有羣體的傾向,促使用户做出選擇。即使在線下,當我們在羣體中需要對某件事情做出決策時,習慣性的看看別人是如何決定而導致自己(二八原則)的想法左搖右擺,最終可能倒向決策較為統一的羣體中。

不難看出,網易雲音樂的這種行為是在利用從眾心理進行誘導,利用用户的行為習慣促進產品內容的推薦(從眾心理:我們在某平台買東西,其銷售數量、好評數量都是做出購買決策的條件之一)。

131.「微博」長按/連擊點贊-觸發特效彩蛋1. 產品體驗

在微博詳情頁,連續點擊或長按點贊圖標,會出現表情包擴散和逐漸放大至全屏的彩虹特效,非常炫酷。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

點贊功能原本是用户對原作者表達的認可或讚賞,也是一種鼓勵,但隨着時間的推移,部分產品不僅僅只停留在原本的點贊操作行為上,如果你仔細研究過,就會發現視覺效果一個比一個炫酷、一個比一個炸裂……

微博在2021年2月推出了點贊最新的視覺效果,原單擊點贊/取消的操作不變,但在長按或連擊點贊圖標的條件下,會出現滿屏的彩虹特效和許多表情蹦出,效果十分酷炫。

雖然這種效果對用户並沒有實際的幫助或解決需求,但通過不一樣的視覺效果增強了產品的吸引力,避免同質化的表現方式能帶給用户更深刻的印象,用户記住某個功能/表現力,也能增強對產品的潛在記憶。

(任何事情都有兩面性,一定會有人覺得這個效果特別無聊、還影響視覺瀏覽。那麼請問:如果你不是閒的疼,為什麼瘋狂的連續點擊或按着那麼久不放呢,畢竟原本的單擊點贊/取消就擺在那裏,還是把這個效果留給那些善於探索的用户去發現吧)

132. 「網易雲音樂」一起聽-營造出情感氛圍的點贊動效1. 產品體驗

在網易雲音樂一起聽頁面,若兩人對該歌曲都進行了點贊操作,封面會出現兩顆心碰撞在一起的動效,並從頂部彈出“你們共同喜歡了這首歌”的文案提示。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

網易雲音樂“一起聽”功能上線已久,其主要針對的目標用户比如熟人、異地戀人/親人、陌生人等,應該不存在大半夜兩個爺們一起聽歌吧,當然也不排除“搞基”的可能……

音樂依附着傳達情緒、表達自己情感的屬性,比如提示位置、一起聽時長、表情雨等情感上的交流,能讓相隔數百公里的兩人拉近距離,先不管網易雲是否在深耕社交領域,但不能否認,以打感情牌的方式的確打動了很多用户。

最近發現,使用網易雲音樂“一起聽”時,兩個都對此歌曲點贊後,封面會出現兩顆心碰撞到一起的動畫效果,除了告示用户當前發生了什麼,還以情感化的方式拉近了用户雙方及產品之間的距離,讓產品更有温度。

同時利用温馨的畫面營造出恰當的情感氛圍,既滿足了產品個性化的需要,也使用户感到快樂並提升對產品的滿意度。

133. 「釘釘」tab欄裏藏乾坤-上滑展示更多功能入口1. 產品體驗

按住釘釘底部標籤欄的控制條上滑,會彈出更多的功能入口,點擊直接進入對應的功能頁,非常方便。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

標籤欄(Tab Bar)在界面設計中是繞不開的一個話題,一般通過文字、圖標、底板等元素組合,運用不同的方式表達出不一樣的設計效果,但不管用哪種表現方式,其宗旨都是設計一個視覺美觀、反饋清晰的Tab標籤欄,來傳達產品想表達的、用户期望的信息。

底部導航入口的數量由認知心理學決定 7-2(也就是5)作為導航入口的最高數值,大多數產品也都遵循了這一個原則。

釘釘Tab欄也遵循了最大限度5個功能入口的原則,但規則是死的、大腦是靈活的。將Tab欄的控制條上滑,不影響原有功能使用的情況下,在原有功能下方加入了更多的功能入口,以縮短原有操作路徑的方式,使用户更快進入到想要使用的功能,讓操作更為便捷。

134. 「得物」AR虛擬試穿-全方位真實的體驗感1. 產品體驗

在得物APP部分商品的詳情頁面,點擊虛擬試穿,即可轉換至AR場景,360度查看試穿的實時場景,非常逼真。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

在網上購物時,尤其是服裝鞋子之類的商品,因根據每個人的高矮胖瘦長短,同一款商品穿在不同的人身上,效果卻是天差地別,即使不停的看着主圖、詳情頁、評論/買家秀,也會有很大的偏差,還會懷疑買回來後是否合適的問題而猶豫不決,如果遇上無良商家,更會覺得售後無門。這些存在的想法都有可能讓用户打“退堂鼓”,直接降低產品轉化率。

看上八次十次,不如試穿一次。得物APP部分商品開啓了虛擬試穿功能,雖然在設計師眼裏,都知道這只不過是一個3D虛擬產品結合AR場景給用户使的一個障眼法,但用户不一定清楚,即使清楚,也可能通過試穿的過程來給自己提高滿意度而逐漸降低牴觸情緒和防備心理。

因為試穿的真實感,促使用户快速做出決策,提升下單轉化率。一旦用户支付成功,就是平台的收入,至於用户後面滿不滿意就再説吧,實在不行耍個流氓也行,在某東、某夕夕上面不是很常見麼?

135. 「12306」終點信息-提前預判出行問題並附解決方案1. 產品體驗

使用12306購票,設置好終點後,頂部會出現終點城市的天氣預報和旅遊景點,以及車站附近的酒店,便於用户根據自己的實際需求提前做出安排。

產品細節剖析,讓你看看大廠是如何做設計的
2. 設計思考

12306APP作為購票壟斷性質的存在,雖然以前用户體驗極差,用户還是不得不用,就算用第三方平台購票,但最終結果還是得通過官方的系統渠道走流程,換湯不換藥。

在後來的一次大改版,系統的穩定、視覺美觀及實用性等,站在用户體驗的角度上思考,都得到了很大提升,不再只是購票工具,商業化的味道逐漸顯現出來。

在12306購票,系統根據用户設置的終點站,提供該城市的天氣、車站附近的酒店和旅遊景點等信息。通過預判用户在到達終點站後可能會出現的問題,提前告知用户以預備解決方案。

  1. 天氣預報:提前告知終點城市的天氣信息,在温度較低的情況下,用户可提前預備保暖衣物,如果出現惡劣天氣變化,用户還可以提前做好找人接送或打車的計劃;
  2. 終點站酒店:如果是深夜時間到達終點,住宿就成了最大的問題,這裏通過提供最近的酒店及優惠信息,便於用户提前解決住宿問題(當然,如果身體允許也可以熬到天亮;或者換乘其他交通工具);
  3. 旅遊景點:雖然這個有些強行推送,用户不太可能看到信息後決定遊山玩水,但用户在瀏覽其他信息時,多多少少能留下一些印象,或許決得某個景點不錯,等有時間後再來遊歷一番也不是不可能。
結語

設計師需要養成體驗產品的好習慣並將優秀的產品細節記錄下來,加強自己的記憶,不僅能提升自己的語言組織和總結能力,也為日後輸出優秀的作品當鋪墊,對自己的能力提升以及未來的職業發展帶來便利。

本期產品設計細節分享結束,我們下期再見。

#專欄作家#

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力於產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用户帶來更好的體驗,即好看、好用。

本文原創發佈於人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基於 CC0 協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 7046 字。

轉載請註明: 產品細節剖析,讓你看看大廠是如何做設計的 - 楠木軒