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

6 評論 4110 瀏覽 17 收藏 28 分鐘

編輯導讀:作為產品設計師,抓住細節,抓住細節背后的人性需求很重要。有時候一個產品細節的問題,用戶就可能拋棄你。為了杜絕或者減輕這種危機,今天作者帶來了大廠們的產品細節,我們一起來看看吧。

作為設計師,在拿到產品需求的時候,所要做的不僅僅是完成產品的設計工作。

更重要的是要思考如何通過設計的的手段去推動產品背后的商業價值達到最大化,提升視覺體驗、增強用戶的粘性以達到用戶轉化的目的。

不需要我們設計的有多么復雜,可能是一個步驟的簡化、一句打動人心的文案、貼心的提示、趣味的動效…

2021 | 第21篇分享目錄(301~315

  1. 「抖音」連續使用時間過長-官方的溫馨提示;
  2. 「淘寶」取件碼-讓取件變的更高效;
  3. 「微信」手機充值-確保財產安全的額外提醒;
  4. 「Keep」長按結束-提高產品的容錯性;
  5. 「微信」消息提醒-到期之前及時獲知待辦事項;
  6. 「餓了么」訂單備注-直觀高效的歷史記錄;
  7. 「抖音」搜索亂碼-你是否能承受冷嘲熱諷?;
  8. 「嗶哩嗶哩」占位符-友好的提示促進友好的交流;
  9. 「微信」模糊一下-讓狀態背景更柔和;
  10. 「全民K歌」離線k歌-兼顧無網絡場景下的用戶體驗;
  11. 「今日頭條」個性化推薦-把選擇權交給用戶;
  12. 「即刻」“果果”-表達產品團隊的關愛之意;
  13. 「iPhone」勿擾模式-應對不同場景的小妙招;
  14. 「Keep」數據收集-避免同樣的問題下次出現;
  15. 「高德地圖」添加途經點-多個位置 中途無需重設導航。

一、「抖音」連續使用時間過長-官方的溫馨提示

1. 產品體驗

連續刷抖音超過1個小時,會刷到抖音官方的溫馨提示視頻,提醒用戶連續使用時間過長,注意護眼。

2. 設計思考

抖音本身的內容以輕松、搞笑為主,符合社會壓力大、需要快速放松、消遣的現代人,短短幾分鐘的時間,連跟朋友在微信上聊天都不夠。

但是,在強大的運營團隊以專業的消費心理學作為支撐,以各種組織行為學、認知神經科學等原理下設計出來的短視頻,如果自控力稍差,就會成為自己精神世界的“鴉片”,沉迷在其中而早已忘記時間的流逝。

連續刷抖音1小時,會出現官方的溫馨提示視頻,提醒用戶注意護眼。

充分考慮到用戶的身心健康,以情感化的方式引起警覺,即便戶不會立即放下手機,但可能會通過清楚的時間觀念及自身健康從而進行節制。

幾秒鐘的視頻提醒,足以體現出產品對用戶的關愛,是一個很暖心的設計。

PS:這種提示就類似“吸煙有害健康、游戲防沉迷提醒……”,表面上看是在驅離用戶,實則跟用戶之間建起了一座相互信任的橋梁,以提升用戶后續的使用粘性。

二、「淘寶」取件碼-讓取件變的更高效

1. 產品體驗

在淘寶待收貨訂單列表,如果該訂單已完成物流服務,系統為方便用戶瀏覽,單個訂單的下方會顯示取件碼,用戶再也不用進入到物流詳情頁去查看取件碼了。

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

2. 設計思考

平時,我們在淘寶所買的商品多件一起送達時,會非常興奮的去快遞站點。

從訂單列表一個一個的進入物流詳情查看取件碼以備取件,乍一看似乎沒什么毛病。

既然應用已經從第三方公司接入物流軌跡信息,為什么不能更合理的加以運用,給用戶帶來更大便利呢?

在淘寶購買的商品如果快遞已送達,訂單列表即會顯示取件碼,共有多少包裹待取一目了然。

且不用進入物流詳情頁查看,在列表上下滑動就能看到多個取件碼信息。

淘寶將快遞包裹的取件碼單獨提取出來并置于訂單列表,將操作流程進行簡化,讓取件過程變的更高效。

通過去除不必要的操作減少用戶在出示取件碼時的打斷,在很大程度上提升用戶操作及取件效率,更快速的滿足了用戶需求。

三、「微信」手機充值-確保財產安全的額外提醒

1. 產品體驗

在微信使用手機充值時,如果輸入的號碼不在通訊錄中,號碼的下發會有很明顯的提示,點擊充值,選擇面額進入下一步后,還會有彈窗提示用戶二次確認。

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

2. 設計思考

大家平時用微信進行手機充值時,基本都是給自己或者親人充值。

那么這部分人的手機號碼絕大部分在手機通訊錄中,除非自己記憶力超好,能全背下來,否則還是會老老實實的添加到電話簿。

幾年前,本人曾經遇到過這種情況。

手機突然收到充值成功100塊的短信息,間隔不到30秒,再次收到相同信息,查詢話費后激動的不行,確實多了200塊。

然而兩分鐘后,充值的花費突然被扣除,毫無疑問,是別人充錯找回了。

用微信手機充值時,輸入的號碼如果不在通訊錄中,會有特別的提醒。

方便因手滑輸錯手機號碼的用戶及時更正,避免造成經濟損失。

即便充錯后可以通過客服找回,但必定會花費額外的時間和不必要的麻煩。

不管做什么事,都不存在萬無一失,微信的及時糾錯提醒能有效提升用戶的財產安全系數,讓用戶對產品更加信任。

四、「Keep」長按結束-提高產品的容錯性

1. 產品體驗

使用Keep跑步時,界面的操作按鈕都是單擊有效,唯獨結束按鈕需要長按3秒才能起作用,目的是為了防止用戶在跑步過程中失誤操作。

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

2. 設計思考

我們在使用線上應用跑步時,都會習慣性讓應用一直處在打開狀態,時不時的還會看一下持續跑步時時間和累計距離。

也許在定下目標后,這些數據就是決定自己堅持下去的動力。

跑步過程中,在界面上有操作需求時,因用戶的注意力不集中,觸控的精準度也就不高,操作失誤是很常見的事情。

如果是無關緊要的誤觸就沒關系,通過其他操作恢復即可,但誤觸到了停止按鈕后,一旦結束本次跑步,自己堅持下去的動力極有可能會被終結。

在Keep的跑步頁面,如果不小心誤觸到停止按鈕也不用擔心。

用戶必須要長按停止按鈕3秒才能結束跑步,系統主要考慮到在跑步過程中主要的精力及思維都集中在運動上面,操作的精準度就不高。

將按鈕設定為長按能避免用戶在非主觀意識的情況下誤觸導致跑步提前結束,從而失去堅持下去的動力。

一個好的產品除了要降低用戶出錯的概率,同時還還要承擔其出錯之后的后果,將用戶的損失降到最低。

因為產品無法控制或去避免用戶出錯,Keep的長按結束按鈕就規避了用戶誤觸之后可能帶來的損失,提升產品的容錯性,增加用戶對產品的信任度。

五、「微信」消息提醒-到期之前及時獲知待辦事項

1. 產品體驗

在微信對話框中,長按消息從小窗中進入“提醒”功能,可根據自己的需要選擇此條消息的設置時間提醒,到期前,公眾號“服務通知”即會彈出提醒的消息。

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

2. 設計思考

“明天下午3點給我打個電話,我不方便打給你”、“好的”。

收到這條微信消息時,默默的記了很多遍,自我感覺一定會記得。

到了第二天晚上,臥槽……忘記了。

其實,上面的這種場景很多小伙伴都碰到過,尤其是每天被工作、生活的各種瑣事充斥著大腦,哪里每次都能清楚記得別人用微信給我發過什么呢。

微信的消息提醒功能可以很好的解決這個痛點,當用戶收到好友發來具有時效性的待辦微信消息時,不妨設置一個消息提醒。

在即將到期時間就可以收到公眾號的消息推送通知,幫助用戶在消息到期之前獲取記憶并及時處理,有效避免被忘記的可能。

六、「餓了么」訂單備注-直觀高效的歷史記錄

1. 產品體驗

在餓了么下單備注時,最近輸入過的訂單備注信息會顯示在下方,跟系統的快捷輸入疊加在一起,也可以對歷史(非系統)記錄進行刪減。

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

2. 設計思考

長期點外賣的用戶,如果經常使用備注功能,那么基本都是一些常見的信息。

比如是否加辣、餐具份數、送餐地點等,雖然只是簡單的幾個字,但每次下單基本不會忘記,也不會耽誤多少時間。

在餓了么的訂單備注中,最近輸入過的備注歷史記錄都會顯示在下方的快捷輸入區域。

雖然只是簡單的幾個字或一句話,但對于慣性(每次備注基本一樣)輸入的用戶非常實用。

點擊一鍵完成,省去了用戶每次下單都要重新碼字的步驟,節省時間成本,在進行備注操作時更直觀高效。

七、「抖音」搜索亂碼-你是否能承受冷嘲熱諷?

1. 產品體驗

在抖音APP搜索框輸入一串亂碼,呈現的搜索結果為兒童作品,比如DIY、玩具、插畫、各種模型等。

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

2. 設計思考

在應用中,除了進行過特定的操作外,使用搜索功能是用戶找出自己想要內容的最快途徑。

即便系統無法匹配出想要的結果,但會對關鍵詞進行自動糾正或者呈現出相似的內容,總之,盡量將用戶失望的情緒降到最低。

最近在體驗抖音搜索功能時有被驚到,在輸入一連串的亂碼后,結果都是兒童作品,類似手辦、玩具、游戲等之類的視頻。

雖然呈現的搜索結果從表面上看跟關鍵詞毫無關聯,但并未感覺到有什么不妥。

在自嘲的一笑之后,似乎冥冥之中感覺到理該如此,畢竟在搜索框胡亂輸入一通,如果不是“碰瓷”的話,這種事情也只有小孩子才能干得出來。

八、「嗶哩嗶哩」占位符-友好的提示促進友好的交流

1. 產品體驗

嗶哩嗶哩的彈幕和評論框的占位符,描述中都插入了“友善”一詞,用以提醒用戶友好交流,共同維護網絡文明。

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

2. 設計思考

對于網絡評論區的亂象用“混亂不堪”來形容再合適不過,一些低俗、惡趣味、惡意中傷、假人設、無原則的秀下限等,將人類最丑陋、惡心的嘴臉體現的淋漓盡致。

雖然,每個人的文化、性格、經歷都有所不同,對于一些事物的認知存在部分差異,出現觀念上的分歧及碰撞在所難免,但這并不能成為披上一張不為人知的皮就開始毫無道德的惡意中傷、在扭曲觀點的過程中獲取征服快感的理由。

不管是惡性循環、還是良性循環,都將對用戶和應用產生不同程度的正負影響。

嗶哩嗶哩在評論/彈幕輸入框占位符的提示中,都插入了“友善”二字。

提醒用戶文明發言和交流,希望通過明顯的提示喚醒一小部分扭曲心理的鍵盤俠的良知,共同維護網絡文明、素質交流,降低用戶之間、以及對產品的惡意傷害。

很多時候,即便每個人似乎都有著鏗鏘的理由試圖去說服對方,從而陷入無法調節的漩渦。

但可以選擇理性的思考文明交流,給對方一份尊重。

在良性循環的作用下相互讓步并及早終止無休止的爭論,以至于不會讓自己過于不痛快,也能還網絡一片“凈土”。

九、「微信」模糊一下-讓狀態背景更柔和

1. 產品體驗

在微信設置狀態時選擇圖片作為背景后,勾選“模糊一下”,系統即可進行模糊,讓圖片細節不再那么吸引眼球,凸顯文字內容。

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

2. 設計思考

微信的狀態自上線以后一直不溫不火,聽見最多的理由是有效期只有24小時,這主要是源于產品團隊設計背后的思考。

比如,設置一個不開心的狀態,一天后自動消失,也許產品是讓你每天換一個心情,不要總是不開心。

設置狀態后,選擇圖片作為背景時,可根據個人喜好勾選左下方的“模糊一下”。

即可對圖片自動模糊,類似毛玻璃效果,讓圖片上方的文字更加突出。

在視覺上可以更好的建立界面的深度和層次感,不想圖片表現的過于清晰且喜歡界面柔和感的用戶不妨試一試吧!

十、「全民K歌」離線K歌-兼顧無網絡場景下的用戶體驗

1. 產品體驗

進入全民K歌,在沒有網絡的狀態下,如果是之前緩存過的歌曲,依然可以正常使用k歌及部分無需聯網的功能。

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

2. 設計思考

在互聯網發達的今天,很多事情都可以在手機APP中解決,但這還有一個不可或缺的助力就是網絡(信號)。

雖然網絡發展迅速且全面覆蓋,但權利掌握在三大liumang手中。

尤其是5G到來,并不是每個伙伴的網速都變快了,繼續用4G的你,在以前有信號的某個角落、網絡能用但不是很流暢的那條地鐵,現在還有網絡嗎?

甚至在網絡正常的情況下,下載速度也大不如前。

雖然這些種種問題不是某個APP能解決的,但是在考慮到用戶體驗時,需要盡可能的提供給用戶使用不受網絡限制的一些功能。

全民K歌在無網絡的環境下使用,以前緩存過的歌曲依然可以正常K歌。

雖然很片面,但相比完全無法使用的APP則給了用戶更多的期望,且該產品主打的就是K歌功能。

離線k歌對用戶來說,避免了在特殊場景中被拒之門外、導致對產品信任度降低的情況。

對產品來說,有效減緩用戶活躍度以及使用頻率的降低速度,兼顧了用戶在特殊場景對產品使用體驗的關照,讓產品獲得更多的認可與信任。

十一、「今日頭條」個性化推薦-把選擇權交給用戶

1. 產品體驗

在今日頭條的隱私-個性化設置中,根據自己的喜好設置系統的推薦內容,避免每次進入都是千篇一律。

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

2. 設計思考

在智能跟蹤及算法的運作下,用戶的線上行為始終被應用給拿捏的死死的,但太過于智能并非是一件好事。

最尷尬的莫過于在電商平臺搜索了一件xiuxiu的商品,以后鋪天蓋地推薦的全是這些東東。

本人親測,買過一件衣服后,還會經??匆娡?,“大哥”,給我推薦相同風格、顏色或同款搭配不好嗎。

一摸一樣的是幾個意思,我又不是來進貨的,這就有點推銷的味道,用戶買了一件后就被抓住不放還瘋狂推薦。

一個正常人如果買了一個冰箱,系統還推薦不同款式的冰箱并覺得還可能會買,不是你有bing就是我腦袋有bao。

所謂智能推薦,就是在很多時候能正確把控用戶心中所想,提前作出行為預判為用戶提供便利超出用戶的預期,強人所難只會適得其反,如無把握,還不如把選擇權交給用戶。

今日頭條APP將推薦內容的選擇權交給了用戶,用戶可在隱私功能中選擇是否根據位置、搜索記錄、關注內容等進行個性化設置推薦。

避免單一途徑或系統自認為不錯的內容推薦導致用戶產生反感。

用戶擁有選擇權,則有了一種掌控感,即便推薦的內容讓用戶不如意,但不會立即將矛頭指向應用,畢竟這是自己的選擇。

十二、「即刻」“果果”-表達產品團隊的關愛之意

1. 產品體驗

在即刻APP的搜索框輸入“果果”搜索,除了匹配出對應的結果之外,還有滿屏的愛心飄落。

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

2. 設計思考

很多APP在搜索功能中隱藏了彩蛋,需要輸入特定的關鍵詞才能觸發,給予用戶意外驚喜,每一個彩蛋都有它本身存在的意義。

可能是個梗,也可能是一種紀念或祝福。

在即刻APP輸入“果果”關鍵詞搜索,會觸發“愛心”彩蛋,這主要源自于即刻團隊養的的一只名叫“果果”的貓。

大家都明白,養寵物需要較強的耐心并付出很多關愛,但這跟應用好像沒有什么關聯,“愛心”彩蛋的設計。

產品團隊除了在線上的虛擬世界紀念現實中的“果果”之外,更大可能是向用戶傳達即刻產品團隊(像對寵物一樣)的愛心,利用情感化的設計引起用戶共鳴,讓視覺效果變的有趣又有溫度。

十三、「iPhone」勿擾模式-應對不同場景的小妙招

1. 產品體驗

調出iPhone手機的控制中心,長按勿擾模式按鈕,可快捷選擇一個關閉勿擾模式的條件,非常方便實用。

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

2. 設計思考

勿擾模式,顧名思義,就是避免在不方便的時候受到打擾。

提前在系統設置中設定好各種條件,需要時開啟,不需要時關閉,僅此而已。

但總有很多時候,開啟勿擾模式后忘了去關閉,或者自動關閉的時間總是陰差陽錯,讓自己處在很尷尬的境地。

iPhone手機的勿擾模式除了應有的功能設置外,呼出控制中心,長按勿擾模式入口,會彈出多個自動關閉勿擾模式的條件用以應對不同的場景。

比如開會一小時,可選擇“1小時”或“直到我離開此位置”。

避免每次因使用場景不同都要去設置不同時間段的麻煩操作,尤其在特殊場景能節省很多時間。

很多時候,產品不光要滿足了用戶的基本需求,還應在基礎之上給用戶提供更多的便利。

例如“勿擾模式”按鈕,不僅僅只是一個開關。

十四、「Keep」數據收集-避免下次出現同樣的問題

1. 產品體驗

使用Keep線上健身,如果課程沒有完成中途退出,系統會提供退出原因讓用戶選擇性反饋,作為后期優化更新、滿足用戶需求、提升體驗的重要依據。

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

2. 設計思考

任何一個產品都不可能做到讓所有用戶滿意,首先是滿足最主流的用戶群體,然后不斷優化更新在不影響老用戶的情況下滿足另外一部分新用戶。

產品優化更新的需求有一大部分來自用戶反饋,反饋的內容有積極的一面,也會有消極的一面,產品團隊需要做的就是綜合正反兩方面的信息來改進產品和使用體驗。

使用Keep在健身過程中,如果用戶中途退出,系統會彈出最常見的退出原因供用戶反饋。

雖然對當前的用戶體驗沒有益處甚至是減分,但反饋結果對產品未來的更新迭代、改善用戶體驗和整體滿意度非常重要。

例如,很多用戶反饋鍛煉動作“太難”,系統可以通過降低動作難度,在下次更新上線后給用戶帶來更滿意的使用體驗。

如果一小部分用戶反饋“太容易”,系統就會去分析用戶的基本屬性,針對性的對這類用戶個性化的推薦難度較高的運動課程。

用戶反饋能有效解決因產品存在的問題導致用戶退出的痛點,有助于提高用戶忠誠度,減少用戶流失。

十五、「高德地圖」添加途經點-多個位置 中途無需重設導航

1. 產品體驗

使用高德地圖導航,設置起始點時,可添加多個途經點,在導航過程中會根據所添加途經點的先后順序依次導航至對應的地點。

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

2. 設計思考

我們平時在導航過程中,因不同的使用需求。

比如接人送人、不同終點的多人拼車等,要去多個不同的地方且同一導航并不順路,只能每到一個地方后再重新設置新導航,非常麻煩。

高德地圖為解決用戶在多場景、多途經點的情況下使用導航時面臨的苦惱,在設置導航時可添加多個途經點。

開始導航后,每到一個地點無需任何操作即可自動將終點切換至下一途經點。

不管經過多少地方都一次性搞定,避免每次都去重新設置,解決了不必要的麻煩,非常實用。

#專欄作家#

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

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

題圖來自Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可以思考這些設計細節是否可以用到自家產品或其他產品上,還可以根據當前設計細節衍生出更多的知識點,這才是分析之后得出最大的價值。

    來自北京 回復
  2. 喜歡這個系列,謝謝分享

    來自廣東 回復
  3. 講的真好,受益良多。

    來自河南 回復
    1. 謝謝支持

      來自廣東 回復
  4. 整理用心了,謝謝分享!

    來自北京 回復
    1. 感謝支持

      來自廣東 回復