百度網(wǎng)盤應(yīng)該都很熟悉了，在個(gè)人數(shù)據(jù)爆發(fā)時(shí)代，大家都需要云存儲(chǔ)工具來保存?zhèn)€人數(shù)據(jù)。網(wǎng)盤一直致力于為用戶提供更好的存儲(chǔ)和傳輸服務(wù)，并且成為行業(yè)領(lǐng)頭羊，解決了6億用戶的存儲(chǔ)需求。

隨著5G的到來，帶來更多樣化的用戶需求場景，更高速增長的數(shù)據(jù)規(guī)模，更智能化的數(shù)據(jù)處理技術(shù)。因此，在這種趨勢下，未來網(wǎng)盤將以數(shù)據(jù)存儲(chǔ)和傳輸為基礎(chǔ)，接入更多的服務(wù)，為用戶提供場景化的消費(fèi)需求。我們也將從“連接人和文件”到“連接人和服務(wù)”進(jìn)行轉(zhuǎn)變。

本次10.0我們結(jié)合著產(chǎn)品最新的“服務(wù)”理念以及百度UXC最新設(shè)計(jì)語言-D20，進(jìn)行全新升級(jí)，致力于為用戶提供更優(yōu)質(zhì)的使用體驗(yàn)。

“ 服務(wù)”給人什么感受？

明確產(chǎn)品的方向后，如何為用戶清晰的傳遞出這一理念，是本次遇到的難題。針對(duì)這個(gè)問題，同學(xué)們做了多輪腦爆，來討論“什么是好的服務(wù)？”

最終，我們覺得好的服務(wù)就是：當(dāng)你需要某個(gè)東西時(shí)，不需要你做什么，對(duì)方就能夠通過你的行為舉止，進(jìn)行預(yù)判并且滿足你，而非你反復(fù)的提出需求后的被動(dòng)滿足。因此，它是足夠懂你和智能的，同時(shí)，它是超出預(yù)期，帶給人驚喜的。

最終，我們明確了本次10.0升級(jí)的核心關(guān)鍵詞是：“智能”和“驚喜”。

如何讓用戶感到“智能”？

網(wǎng)盤在“智能”方面該如何讓用戶感知到呢？結(jié)合10.0版本的產(chǎn)品規(guī)劃，我們選取了三個(gè)方向，為用戶提供“智能”的產(chǎn)品體驗(yàn):1.人性化布局；2.場景化消費(fèi)；3.個(gè)性化響應(yīng)。

1、人性化布局

“首頁”，是用戶直觀感受產(chǎn)品的第一步，我們需要兼顧用戶需求和產(chǎn)品運(yùn)營訴求進(jìn)行整體規(guī)劃，人性化的運(yùn)用首屏空間，來保證用戶的使用效率。所以本次升級(jí)，我們對(duì)首頁布局上做了三個(gè)改動(dòng)：

a.Title欄信息精簡，對(duì)于網(wǎng)盤用戶來說查找文件是一個(gè)高頻訴求，而“搜索”是解決查找問題的高頻操作，因此，本次將Title欄的頭像及名稱去除，留給“搜索”入口。

這種布局處理方式，同時(shí)解決以前由于頂部右側(cè)圖標(biāo)太多，識(shí)別性出問題導(dǎo)致“傳輸列表”找不到的用戶負(fù)面反饋。

同時(shí)，“搜索”強(qiáng)化也能更好的為用戶在首頁做sug推薦，將我們內(nèi)容商城里優(yōu)質(zhì)的書籍、音頻、視頻智能化的推薦給精準(zhǔn)用戶，滿足他們一站式的購買，存儲(chǔ)和消費(fèi)的需求。

b.增強(qiáng)服務(wù)感知，我們一直在想，如何讓用戶能夠直觀看出我們提供了完善的服務(wù)，而非文件分類入口。

因此，本次將原來體現(xiàn)分類的小icon，優(yōu)化為卡片入口形式，同時(shí)增大它們展示面積，將“服務(wù)”信息前置，比如“已為你備份XX張照片”，解決以前用戶備份結(jié)果感知不明確的問題。

不僅于此，全新的服務(wù)模塊還支持用戶手動(dòng)定制，篩選出最符合自己使用習(xí)慣的模塊放在首頁。

c.底部新增“頭像”展示，雖然我們把首頁頂欄的“頭像”進(jìn)行去除，但由于很多網(wǎng)盤用戶不止于一個(gè)帳號(hào)，為了避免他們因?yàn)閷?duì)所登錄帳號(hào)的感知太弱，導(dǎo)致誤傳文件而泄漏隱私的問題，本次在底Tab的“我的”位置保留用戶頭像，合理利用空間，同時(shí)讓用戶有明顯帳號(hào)感知，保證用戶隱私。

所以綜合考慮，在布局層面，本次對(duì)首頁做了以下的調(diào)整：

2、場景化消費(fèi)

如開頭所說，以前的網(wǎng)盤功能重點(diǎn)在于文件的存儲(chǔ)和傳輸，所以用戶每次都要在各種文件列表中低效的穿梭著。

但是，我們希望網(wǎng)盤不僅僅是用戶的存儲(chǔ)工具，而是從存儲(chǔ)到消費(fèi)，甚至從生產(chǎn)環(huán)節(jié)都能夠滿足用戶的一條龍需求。本次升級(jí)我們?nèi)趸瘋鹘y(tǒng)列表承載形式，提供更加符合垂類文件的場景化消費(fèi)體驗(yàn)。

因此，先后對(duì)以下功能進(jìn)行場景化處理：a.相冊服務(wù)；b.視頻服務(wù)；c.筆記服務(wù)。

a.相冊服務(wù)

針對(duì)相冊服務(wù)，本次升級(jí)我們做了以下優(yōu)化：

新增精選：通過拍攝設(shè)備信息等策略，以及對(duì)重復(fù)照片進(jìn)行智能化整理，篩選出高質(zhì)量照片，在時(shí)光軸中增加“精選”圖片分類進(jìn)行承載。

這樣就減少用戶瀏覽圖片或視頻時(shí)無效信息，同時(shí)提升瀏覽及查找體驗(yàn)。如果用戶想看全部的，只需要左滑一下就ok。

新增地點(diǎn)信息：對(duì)已存儲(chǔ)的照片及視頻，提取并展示地理位置信息，讓用戶瀏覽照片時(shí)有更強(qiáng)的情感帶入。

新增底Tab：新版相冊中對(duì)“智能分類”、“故事”功能進(jìn)行強(qiáng)化，從以前的頂tab移動(dòng)到底部導(dǎo)航欄，給人一種相冊服務(wù)就是完整小程序的感受，用它存儲(chǔ)和消費(fèi)照片就夠了的認(rèn)知。

以下，是本次相冊服務(wù)模塊的整體優(yōu)化：

而且還引入美圖秀秀、聯(lián)想云打印等第三方的服務(wù)，可在網(wǎng)盤直接對(duì)照片進(jìn)行美化編輯以及打印，只需簡單幾步照片就能寄回家，真香。

b.視頻服務(wù)

很多用戶在網(wǎng)盤經(jīng)常觀看視頻，對(duì)于這類用戶，查找、觀看視頻是他們的主訴求。

以前網(wǎng)盤的視頻采用列表形式，但是列表中視頻縮略圖并不能滿足用戶快速查找及消費(fèi)的訴求，甚至讓人崩潰。因此在10.0版本中，對(duì)視頻服務(wù)模塊進(jìn)行重新設(shè)計(jì)。

比如：a.新增最近觀看模塊，滿足用戶持續(xù)性消費(fèi)某些視頻的需求，提高查找效率；b.提供通過時(shí)長維度查找視頻的入口，便捷的對(duì)文件進(jìn)行篩選；c.視覺展現(xiàn)，增加列表高度及視頻畫面信息展現(xiàn)，便于快速查找。

同時(shí)在視頻播放器，提供智能生成播放列表功能，無需在繁雜錯(cuò)亂的列表中進(jìn)行選擇，可在播放器直接進(jìn)行下一集的播放。

c.筆記服務(wù)

網(wǎng)盤以前都是存儲(chǔ)用戶在其他產(chǎn)品中生成的個(gè)人數(shù)據(jù)，從10.0開始，我們提供全新筆記服務(wù)，這也是網(wǎng)盤主動(dòng)邁向生產(chǎn)環(huán)節(jié)的第一次嘗試。

用戶可以在網(wǎng)盤內(nèi)新建筆記，筆記還能以圖片形式對(duì)外分享。

同時(shí)，用戶還可以把在其他產(chǎn)品上看到的優(yōu)秀文章，以復(fù)制鏈接的形式，剪藏到網(wǎng)盤成為筆記，永久保存。

除了以上服務(wù)，我們通過合作方式已經(jīng)引入如WPS、石墨文檔等服務(wù)，滿足用戶在線編輯文檔等一系列文字相關(guān)需求。

3、個(gè)性化響應(yīng)

千篇一律的推薦會(huì)讓用戶在繁雜的信息中迷失，千人千面的響應(yīng)反而為用戶提供更精準(zhǔn)的選擇，因此在10.0我們對(duì)搜索增加了個(gè)性化的響應(yīng)，滿足用戶快速查找文件的訴求。

比如你在網(wǎng)盤中找到去年的某張照片，以前你可能是這樣找的：

現(xiàn)在在10.0版本中，通過搜索：食物、貓、狗、拍照地點(diǎn)、時(shí)間節(jié)氣等快速查找到照片。

在用戶授權(quán)可使用的數(shù)據(jù)范圍內(nèi)，網(wǎng)盤對(duì)照片進(jìn)行分析，為了能支持用戶更個(gè)性化的查找需求，降低用戶搜索圖片的門檻，提升查找效率。

以上可以看出，從“人性化布局”讓對(duì)用戶最重要的內(nèi)容高優(yōu)呈現(xiàn)，到“場景化消費(fèi)”滿足用戶對(duì)垂類文件類型的沉浸式存儲(chǔ)及消費(fèi)，再到“個(gè)性化響應(yīng)”以千人千面的技術(shù)為用戶推薦更精準(zhǔn)的信息，這一切都是我們?yōu)榱私o用戶提供更優(yōu)質(zhì)的體驗(yàn)，同時(shí)邁向“智能”服務(wù)體驗(yàn)的開端。

如何讓用戶感到“驚喜”？

隨著10.0“服務(wù)化”的升級(jí)理念，同時(shí)結(jié)合新一代的百度UXC-D20全新設(shè)計(jì)語言，最終選擇以D20所指導(dǎo)的“賽博朋克風(fēng)”+延續(xù)網(wǎng)盤9.0“積木”設(shè)計(jì)語言的“蒙德里安的格子構(gòu)成設(shè)計(jì)”做為網(wǎng)盤10.0的視覺設(shè)計(jì)語言。

因?yàn)橘惒┡罂俗屓寺?lián)想到智能、未來感，更符合隨著5G到來百度網(wǎng)盤所給用戶帶來的無限想象。在視覺上通過拉伸、扭曲、錯(cuò)位等故障圖形和高飽和度的色彩、漸變色更符合網(wǎng)盤年輕化的定位，同時(shí)跟市面上同質(zhì)化設(shè)計(jì)拉開差異。

通過折疊像素?cái)?shù)據(jù)和十六進(jìn)制編碼，2019年Shutterstock平臺(tái)能夠看到用戶下載最頻繁的顏色。利用這些信息，他們編制了一份全球最受歡迎的三種顏色。可以看出，在科技發(fā)展的影響下人們對(duì)高飽和和漸變色的青睞日益增長。最突出的是：UFO Green、Plastic Pink、Proton Purple。

因此，在ICON的設(shè)計(jì)中采用10.0全新設(shè)計(jì)語言-“賽博朋克+蒙德里安的格子”，以及選取較受歡迎的且能夠體現(xiàn)年輕化的高對(duì)比高飽和配色，傳遞全新視覺感受，讓用戶感到“驚喜”，同時(shí)對(duì)服務(wù)入口增加探索欲望。

同時(shí)經(jīng)過多輪的嘗試，最終確定圓角大小為16px。

同時(shí)將此設(shè)計(jì)語言，運(yùn)用到全局icon設(shè)計(jì)中。

由于OLED屏在夜間模式更省電，以及用戶對(duì)視力保護(hù)的更加重視，同時(shí)短視頻的爆發(fā)讓用戶對(duì)黑色UI的接受度變強(qiáng)。

因此在網(wǎng)盤10.0的升級(jí)中增加“暗黑模式”，是行業(yè)內(nèi)優(yōu)先落地暗黑模式產(chǎn)品之一，引領(lǐng)著設(shè)計(jì)趨勢，同時(shí)為用戶提供更多個(gè)性化選擇。

為了提高適配暗黑模式的開發(fā)效率，根據(jù)頁面不同層級(jí)的內(nèi)容，我們定義了幾種規(guī)范層級(jí)顏色，以及文字顏色等規(guī)范。

作為一次全新升級(jí)，我們希望用戶能夠眼前一亮，不僅有“智能”的功能體驗(yàn)，還有“驚喜”的視覺傳遞。

總結(jié) 

以上，是百度網(wǎng)盤10.0服務(wù)升級(jí)背后的原因以及思考過程。從前期明確產(chǎn)品方向-“服務(wù)化”，到梳理出“服務(wù)”給人傳遞的感受（智能、驚喜），再到“智能”落地到產(chǎn)品中的三個(gè)方向（人性化布局、場景化消費(fèi)、個(gè)性化響應(yīng)），以及“驚喜”落地到產(chǎn)品中的兩個(gè)部分（全新視覺、暗黑模式），最終呈現(xiàn)出的全新服務(wù)體驗(yàn)的10.0升級(jí)。所做一切，都是為了給用戶持續(xù)提供更好的體驗(yàn)。

同時(shí)，我們對(duì)上線后的數(shù)據(jù)和反饋也時(shí)刻關(guān)注，對(duì)比發(fā)現(xiàn)全新方案在各個(gè)“服務(wù)”的使用和留存都有不少提升，能看出大家對(duì)這次升級(jí)還是認(rèn)可的。

作者：大牙

公眾號(hào)：大牙的設(shè)計(jì)筆記