百度網(wǎng)盤(pán)的UI設(shè)計(jì)是這么改版的

一. 改版背景

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

 

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

快速高效的完成任務(wù)是體驗(yàn)設(shè)計(jì)的關(guān)鍵，但用戶(hù)使用產(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)用戶(hù)使用百度網(wǎng)盤(pán)手機(jī)APP的高頻場(chǎng)景是預(yù)覽圖片，預(yù)覽行為占據(jù)日活數(shù)據(jù)的50%以上。還原用戶(hù)真實(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)題：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

小結(jié)與思考

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