采用全新設計語言的百度網盤10.0，是如何做服務升級的？

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

項目背景

百度網盤應該都很熟悉了，在個人數據爆發時代，大家都需要云存儲工具來保存個人數據。網盤一直致力于為用戶提供更好的存儲和傳輸服務，并且成為行業領頭羊，解決了 6 億用戶的存儲需求。

隨著 5G 的到來，帶來更多樣化的用戶需求場景，更高速增長的數據規模，更智能化的數據處理技術。因此，在這種趨勢下，未來網盤將以數據存儲和傳輸為基礎，接入更多的服務，為用戶提供場景化的消費需求。我們也將從「連接人和文件」到「連接人和服務」進行轉變。

本次 10.0 我們結合著產品最新的「服務」理念以及百度 UXC 最新設計語言──D20，進行全新升級，致力于為用戶提供更優質的使用體驗。

「服務」給人什么感受？

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

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

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

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

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

• 人性化布局；
• 場景化消費；
• 個性化響應。

1. 人性化布局

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

Title欄信息精簡

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

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

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

增強服務感知

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

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

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

底部新增「頭像」展示

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

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

2. 場景化消費

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

但是，我們希望網盤不僅僅是用戶的存儲工具，而是從存儲到消費，甚至從生產環節都能夠滿足用戶的一條龍需求。本次升級我們弱化傳統列表承載形式，提供更加符合垂類文件的場景化消費體驗。

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

相冊服務

針對相冊服務，本次升級我們做了以下優化。

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

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

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

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

以下，是本次相冊服務模塊的整體優化：

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

視頻服務

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

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

比如：

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

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

筆記服務

過去，網盤都是存儲用戶在其他產品中生成的個人數據。從 10.0 開始，我們提供全新筆記服務，這也是網盤主動邁向生產環節的第一次嘗試。

用戶可以在網盤內新建筆記，筆記還能以圖片形式對外分享。

同時，用戶還可以把在其他產品上看到的優秀文章，以復制鏈接的形式，剪藏到網盤成為筆記，永久保存。

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

3. 個性化響應

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

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

現在在 10.0 版本中，通過搜索：食物、貓、狗、拍照地點、時間節氣等快速查找到照片。

在用戶授權可使用的數據范圍內，網盤對照片進行分析，為了能支持用戶更個性化的查找需求，降低用戶搜索圖片的門檻，提升查找效率。

以上可以看出，從「人性化布局」高優呈現對用戶最重要的內容，到「場景化消費」滿足用戶對垂類文件類型的沉浸式存儲及消費，再到「個性化響應」以千人千面的技術為用戶推薦更精準的信息，這一切都是我們為了給用戶提供更優質的體驗，同時邁向「智能」服務體驗的開端。

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

隨著 10.0「服務化」的升級理念，同時結合新一代的百度 UXC-D20 全新設計語言，最終選擇以 D20 所指導的「賽博朋克風」+延續網盤9.0「積木」設計語言的「蒙德里安的格子構成設計」做為網盤 10.0 的視覺設計語言。

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

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

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

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

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

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

因此在網盤 10.0 的升級中增加「暗黑模式」，是行業內優先落地的暗黑模式產品之一，引領著設計趨勢，同時為用戶提供更多個性化選擇。

為了提高適配暗黑模式的開發效率，根據頁面不同層級的內容，我們定義了幾種規范層級顏色，以及文字顏色等規范。

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

總結

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

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

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

歡迎關注作者的微信公眾號：「大牙的設計筆記」