百度UXC：如何做改版設(shè)計(jì)？百度網(wǎng)盤的實(shí)戰(zhàn)案例肯定能讓你學(xué)到很多！

一. 改版背景

百度網(wǎng)盤在2013年誕生之際以備份文件功能走進(jìn)用戶視野，5年間我們不斷探索功能，豐富網(wǎng)盤服務(wù)領(lǐng)域。先后提供了自動(dòng)備份、好友分享等功能幫助用戶便捷管理網(wǎng)盤文件。期間我們持續(xù)傾聽(tīng)用戶的聲音并不斷打磨產(chǎn)品優(yōu)質(zhì)體驗(yàn)，此次8.0的全面升級(jí)便是以用戶高頻場(chǎng)景為出發(fā)點(diǎn)，以使用數(shù)據(jù)為導(dǎo)向，剖析使用過(guò)程中的痛點(diǎn)和難點(diǎn)，并結(jié)合百度人工智能技術(shù)為用戶帶來(lái)更強(qiáng)大的服務(wù)體驗(yàn)。

二. 用戶高頻場(chǎng)景驅(qū)動(dòng)設(shè)計(jì)改版

快速高效的完成任務(wù)是體驗(yàn)設(shè)計(jì)的關(guān)鍵，但用戶使用產(chǎn)品的場(chǎng)景和目標(biāo)也不是單一的，而是多種多樣的。其中高頻使用的場(chǎng)景作為體驗(yàn)的核心，是設(shè)計(jì)任務(wù)的著重點(diǎn)。甄別高低頻場(chǎng)景最簡(jiǎn)單的方法就是客觀數(shù)據(jù)分析，設(shè)計(jì)師在著手設(shè)計(jì)前需心中有「數(shù)」才能有的放矢。

通過(guò)后臺(tái)數(shù)據(jù)我們發(fā)現(xiàn)用戶使用百度網(wǎng)盤手機(jī)APP的高頻場(chǎng)景是預(yù)覽圖片，預(yù)覽行為占據(jù)日活數(shù)據(jù)的50%以上。還原用戶真實(shí)圖片預(yù)覽主要分3步進(jìn)行「打開(kāi)APP – 查找目標(biāo)圖片 – 打開(kāi)圖片預(yù)覽」，2、3步是我們此次體驗(yàn)升級(jí)的主要方向。

其中第2步查找目標(biāo)圖片目前有3條路徑，如下圖。

改版前「查找圖片 → 預(yù)覽圖片」流程存在以下3個(gè)體驗(yàn)問(wèn)題：

• 圖片分類不智能。除以上3種通用查找路徑外，針對(duì)圖片類文件還可通過(guò)圖片標(biāo)簽進(jìn)行聚類查找，但標(biāo)簽的分類并不智能友好，沒(méi)有從用戶使用場(chǎng)景和行為去考慮。同時(shí)，部分用戶對(duì)證件的便捷查找需求也很高。
• 預(yù)覽體驗(yàn)效率低。文件夾打開(kāi)后都是列表模式呈現(xiàn)，對(duì)于純圖片類文件夾預(yù)覽體驗(yàn)極差，縮略圖過(guò)小無(wú)法區(qū)分圖片，圖片的文件名對(duì)于辨識(shí)圖片又沒(méi)有太大意義。
• 無(wú)法多人協(xié)同。我們收到一些反饋，雖然能將網(wǎng)盤文件分享給他人，但用戶希望能在網(wǎng)盤上進(jìn)行多人協(xié)作共同編輯的需求（譬如旅行途中共享圖片），當(dāng)下他們的解決方案是多人共用一個(gè)網(wǎng)盤帳號(hào)，這樣安全性就有問(wèn)題了。

三. 提煉核心行為路徑重塑交互體驗(yàn)

基于數(shù)據(jù)和用戶反饋發(fā)現(xiàn)的體驗(yàn)問(wèn)題，結(jié)合產(chǎn)品方向我們定義了如下設(shè)計(jì)目標(biāo)：旨在幫助用戶更便捷高效的查找、預(yù)覽并完成共享需求。

1. AI 賦能智能提升高頻操作效率

基于以上用戶高頻行為路徑的分析，我們鎖定了圖片查找 – 智能分類這個(gè)主要流程作為著手點(diǎn)。

「定位問(wèn)題」：智能分類不夠智能，分類方式從功能出發(fā)并非從用戶使用場(chǎng)景出發(fā)。

「解決方法一」：AI管家智能分類云端圖片。走查用戶查找圖片場(chǎng)景，從人物、地點(diǎn)、事物3要素重新歸納圖片聚類細(xì)化使用場(chǎng)景。結(jié)合百度深度研究院提供的圖像識(shí)別技術(shù)，對(duì)圖片進(jìn)行人臉檢測(cè)、物體識(shí)別，智能幫助用戶進(jìn)行圖片整理，可以理解為你的百度網(wǎng)盤配備了一個(gè)AI管家。

此外，之前智能分類的入口需要查看大圖下滑才能調(diào)出，我們將入口前置在圖片分類下，減少用戶訪問(wèn)層級(jí)，提升使用效率。

「解決方法二」：證件卡包安全又便捷。通過(guò)調(diào)研發(fā)現(xiàn)很多用戶會(huì)將證件信息存在云端，文件夾位置不固定尋找起來(lái)比較麻煩。于是這個(gè)版本專門開(kāi)辟了卡包模塊，通過(guò)OCR智能識(shí)別一鍵導(dǎo)入網(wǎng)盤中8種常用證件到卡包，同時(shí)增加二級(jí)密碼，保證信息安全。

視覺(jué)上在這8種卡片原有證件色彩基礎(chǔ)上提煉，保證網(wǎng)盤的視覺(jué)一致性上統(tǒng)一。

2. 場(chǎng)景化分析打造差異化框架設(shè)計(jì)

「定位問(wèn)題」：根據(jù)后臺(tái)數(shù)據(jù)發(fā)現(xiàn)用戶在文件夾中預(yù)覽行為超過(guò)50%以上，改版前網(wǎng)盤內(nèi)打開(kāi)所有文件夾以列表模式呈現(xiàn)，預(yù)覽模式較為單一，且對(duì)純圖片文件夾來(lái)說(shuō)列表模式的預(yù)覽體驗(yàn)效率低。

「解決方法」：根據(jù)28原則尋找覆蓋80%用戶圖片存儲(chǔ)的內(nèi)容，提煉3種主流圖片拍攝場(chǎng)景分別是旅行照片、寶寶照片和生活照片。

以旅行和寶寶為例提煉信息：

基于以上提煉的場(chǎng)景關(guān)鍵要素進(jìn)行差異化信息框架設(shè)計(jì)：

• 頂部大圖渲染相冊(cè)場(chǎng)景。
• 內(nèi)容流用縮略圖形式，提高用戶識(shí)圖效率。
• 借助AI能力提供圖片智能分類。

3. 互動(dòng)更友好 —— 更豐富的管理方式

用戶中除了大眾用戶外還包括一些團(tuán)隊(duì)，他們?cè)谑褂镁W(wǎng)盤管理項(xiàng)目數(shù)據(jù)和工作進(jìn)程場(chǎng)景中更多進(jìn)行文檔共享。之前版本只做了單向分享，無(wú)法滿足協(xié)同合作需求。

新版中推出了文件夾共享功能，用戶可以邀請(qǐng)其他百度網(wǎng)盤用戶加入文件夾協(xié)同管理合作。

因?yàn)楣蚕砦募A是一種特殊類型，在設(shè)計(jì)上我們需要讓其具有延續(xù)性，但又能讓用戶一眼區(qū)分差異。在嘗試了多種方案后，我們確定了在文件夾圖標(biāo)上加「多人」圖標(biāo)，既保持文件夾圖標(biāo)一致性，又有所區(qū)分。

四. 上線后評(píng)估反饋

上線一段時(shí)間后，為了驗(yàn)證此次改版的效果我們做了用戶調(diào)研，通過(guò)定量問(wèn)卷了解新版本整體的滿意度情況，并深入進(jìn)行可用性測(cè)試，實(shí)際觀察用戶對(duì)產(chǎn)品認(rèn)知以及新功能體驗(yàn)完成度，發(fā)現(xiàn)影響滿意度的關(guān)鍵因素以及使用過(guò)程中的問(wèn)題，并進(jìn)一步提升用戶體驗(yàn)。

通過(guò)大量的樣本我們看到用戶對(duì)4個(gè)功能的滿意度高達(dá)70%—88%，這也是對(duì)我們此次設(shè)計(jì)的一個(gè)認(rèn)可。

具體定性調(diào)研時(shí)我們收集到了用戶對(duì)改版滿意的原因，并收集到了有待提升的反饋，為我們體驗(yàn)繼續(xù)優(yōu)化做鋪墊。

小結(jié)與思考

在百度網(wǎng)盤8.0版本中，我們通過(guò)嚴(yán)謹(jǐn)?shù)臄?shù)據(jù)分析，從用戶高頻場(chǎng)景挖掘，將AI能力與用戶需求結(jié)合，重塑交互體驗(yàn)路徑，為用戶帶來(lái)了全新的文件瀏覽、管理體驗(yàn)。網(wǎng)盤的業(yè)務(wù)范圍籍此從單純的文件存儲(chǔ)，升級(jí)到更加精細(xì)、貼心的場(chǎng)景服務(wù)。

此外，網(wǎng)盤的Slogan也因此更新為「讓美好永遠(yuǎn)陪伴」：希望百度網(wǎng)盤能陪伴每一位用戶，讓回憶不因歲月流逝而褪色。

「干貨超足的改版設(shè)計(jì)經(jīng)驗(yàn)總結(jié)」

• 《備受好評(píng)的百度網(wǎng)盤Web 新版，原來(lái)設(shè)計(jì)師下了這么多功夫！》
• 《國(guó)內(nèi)人氣最高的百度首頁(yè)，原來(lái)背后的設(shè)計(jì)過(guò)程是這樣的！》
• 《想做APP 改版練習(xí)，這兒有高手的15個(gè)經(jīng)驗(yàn)總結(jié)》
• 《微云使用效率大幅提高的背后，騰訊設(shè)計(jì)師這樣做改版！》
• 《用58同城的實(shí)戰(zhàn)案例，帶你認(rèn)識(shí)完整的改版流程！》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com