產品細節剖析,讓你看看大廠是如何做設計的(2021-08)

1 評論 8131 瀏覽 29 收藏 33 分鐘

編輯導語:一款好的產品除了功能過硬之外,還需要讓用戶在使用的時候感受到舒適,提升用戶的體驗感。而這些,往往體現在產品設計的小細節中。很多時候,我們喜歡一款產品,卻說不上來哪里打動了我們,其實被我們忽略掉的就是那些能夠提升產品體驗的小細節。

作為設計師,我們時時刻刻都在和各種應用打交道,在體驗的過程中,其實里面有很多小揪揪需要深挖和思考,所以千萬不能小瞧它。

很多產品細節的背后都是為了更多新用戶的加入、瀏覽、留存、付費/轉化等,以最終達到對用戶服務/體驗的提升、內容生產者的利益以及企業自身的商業化。

106.「微信」公眾號取消關注-潛在的門檻

1. 產品體驗

微信公眾號的取消關注在改版后更換了樣式,由之前非常明顯的按鈕弱化為小頭像圖標,并置于右上角。

2. 設計思考

我們經常穿行于各大微信公眾號之間,其目的主要在于閱覽各種軟文,一方面增加我們對自身、周邊事物的了解,另一方面提高自己的眼界。

基于公眾號數量的龐大,其內容、質量也是參差不齊,總會挑選一些自認為質量不錯的公眾號進行關注,根據時間流逝,對公眾號的類型及質量要求在不停的變化,取消關注、來回切換也是常有的事。

可自從上次更新之后,很多用戶在公眾號歷史消息頁面找不到取消關注的入口了。

微信公眾號之前在歷史消息頁面有一個醒目“不再關注”按鈕,隨時清晰可見。改版之后,將“不再關注”按鈕換成了一個非常小的“頭像圖標”,調整到了右上角位置,圖標的樣式且與取消關注毫無關聯,如果不通過試錯操作則很難發現。微信這樣調整的目的主要在于增加用戶取消操作的成本,也是為了保護公眾號的利益。

公眾號只是平臺推出的一個版塊或子產品,其真實運作起來,作者、讀者缺一不可,增加取消關注的難度。

總會有部分用戶知難而退或延時取關,很大程度上降低了公眾號的掉粉率,隨著掉粉率的降低或穩定,有一種對原創作者的內容肯定、認可的錯覺,潛在的鼓勵作者創作出質量更高的內容,同時可能會吸引更多的用戶關注,如此良性循環下去,三方共贏。

弱化取消關注入口,看似很小的改動,或許有用戶會抱怨,但對產品的穩定和提升起到的很大的作用。

107.「高德地圖」視覺障礙模式-色盲/色弱用戶的福星

1. 產品體驗

在高德地圖的地圖設置中開啟視覺障礙模式,道路交通擁堵情況的色彩提示,會替換成一套色盲/色弱用戶的專屬配色,幫助其更輕松的使用地圖導航。

2. 設計思考

首先,我們在考駕照之前,都會被要求去對應機構體檢,其中就包括視覺檢查,如果是色盲/色弱用戶則很難按照正常流程去考駕照,但不排除原本沒有問題、在拿到駕照之后,逐漸出現色盲/色弱的情況(例如:曾經有人眼睛里進了一只蚊子,揉過之后就出現視覺障礙),但依然有自駕出行的需求。

除此之外,還有部分并無自駕需求的色盲/色弱用戶,會查看地圖導航,根據實際路況來選擇出行工具,此時這類人群對常規的路況色彩提示并不能準確的辨識,因而陷入不知所措的狀態。

高德地圖增加了視覺障礙功能,在設置中開啟后,路況的顏色提示會變成色盲/色弱用戶的專屬配色,其設置中有色彩對應的代表說明,便于此類型用戶能輕松掌握路況信息。

高德的這種思考方式是讓任何人在任何情況下都能平等地、方便地、無障礙地使用地圖導航,不得不說,產品團隊真的是有心了。

108.「小宇宙」紙杯電話-滿滿的回憶殺

1. 產品體驗

小宇宙APP在網絡出現故障時,會以“紙杯電話”的樣式作為缺省頁插圖,提醒網絡壞了,喚醒兒時記憶。

2. 設計思考

現在的孩童時光,大多數的業余時間除了學習之外,就是在電視機前看動畫片或玩手機。

但在80后那個沒有網絡的年代,信息都是通過跑腿或信件傳遞,為了豐富自己的兒童時光,其中也自制了一些印象較為深刻的簡易玩具,包括最早的手機“紙杯電話”。把兩個紙杯底部分別扎一個小孔,用毛線從小孔穿過連接起來并拉直,一人說話一人聽,就能完成“打電話”的過程。

小宇宙APP在網絡出現故障時,就利用“紙杯電話”的插圖樣式作為斷網缺省頁,首先能明確告知用戶當前頁面的信息狀態出現了什么問題,并引導用戶進行解決操作;其次,利用故障定位出該狀態的格調和氣氛,與用戶建立情感連接,通過情感化的方式喚起用戶的童年記憶。

此時,不管頁面出了什么問題,都可以加深對產品的印象,為用戶的再次訪問埋下伏筆。

109.「叮咚買菜」猜你喜歡-“找相似”讓你更加喜歡

1. 產品體驗

叮咚買菜首頁“猜你喜歡”版塊,如果對當前商品不滿意,長按彈出找相似入口,進入即可瀏覽與之相似的商品。

2. 設計思考

平時我們在沒事的時候,拿起手機在某些電商平臺,一逛就是一個小時,眼花繚亂的看著各種商品,即使不準備買,也是在下單的邊緣瘋狂試探。

基于用戶的瀏覽記錄、時長、頻率,直接提高了“猜你喜歡”內容的精準度,根據用戶心理特征做出背后策略并在后續不同程度的再次呈現給用戶,即有幾率再次促進轉化。

叮咚買菜同樣在首頁推出了猜你喜歡版塊,但如何利用用戶心理把可轉化率提升到最高呢?

其實,不難看出,用戶對部分商品的多次瀏覽,除了少部分只是路過外,其主要原因還是在價格(經濟許可)、口碑、品牌或主圖/詳情的誘惑力上產生顧慮,如果在變化不大的情況下多次推薦給用戶,作用微乎其微。

長按叮咚買菜“猜你喜歡”的商品區域,從彈出的找相似入口進入,系統會從商品庫匹配類似的商品或相同的商品在不同的店鋪呈現給用戶,其價格、口碑等這些可能會影響用戶顧慮的條件都會有不同程度的變化,以最大力度改變用戶的想法,當解決了用戶的部分顧慮后,有可能再次勾起下單的欲望,間接促成用于下單提升轉化。

110.「高德地圖」提高安全系數的AR實景導航

1. 產品體驗

使用高德地圖導航時,將手機與地面形成垂直角度,界面會變成AR實景導航,相比普通導航更真實,各種指示和預警更加清晰可見,手機置于水平角度后,界面還原。

2. 設計思考

出行時,尤其是自駕,地圖應用就是我們最好的向導,但它畢竟是一個軟件,并非萬能。比如:遇到錯綜復雜的道路且有多條進/出口時,一不留神,駛錯車道就在轉瞬間,而且基于地圖本身的抽象性,很多地方還得依靠自己理性判斷思考。

AR(增強現實技術)對多很多用戶來說,聽起來還是比較陌生,但隨著技術的不斷發展,很多企業已在嘗試實現AR導航技術,其整體體驗相比普通車載導航要好出一大截,也是未來導航的趨勢。

使用高德地圖導航時,手機呈垂直角度即可自動切換AR實景導航,非常直觀的體驗。

傳統導航通常都是經過語音或圖像的傳達,接受到信息后用戶會思考幾秒,很容易出錯且存在安全隱患,而AR導航利用攝像頭將前方道路的真實場景實時捕捉下來,再結合汽車當前定位、地圖導航信息以及場景 AI 識別,生成虛擬的導航指引并疊加到真實道路上,創建出更貼近駕駛者真實視野的導航畫面,箭頭會無縫貼合在于真實場景,只需要跟著箭頭走,就能進入正確道路,相比傳統地圖導航更加精細,提供了更加安全、舒適的駕駛體驗。

111.「搜狗輸入法」復雜/生僻字-貼心的拼音合并功能

1. 產品體驗

使用搜狗輸入法,當遇到生僻/復雜文字不會打拼音時,不妨試試將文字的偏旁部首拆開分別拼音,或許有你想要的結果。

2. 設計思考

中華文明五千年歷史,從甲骨文算起,漢字已經3000多年的歷史,雖然我們天天接觸漢字,但基于目前科技普遍,電子設備多的數不勝數,很多情況下直接減少了我們對漢字的接觸和溫故。

然而有時候打字卻遇到部分比較復雜的漢字突然不知道怎么拼,尤其是工作所需或需要緊急回復時,“認字認一半”可能無法快速解決當前問題,到底是感慨中華文化博大精深、還是尷尬呢?

使用搜狗輸入法打字,如遇到較為復雜/生僻字不會打拼音時,可直接拆分其偏旁部首分別拼音,在右側即會出現拼音疊加的單個文字,再配合“認字認一半”方法。

雖然不能解決所有類似的需求,但能滿足大部分用戶所碰到的問題,減少因不會拼音帶來的困擾,兼顧了特殊用戶對打字使用體驗的關照,貼心的拼音合并方式操作簡單,這是一個非常實用但容易被忽視的好功能。

112.「得物」3D空間-720度無死角瀏覽商品

1. 產品體驗

在得物APP瀏覽商品時,可從詳情頁主圖進入3D空間,通過上下、前后左右拖動360度無死角預覽、放大縮小讓細節清晰可見,使之購買前對商品更加了解。

2. 設計思考

得物(毒)APP名字雖然沒那么響亮,但作為定向的電商平臺,在自己所在的圈子里還是小有名氣,如果你是喜歡潮流、運動的人群,那一定知道“毒”,即現在的得物。

此App聚集了一大批熱愛球鞋、潮品穿搭和潮流文化的愛好者,其平臺商品上架的標準也極為嚴格,其用戶體驗更是不必多說。

得物APP的3D空間算是用戶體驗非常好的一個黑科技了,通過詳情頁主圖的3D空間進入,在這里,部分商品能進行可操控式自轉,用戶通過翻轉、放大、縮小等操作來查看商品的材質、圖案、紋理、細節等,真正實現了可交互式互動,堪稱360°x2無死角預覽。

得物利用3D空間黑科技為用戶帶來更為便利、有趣、流暢的購物體驗,打造了真正科技感的沉浸式購物。

113.「馬蜂窩」趣味且炫酷的連擊點贊

1. 產品體驗

在馬蜂窩的游記中,對網友們曬出的攻略、心得贊善有加時,多次點擊左下角的“頂”,頁面中會以“喜歡”的手勢圖標從底部直奔頭像,并用“連擊”樣式的數字累計,以及代表作者心情的回應。

2. 設計思考

《羞羞的鐵拳》電影中有一段讓我印象非常深刻,記著馬小在“鐵鍋燉自己”時說了聲:老鐵們禮物刷起來,666走起來,當時被滿屏覆蓋的666應該讓很多屏幕的觀者都興奮不已。

現如今,各種產品的線上內容也都加入了喜歡、點贊、推薦等操作,樣式和原理基本大同小異,大部分都是通過心/星型圖標,點擊選中、再次點擊取消,有點復選框的感覺,其實可以根據產品的屬性及受眾用戶的性格延伸出多種樣式,比如情感、個性、趣味等,以此給用戶帶去不同的心理感受。

馬蜂窩游記詳情頁左下角的頂(又名:點贊)存在連續點擊時,會出現一連串“喜歡”的手勢圖標并從底部快速移動至作者頭像,頭像且以閃動的效果+文案做出回應,配合數字累加和抖動效果,著實炫酷,算是狠狠的秀了一把,有種直播禮物滿天飛的既視感。

我們都知道,點贊不光是對作者的認可,其不同的視覺效果還能表達自己對作者的贊美程度和內心的滿足感。另外,動態視覺效果大大提高了趣味性,就一個點贊功能,活生生整出了打游戲砍怪時的連擊效果,利用非常炫酷有趣樣式,提升用戶對產品的滿意度。

114.「真快樂」中斷登錄流程-最后的彈窗挽留

1. 產品體驗

真快樂使用第三方應用登錄授權成功后,需要綁定手機號碼,如果此時返回,系統通過彈窗配合警告性質的文案對用戶流失前做出最后一步挽留。

2. 設計思考

登錄是用戶轉化最關鍵的一環,沒有用戶量再好的產品也是空談,因為這涉及產品的用戶量、使用粘性及企業的利益,所以有很多產品想盡一切辦法促使用戶注冊,哪怕是“僵尸”也在所不惜,一旦用戶注冊成功,平臺就會抓取用戶的隱私信息、操作數據等,便于日后對癥下藥用來促進用戶轉化和喚醒“僵尸”用戶。

這個隨時都有可能把用戶阻擋在門外的登錄門檻,是無法越過的,只能通過不同的手段來提升注冊量。

真快樂APP使用第三方賬號授權成功后,用戶若在綁定手機號碼環節操作退出/返回時,系統會利用彈窗對用戶做出操作警告,提醒用戶退出頁面可能帶來的影響和后果(無法購物),對用戶的返回流程制造難度,讓用戶思考 當前的退出決策是否正確,畢竟相對于‘收獲’來說,‘損失’更讓人在乎某事物。

針對此種情況,必定有極少部分用戶難而退,從而繼續完成登錄注冊的流程,一旦用戶登錄,就準備接受平臺層出不窮的轉化手段吧。

(有人會說,大家都會反感這種阻擾操作流程的做法,但站在平臺的角度所設計,你都要離開我了,可能會是永久,我還在乎這個彈窗會對你造成反感嗎,畢竟你不回來,總會有其他人被我拉回來)

115.「網易云音樂」是如何降低用戶取消成功幾率的?

1. 產品體驗

在網易云音樂取消關注其他用戶時,系統通過彈窗提醒關注時長、取消后的損失,并刻意混淆主次操作按鈕提高用戶操作失誤的可能性,以此達到讓用戶放棄取消操作的目的。

2. 設計思考

在用戶量及其龐大的應用里,基于用戶的選擇范圍更廣且隨意性較強,所以對內容的質量要求更高,尤其是短視頻、直播類型的應用,用戶對創作者今日關注、明日取關的情況再正常不過了。

因掉粉情況的存在,很可能帶給創作者的心理作用,影響后期創作的發揮,甚至直接導致流失,而損失最大的一定是平臺。

很簡單的道理,你辛辛苦苦在抖音埋頭苦干了幾個月,結果發現自己的粉絲只有兩位數,要么更加努力苦逼支撐,要么棄坑,所以說粉絲就是創作者最大的精神支柱,一點都不為過。

網易云音樂APP用戶之間的相互關注,利用社交的因素將用戶進行潛在的捆綁,以提高用戶的使用粘性,針對脫粉的情況做了一定的預防措施。當用戶存在取消關注(脫粉)行為時,系統通過彈窗挽留,利用關注的天數提醒取消關注后將重新計算的損失來增強說服力,促使用戶放棄脫粉行為。

另外,用戶取消關注時,根據行為召喚主行動按鈕應為取消,然而此彈窗則弱化取消、強化繼續關注按鈕來達到混淆主次操作的目的,利用大家對于一些習慣性的操作完全就是下意識、且無需思考的慣性思維,引導其操作主按鈕,用戶誤以為取關成功,平臺則潛在的為其他用戶留下了粉絲,從而為后續的互惠互利得到了保障。

如果用戶發現被誤導,可能出現再次脫粉動機,但勢必要付出更多的操作/時間成本,相關數據表明,每提升一次用戶的成本,用戶放棄操作的可能性就越大。

116.「中國農業銀行」啟動頁-連貫性的故事場景

1. 產品體驗

初次進入農業銀行,系統將多張圖片拼合在一起、制作出一個連貫的故事場景作為新手引導頁,左右勻速滑動,就像看著一整張圖片或看小視頻的感覺。

2. 設計思考

不知大家是否還記得2017年的“百雀羚1931”廣告,上線當天的瀏覽量就破410萬,且一天時間就為公眾號帶來5萬粉絲。

其設計風格上保持著經典的傳統,讓人們有難忘回憶的感覺,結合講故事的形式,從1931年百雀羚成立開始,用一張長圖逐漸穿破時間線,形成一個完成的故事場景,雖然后來針對設計和營銷方面存在很大爭議,但這則廣告在上半年一直都是翹楚的存在,并不是沒有原因。

農業銀行的引導頁結合多張圖片形成一個完整的故事場景,用戶左右勻速滑動時,就像在看影片一樣。連貫性的故事場景能用戶帶來共鳴,就比如用戶在看這則啟動頁時,有些場景總是好像在那里見過,而等我們看到最后一個場景時,直接拍手叫好,這就是共鳴。

農業銀行通過產生的共鳴抓住用戶這一剎那的感覺,給用戶留下深刻的印象,從而提升看到它的用戶衍生出想要傳播的欲望。

117.「訊飛輸入法」詞窮-空格聯想關鍵詞助力完善

1. 產品體驗

在訊飛輸入法的輸入設置中,開啟“空格提交聯想詞”功能打字時,點擊空格鍵后,系統會根據已錄入的內容聯想,自動匹配較為連貫的文字組合成完整的句子。

2. 設計思考

因為進入社會已久,書本知識基本與大腦分離,很多時候在和朋友交流時想說幾句漂亮話,可苦于表達能力有限,只能支支吾吾這個……那個……的糊弄過去。

線下的即時交流沒辦法解決,那么到了線上就好說了,例如在社交軟件聊天時,因不受時間的限制,可利用各種智能輔助組織語言,實在不行百度復制粘貼,分分鐘給對方一種“江南才子”的趕腳,就連吵架都能不帶一個臟字兒的分分鐘把對方嚇“尿”。

不過話說回來,我們在打字聊天時,不管出于什么目的,好的文采(語言組織)的確能給對方不一樣的感覺,提升自己的形象。

訊飛輸入法的空格聯想功能,根據已錄入的內容,自動匹配文字并組合成連貫的句子,當用戶在卡殼或詞窮時,不妨多按幾次空格鍵,會有意想不到的結果,或許能夠解決不時之需。

如果行之有效,不僅能減少用戶去其他地方搜尋的次數,還?能滿足用戶的虛榮心,以獲得他人的認同感,?從而得到一種榮耀感和心理上的滿足。

118.「微信」群內發專屬紅包-沒有中間商

1. 產品體驗

如果在微信群需要給指定的成員發紅包,點擊左上角的類型選擇“專屬紅包”,紅包發出后只有被指定的人才能成功領取,能有效防止被冒領的可能性。

2. 設計思考

大部分微信用戶都存在多個群聊,因為用戶量的龐大,我們不可能將群里的所有人都加為好友,但因特殊原因需要把紅包發給群里的指定成員,當紅包發出后發現被冒領了,經過自己的一番游說,冒領的用戶(A-B-C-……N)輪番多次退會,最終才到指定的用戶手中,真心不容易啊,收個紅包,簡直比“20世紀的郵政”還要慢。

還有很多用戶不知道微信的專屬紅包功能,其實早已解決了這個問題。通過發專屬紅包,在微信群里快速的將紅包發給指定的群員,有效避免被冒領而耽誤太多時間和不必要的溝通,還能防止陌生人領取紅包后立即退群導致金額無法追回,給自己帶來經濟損失。

119.「網易云音樂」不會放過任何展示品牌的機會

1. 產品體驗

下載網易云音樂后,首次進入,直接以動態的宣傳語和logo代替引導頁,用最大化的力度進行品牌傳播。

2. 設計思考

曾有人斷言:”即使一把火把可口可樂的所有資產燒光,可口可樂憑著其商標,就能重新起來”,可想而知,logo就是產品形象最直接的代言人。

在日常經營活動、廣告宣傳、文化建設、對外交流中,是必不可少的元素,通過logo在有限的空間內準確傳達出品牌的特點,在用戶心中留下深刻的記憶,每當看到logo時,自然的產生聯想,從而對企業產生認同,所以產品不會放過任何一個展示logo的機會。

網易云音樂則直接將logo加宣傳語代替用戶首次打開時的引導頁并以動態的方式呈現,是一個很好的植入品牌的觸點。

其主要目的是利用logo強化品牌感,傳達品牌定位、格調和氣氛并與用戶建立情感連接,便于用戶進入產品的第一印象就知道當前使用的是什么產品;其次,直接使用具有品牌調性色彩(網易紅),能強化品牌在用心中的認知度,提高記憶印象;

再者,動態方式讓logo的表現更為柔和,更具有親和力,且動態比靜態更加吸引眼球,增加用戶的視覺關注度,還可以提升界面的趣味性。

120.「淘寶」引流無處不在-訂單列表夾帶好貨

1. 產品體驗

在淘寶的全部訂單中查看記錄時,系統會在第二個訂單下方推送曾經購買過的商品,促使用戶二次下單。

2. 設計思考

現階段用戶的購物心理由理性消費轉變為感性消費,在加上各種信用卡、花唄等條件的配合,很多人甚至把幾年以后的錢都花了,瞬間將直播帶貨、明星產品推向了制高點,實現商品可以不用,但不能不買的理念。

淘寶更是利用人性的弱點以最大程度的演算用戶的心理變化(就差研究“人體細胞”了),將用戶可能產生一丁點想法的商品,都不遺余力的無限次推薦給用戶,什么猜你喜歡、你可能想買等都是如出一轍,只要有可能,平臺會想盡一切辦法、用盡一切手段促進用戶二次轉化。

曾經有人說:在淘寶看了剃須刀,結果不管是抖音還是支付寶,走到哪里都是剃須刀的影子,手機頂部通知欄的推送也是大量的剃須刀,就連短信都沒有放過,還收到了剃須刀商家的電話,“求求你放過我吧,我特么錯了還不行嗎?”。

一個小小的剃須刀尚且如此,那如果是···商品呢,可能連最基本的購物隱私也暴露在廣眾之下了。

淘寶在商品推送這方面做的可謂是無人能及。在消費者的訂單列表中,第一屏的最下方也變成了推送廣告位,將用戶最近購買過的商品二次呈現,比如紙巾、零食等日常消耗類的商品。

進入訂單列表,系統通過行為預判猜測用戶可能尋找買過的商品會再次下單的可能性,便提前將部分商品在此處推薦出來以供用戶瀏覽,如有類似需求,則促成用戶再次下單。

在推薦的商品中,也許是曾經買過但被遺忘的商品,此時呈現可能會引起用戶的注意從而產生新的需求,繼而提升下單轉化率。

(PS:至于這一小段,多少有些諷刺的意味,但人心如此,無需介懷)

結語

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

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

#專欄作家#

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

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

題圖來自?Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這,充值手機號不打個馬嘛

    來自浙江 回復