@蘇大牙牙牙?：從明確產(chǎn)品方向，到設(shè)計團隊如何賦能到產(chǎn)品，最終傳遞給用戶更好的服務(wù)感知，百度網(wǎng)盤做了全新的服務(wù)升級。

項目背景

百度網(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ù)，為用戶提供場景化的消費需求。我們也將從「連接人和文件」到「連接人和服務(wù)」進行轉(zhuǎn)變。

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

「服務(wù)」給人什么感受？

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

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

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

如何讓用戶感到「智能」？

網(wǎng)盤在「智能」方面該如何讓用戶感知到呢？結(jié)合 10.0 版本的產(chǎn)品規(guī)劃，我們選取了三個方向，為用戶提供「智能」的產(chǎn)品體驗：

• 人性化布局；
• 場景化消費；
• 個性化響應(yīng)。

1. 人性化布局

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

Title欄信息精簡

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

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

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

增強服務(wù)感知

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

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

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

底部新增「頭像」展示

雖然我們把首頁頂欄的「頭像」進行去除，但由于很多網(wǎng)盤用戶不止一個帳號，為了避免他們因為對所登錄帳號的感知太弱，導(dǎo)致誤傳文件而泄漏隱私的問題，本次在底部 Tab 的「我的」位置保留用戶頭像，合理利用空間，同時讓用戶有明顯帳號感知，保證用戶隱私。

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

2. 場景化消費

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

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

因此，先后對以下功能進行場景化處理：相冊服務(wù)、視頻服務(wù)、筆記服務(wù)。

相冊服務(wù)

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

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

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

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

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

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

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

視頻服務(wù)

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

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

比如：

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

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

筆記服務(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 版本中，通過搜索：食物、貓、狗、拍照地點、時間節(jié)氣等快速查找到照片。

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

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

如何讓用戶感到「驚喜」？

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

因為賽博朋克讓人聯(lián)想到智能、未來感，更符合隨著 5G 到來，百度網(wǎng)盤帶給用戶的無限想象。在視覺上通過拉伸、扭曲、錯位等故障圖形和高飽和度的色彩、漸變色，更符合網(wǎng)盤年輕化的定位，同時跟市面上同質(zhì)化設(shè)計拉開差異。

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

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

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

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

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

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

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

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

總結(jié)

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

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

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

歡迎關(guān)注作者的微信公眾號：「大牙的設(shè)計筆記」