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

項(xiàng)目背景

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

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

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

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

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

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

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

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

網(wǎng)盤在“智能”方面該如何讓用戶感知到呢？

結(jié)合10.0版本的產(chǎn)品規(guī)劃，我們選取了三個方向，為用戶提供“智能”的產(chǎn)品體驗(yàn)：

1. 人性化布局；
2. 場景化消費(fèi)；
3. 個性化響應(yīng)。

（1）人性化布局

“首頁”，是用戶直觀感受產(chǎn)品的第一步，我們需要兼顧用戶需求和產(chǎn)品運(yùn)營訴求進(jìn)行整體規(guī)劃，人性化的運(yùn)用首屏空間，來保證用戶的使用效率。

所以本次升級，我們對首頁布局上做了三個改動：

a. Title欄信息精簡

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

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

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

b. 增強(qiáng)服務(wù)感知

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

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

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

c. 底部新增“頭像”展示

雖然我們把首頁頂欄的“頭像”進(jìn)行去除，但由于很多網(wǎng)盤用戶不止于一個帳號，為了避免他們因?yàn)閷λ卿泿ぬ柕母兄酰瑢?dǎo)致誤傳文件而泄漏隱私的問題，本次在底Tab的“我的”位置保留用戶頭像，合理利用空間，同時讓用戶有明顯帳號感知，保證用戶隱私。

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

（2）場景化消費(fèi)

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

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

因此，先后對以下功能進(jìn)行場景化處理：

1. 相冊服務(wù)；
2. 視頻服務(wù)；
3. 筆記服務(wù)。

a. 相冊服務(wù)

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

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

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

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

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

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

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

b. 視頻服務(wù)

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

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

比如：

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

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

c. 筆記服務(wù)

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

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

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

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

（3）個性化響應(yīng)

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

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

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

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

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

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

隨著10.0“服務(wù)化”的升級理念，同時結(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)盤所給用戶帶來的無限想象。在視覺上通過拉伸、扭曲、錯位等故障圖形和高飽和度的色彩、漸變色更符合網(wǎng)盤年輕化的定位，同時跟市面上同質(zhì)化設(shè)計(jì)拉開差異。

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

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

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

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

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

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

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

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

總結(jié)

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

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

本次10.0體驗(yàn)升級是百度網(wǎng)盤所有同學(xué)的共同努力，同時也只是我們服務(wù)升級的開端，未來還會為用戶提供更多好用的圍繞個人數(shù)據(jù)的存儲及消費(fèi)服務(wù)。

感謝大家一直以來的支持與陪伴。

＃專欄作家＃

大牙，微信公眾號：大牙的設(shè)計(jì)筆記，人人都是產(chǎn)品經(jīng)理專欄作家。百度資深設(shè)計(jì)師。一個對生活充滿好奇心，擅長用直白的語言去分析產(chǎn)品、交互、視覺的同學(xué)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖作者提供