產品細節洞察分析,看完這些你離大廠又近了一步(2021-06)
編輯導語:本篇文章中講解了多個優秀產品設計案例,在每一個優秀產品案例中去學習如何設計好產品,能夠對應不同的功能設計不同的方案,作者從產品的細節去洞察分析,指導如何能做出更吸引人、更能使用戶滿意的產品,推薦想要學習設計產品的群體閱讀。
章節目錄
- 【央視新聞】標簽欄里藏乾坤,整合視頻類型與一體
- 【愛奇藝】槽點劇,小窗口進入看完整版
- 【閃電記賬】消失賬本,隱藏保存提升安全性
- 【澎湃新聞】標志玄機,多入口提升板塊曝光
- 【多抓魚】精準推薦,提升商品成交率
- 【葫蘆時刻】導航欄下移,易于拇指操作
- 【抖音】播放提速,觀影效率大幅提升
- 【Eyeye】視力鍛煉,趣味交互與新擬物設計相結合
- 【澎湃新聞】文字之美,兩種字體滿足不同閱讀者
- 【拼多多】拼小單的不反感,交互反饋原則的合理運用
一、【央視新聞】標簽欄里藏乾坤,整合視頻類型與一體
1. 使用場景
作為中央新聞平臺,內容都以文字呈現為主。短視頻新聞則放置在駝式標簽欄中。
2. 設計思考
設計目標:看新聞有兩類人群,文字閱讀、短視頻觀看,如何讓兩類人群在閱讀觀看中提高專注力不被其他形式影響,更好服務用戶。
設計方案:在底部駝式標簽欄中,央視新聞按鈕內整合各新聞視頻于一體,以駝式轉盤為表現手法,讓用戶易于理解交互手勢,減少學習成本。并且點擊進入對應欄目視頻,之后刷到的都是相同欄目不同的內容,有效提高同欄目多內容曝光度。同時專注閱讀的用戶和看視頻的用戶形式互不干擾。
二、【愛奇藝】槽點劇情,小窗口進入看完整版
1. 使用場景
綜藝劇,有的槽點不符合大眾口味,沒有共鳴的內容放在二級頁面。
2. 設計思考
設計目標:解決因劇情普通流失用戶觀看,提升綜藝完播度,話題熱度、從而更好的吸引用戶觀看,增加產品活躍度。
設計方案:在「一年一度喜劇大賽」中,會有很多喜劇故事,其中不免會有平平無奇的故事。通過剪輯把優質內容放在熱期劇里,一般內容通過完整剪輯放置二級頁面。用戶在熱期劇中會看到節選片段,對于感興趣的內容通過點擊右下方小窗口進入觀看。這種做法,很好的整合優質內容,讓綜藝節目更加好看,同時也預留了其他故事情節的入口,滿足小部分用戶。
三、【閃電記賬】消失賬本,隱藏保存提升安全性
1. 使用場景
人每天都會有金錢往來,如果保持每天記賬,賬本會隨著使用頻次,信息越來越多,會帶來信息干擾。
2. 設計思考
設計目標:解決賬本過多不易檢索的問題,增加隱藏賬本功能,提高信息降噪的同時,給用戶帶來私密性的心理感受,從而提升用戶粘性。
設計方案:在賬本設計中,有一欄隱藏此賬本功能,開啟后,首頁對應賬本會消失,通過點擊5次左上角閃電記賬標志,就能重新展示被隱藏的賬本。5次點擊的高學習成本操作目的,是為了防止誤操作發生同時增加隱藏賬本的安全性。
(ps:又一個在標志內增加功能的產品,把產品特有功能放在標志中,提升產品記憶點同時給功能入口降噪,讓首頁始終保持簡潔留白的設計語言。)
四、【澎湃新聞】標志玄機,多入口提升板塊曝光
1. 使用場景
新聞產品第一視覺展示新聞模塊,更多頻道和欄目都放到漢堡按鈕中,一個小小的按鈕承載全頻道內容,增加里識別與點擊難度。
2. 設計思考
設計目標:解決全頻道欄目入口深,讓用戶不易點擊操作的問題。通過增加多入口,給按鈕分流提高用戶全頻道操作。
設計方案:文字相比圖標會更準確的傳遞內容本身。澎湃新聞擁有多頻道和多欄目內容,這本身也是產品一大特點。在首頁澎湃新聞標志中增加進入全頻道模塊入口,二次提高點擊率,使屏幕可操作區域發揮到極致。
五、【多抓魚】精準推薦,提升商品成交率
1. 使用場景
買二手服飾主要關心尺碼是否合適,其次是成色和價格。一個很滿意的服飾尺碼不匹配也是空歡喜一場。
2. 設計思考
設計目標:提前為用戶篩選適合尺碼的品牌服飾。包括衣物的具體分類,為二手服飾帶來曝光和成交率的上升。
設計方案:在第一次進入服飾頁面時,提供設置性別和尺碼的推薦機制。選擇設置,提供更精準的服飾分類和品牌的選擇,當設置過后,出現該服飾,會第一時間給特定人群
推送上新內容,從而提高服飾快速成交率,怎家用戶粘性。
六、【葫蘆時刻】導航欄下移,易于拇指操作
1. 使用場景
隨著手機尺寸越來越大,手機日常操作單手很難完成。尤其是導航欄中的返回按鈕,處在最遠且最不易點擊的區域。
2. 設計思考
設計目標:提升用戶使用產品時操作便捷性,對單手操作提供更多可能。解放雙手操作,提升使用體驗。
設計方案:整個產品導航欄放置下方,用戶針對多頁面切換和搜索時,操作熱區都在拇指活躍區域,不需要一手抓手機一手點返回按鍵。產品中大量交互操作在下方都可完成,并且更多功能也是從底部彈出浮層,形成統一,讓用戶便于操作使用。
七、【抖音】播放提速,觀影效率大幅提升
1. 使用場景
更多視頻博主入駐抖音,從原來十秒短視頻發展到幾分鐘甚至十幾分鐘的視頻,用戶在瀏覽過程中會消磨大量時間在不太感興趣的內容上,浪費時間不說同時也是一種煎熬。
2. 設計思考
設計目標:解決用戶瀏覽視頻的效率,提升觀看速度、達到段時間內獲取內容了解脈絡,提升用戶活躍度。
設計方案:在視頻瀏覽時,長按屏幕,會浮出更多操作,當視頻大于15s時提供「播放速度」功能,根據用戶習慣選擇倍速播放,當錯過重點內容或二次查看時,可拖動底部滑桿調節時間位置,提高瀏覽效率。如今在觀看電視劇綜藝等長視頻時,習慣了倍速播放的用戶忍受不了普通倍速,「抖音」洞察到這一點,把倍速功能移到短視頻中。因為短視頻就是依靠不斷刷劇,5s小梗10s大梗帶給用戶短時間爽的體驗,從而達到用戶粘性持續保持的效果。
八、【Eyeye】視力鍛煉,趣味交互與新擬物設計相結合
1. 使用場景
手機等電子儀器的長期使用,眼部高負荷,如何緩解視覺疲勞 ,提高護眼習慣。
2. 設計思考
設計目標:為用眼過度的人群提供護眼操,配合AR眼動追蹤技術來鍛煉視力。
設計方案:在設計中秉持極簡設計風格,讓界面簡潔干凈,同時減少視覺負擔。首頁只提供兩種眼部鍛煉模式,點擊進入即刻開始鍛煉,配合apple自身的軟硬件技術,讓箭頭與用戶眼球同步運動,并在完成后給予阻尼振動反饋,減少二次視覺瀏覽的負擔,達到正真意義的眼部運動鍛煉。
九、【澎湃新聞】文字之美,兩種字體滿足不同閱讀者
1. 使用場景
澎湃新聞全局采用宋體文字,產品調性統一,但針對無襯線字體閱讀用戶來說閱讀體驗不是很好。
2. 設計思考
設計目標:解決閱讀文字時識別性問題,提供宋體和黑體兩種選擇,提升用戶閱讀效率。
設計方案:提供字體設置功能,用戶可進行宋體與系統字體切換以及字號大小選擇。由于澎湃新聞襯線字體的產品調性,會增加一部分用戶閱讀習慣的適應成本,不可避免的帶來用戶流失。在設置入口根據用戶閱讀習慣按需選擇字體,提供多方案選擇,提高用戶閱讀體驗,防止用戶流失。
十、【拼多多】拼小單的不反感,交互反饋原則的合理運用
1. 使用場景
拼多多獨特的拼單購買流程,以及購買后的「拼單成功」彈窗,每當出現同步到拼小圈時心里總會咯噔一下,自己買的東西為什么要讓別人看到。
2. 設計思考
設計目標:解決用戶購買前中后階段未能及時傳達反饋消息,帶來用戶無感知的情況,完善用戶體驗流程,給用戶帶來操作前有感知,操作中有反饋,操作后可撤回的良好交互體驗。
設計方案:操作前可感知:用戶在搜索同類型產品時,買過的產品會在標題中出現「拼單過」的標簽,給用戶購買過這家店這個商品的感知度,提高二次復購率,給用戶降低選擇的時間成本,給商家帶來增收,一舉兩得;操作中有反饋:當購買完一件商品,會及時出現拼單成功的彈窗,并且有「即將同步到拼小圈」的文本,右側提供「點擊取消」功能,及時反饋及時操作;操作后可撤銷:當拼單成功后,忘記「不同步到拼小圈」操作,可在我的訂單中對應商品中「點擊取消操作」。這一套流程下來,讓用戶有了清晰的交互感知,提高操作體驗。
十一、結語
設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產品細節分析結束,我們下期再見!
作者:碳水Sir;公眾號:草蓉三石
本文由 @碳水Sir 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
但是覺得愛奇藝那個,一個小小窗口展現不了太多信息,反而覺得叉掉很麻煩
可以通過滑動進度條跳過當前內容,小窗口也就自然消失。 利弊參半
還有之前抖音視頻,看評論視頻區域會被遮蓋,當時我就在想為什么不把視頻頂上去,終于,最近他更新了這個功能
快手之前有哈哈哈哈,我還覺得老方便了。但是快手右側出現的目錄會使我誤點擊,抖音的合輯就不會。