產品細節洞察分析,看完這些你離大廠又近了一步(2021-08)

8 評論 4368 瀏覽 5 收藏 12 分鐘

編輯導語:隨著互聯網行業的發展,每一個軟件背后都有一個優秀的項目團隊和公司,騰訊或是阿里巴巴,他們旗下的APP我們也耳熟能詳,但是關于每個軟件的細節之處我們應該大多數都沒有關注到,每個產品的人性化設計為我們增加了方面,想要了解和學習的崽崽們可以看看哦!

目錄章節

  1. 【微信】公號字體,多種字號適合多種人群閱讀
  2. 【嗶哩嗶哩】視頻旋轉,可多種展示形式
  3. 【淘寶】粘貼地址,高效解決方案提高填寫效率
  4. 【百度網盤】長按多選,提高多選編輯效率
  5. 【印象筆記】PDF預覽,左滑小圖更快更好定位內容
  6. 【淘寶】回憶殺,情感綁定與用戶產生共鳴
  7. 【豆瓣】隱藏彩蛋,業務與體驗完美結合
  8. 【微信讀書】勛章激勵,排名與榮譽合二為一
  9. 【飛書】自定義標簽欄,助力辦公效率提升
  10. 【去哪兒旅行】狀態可見性,點擊過后的提示表現

一、【微信】公號字體,多種字號適合不同人群閱讀

1. 使用場景

公眾號文章根據作者編輯選擇字體,往往會出現不同文章字體、字號、行間距都不同。過小字號,對于閱讀者來說,影響閱讀體驗。

2. 設計思考

設計目標:解決用戶閱讀文章時,因作者寫作設置導致用戶閱讀識別難的問題,提高閱讀效率,看清內容,舒緩眼部識別壓力。

設計方案:在文章右上角更多中提供調整字體功能,提供7個字號大小,滿足小中老用戶和各場景中不同用戶閱讀識別的容易性,提高閱讀效率體驗。

二、【嗶哩嗶哩】視頻旋轉,可多種展示形式

1. 使用場景

部分用戶有方向鎖定設置,防止手機旋轉時改變顯示方向??缮贁登闆r需要旋轉視頻,但并不想解開豎向顯示。

2. 設計思考

設計目標:解決視頻四種方向顯示效果,滿足多場景下用戶旋轉視頻觀看的使用體驗。

設計方案:在全屏模式下,通過雙指放大縮小、旋轉,可對視頻內容進行操作,放大縮小在小尺寸手機中查看更多局部細節,旋轉尤其針對豎屏幕瀏覽用戶,四周黑幕更好提升視頻沉浸感,減少推薦視頻、評論等信息干擾,有效降噪提高觀看體驗。不過雙指操作的交互手勢還是有一定學習成本,沒有引導流程還是很難被發現。

三、【淘寶】粘貼地址,高效解決方案提高填寫效率

1. 使用場景

別人發來收獲地址,還需要在添加地址頁復制內容進行二次操作。

2. 設計思考

設計目標:減少用戶添加收貨地址鏈路,提高快速添加效率,添加完即走,高效操作體驗。

設計方案:用戶在微信等第三方平臺復制收貨地址后,只需要打開淘寶添加收貨地址按鈕即可自動識別粘貼板中的信息,以彈窗形式呈現在用戶面前,無需用戶再復制到對應列表中操作,減少一個環節從而帶來高效操作體驗 ,提高用戶使用友好度。

四、【百度網盤】長按多選,提高多選編輯效率

1. 使用場景

當進行多文件編輯時不能一次多選只能點擊對應類內容盡心逐一選擇,極大增加編輯成本。

2. 設計思考

設計目標:解決編輯多文件點擊操作過于頻繁,帶來操作成本提升,產生編輯體驗不見從而影響用戶手機使用網盤頻率。

設計方案:參考iPhone信息多選消息的交互設計,當用戶多選或選擇一列內容時,可通過長按列表,向下滑動經過的內容都將被選中,中間遇到不選內容可跳過或一次全選后逐一進行取消操作。比挨個逐一選中效率要有大的提升,提升用戶操作體驗。

五、【印象筆記】PDF預覽,左滑小圖更快更好定位內容

1. 使用場景

手機看PDF文件不是看不到總頁數就是不能快速準確定位固定頁面,只能通過一只滑動來盡心預覽。

2. 設計思考

設計目標:解決查看PDF文件無法定位頁面問題,提高用戶查看PDF文件的友好瀏覽體驗,提高用戶使用粘性。

設計方案:在全屏PDF預覽模式下,通過貼左側屏幕從左向右劃定,呼出PDF目錄或者說是縮略圖,一屏可顯示多張頁面,通過點擊對應頁面可快速切換到當前定位頁面。很好的解決了PDF文件內容預覽以及定位具體頁面的問題,提升用戶使用好感度,從而提高用戶使用產品的頻率。

六、【淘寶】回憶殺,情感綁定與用戶產生共鳴

1. 使用場景

一年一度年底總結開始了,淘寶把用戶最初購買時間和總購買筆數等多個數據以H5方式給用戶做總結匯報。

2. 設計思考

設計目標:加強用戶情感綁定,提高使用淘寶的粘性。

設計方案:用戶通過瀏覽淘寶時隨機彈出或搜索框輸入淘寶回憶錄,觸發H5內容彈出方式來給用戶展示回憶錄,詳細的展示用戶與淘寶的相互經歷。讓消費者直觀感受到淘寶對每位用戶的貼心服務,認真做產品認真服務用戶的態度。

七、【豆瓣】隱藏彩蛋,業務與體驗完美結合

1. 使用場景

用戶搜索特定電影時會展示氣泡雨畫面,并且把電影中具有記憶符號的物品呈現給用戶。

2. 設計思考

設計目標:解決業務展示曝光少得不到轉換,防止用戶對廣告產生抵觸情緒。

設計方案:用戶在搜索電影名稱有廣告合作時,展示氣泡雨畫面并且會有電影中的物品展示出來,與用戶產生情記憶,并激發點擊欲,提高廣告曝光和點擊提升,助力廣告營收變現增長。減少用戶對廣告本身的抵觸,從而改善廣告負面體驗。

八、【微信讀書】勛章激勵,排名與榮譽合二為一

1. 使用場景

閱讀給予勛章本身可以帶給用戶榮譽感,當獲得勛章時,每一枚勛章上面都有NO.幾,按照獲得此勛章順序給用戶顯示出來。

2. 設計思考

設計目標:用勛章排名激勵用戶發表內容,提高社區活躍度,增加用戶粘性。

設計方案:設計勛章機制,當用戶獲得勛章時,給予用戶明確提示,你是獲得此勛章的第幾位書友,來激發用戶成就感以及發布內容的動機,在原有勛章榮譽感的同時再給予排名顯示,雙重刺激,來激發用戶閱讀評論等創作UGC內容欲望。

九、【飛書】自定義標簽欄,助力辦公效率提升

1. 使用場景

同樣是辦公類產品,在TAB欄中給用戶更自由的可編輯選擇功能,最少可顯示1個標簽,最多5個標簽。

2. 設計思考

設計目標:解決用戶功能使用選擇,把不常用功能隱藏在更多浮層中,降低視覺干擾,提升辦公效率。

設計方案:在底部TAB欄右側,點擊更多標簽,會顯示二級標簽功能,可以選擇編輯,通過隱藏拖拽等交互手勢自定義調整位置,保存后。首頁TAB欄中就是依據個人使用習慣的功能位置分布,大大提高用戶操作效率。相比「釘釘」,用戶自定義選擇更高,更好的提升用戶操作體驗。

十、【去哪兒旅行】狀態可見性,點擊過后的提示表現

1. 使用場景

每當節假日選擇交通時,常常會重復在幾個時段中來回切換查看座位信息等詳細內容。

2. 設計思考

設計目標:解決用戶進入返回后狀態未知問題,根據尼爾森十大可用性測試中狀態可見性原則,通過設計手段為用戶提升使用體驗。

設計方案:在選擇車次頁面中, 用戶點擊操作過的模塊,都給予淺黃色卡片樣式與未選過的模塊形成鮮明對比,給用戶直觀展示操作過的模塊,始終讓用戶了解之前的操作,從而明確下一步操作內容,防止多次重復操作,提升用戶體驗。

十一、結語

設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。

本期產品細節分析結束,我們下期再見!

 

作者:碳水Sir;公眾號:草蓉三石

本文由 @碳水Sir 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 淘寶的那個回憶殺真的很讓人動容啊,可以很好的提高用戶粘著度。

    來自陜西 回復
    1. 每到年底都總結一遍,已經成為常態了。

      來自上海 回復
  2. 市場上出現了很多相似的APP,這里面總是有一些APP設計出了可以戳中人心的設計細節,從而吸引了用戶。

    來自陜西 回復
    1. 每個產品都有自己的調性,就如雙胞胎姐妹,總有一個地方是不同的。

      來自上海 回復
  3. 微信字號大小的隨意調整很人性化,對于老年人,可以把字體調大了,就不用湊那么近看了。

    來自陜西 回復
    1. 是啊。尤其公號是DAU內容,創作者選擇過小文字,會讓用戶看起來費力,與其限制創作者不如給用戶更多可選擇的功能。

      來自上海 回復
  4. 產品細節洞察分析,這篇文章分析的很棒,從不同的平臺針對他們人性化的設計真的狠狠的抓住了很多用戶的心理,成功的收獲了用戶。

    來自河南 回復
    1. 是的。如今產品同質化嚴重,想要留住用戶,就要結合自家產品做獨特亮點,從而給用戶深刻記憶/

      來自上海 回復