備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

百度UXC:網(wǎng)盤作為一個(gè)在線備份存儲(chǔ),共享文件的工具類產(chǎn)品,給人們的工作和生活帶來(lái)了很大的幫助和便利。百度網(wǎng)盤是目前國(guó)內(nèi)使用量最大的網(wǎng)盤產(chǎn)品,至今發(fā)展已有4年,總用戶數(shù)超4億,為了讓用戶有著更好的使用體驗(yàn),需要對(duì)產(chǎn)品進(jìn)行不斷的優(yōu)化和創(chuàng)新。而且距離上一次改版已經(jīng)有3年時(shí)間,在使用體驗(yàn)上暴露出一定問(wèn)題,因此決定重新塑造百度網(wǎng)盤的產(chǎn)品體驗(yàn)。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

我們針對(duì)現(xiàn)有產(chǎn)品進(jìn)行了問(wèn)題分析,發(fā)現(xiàn)了現(xiàn)階段產(chǎn)品存在的問(wèn)題:

1、從視覺(jué)方面:設(shè)計(jì)語(yǔ)言比較老舊,各端不夠統(tǒng)一,跟競(jìng)品沒(méi)有形成差異化。

2、從體驗(yàn)方面:產(chǎn)品接手的人太多,導(dǎo)致體驗(yàn)方面不夠一致,需要統(tǒng)一操作語(yǔ)言,從而提升用戶使用效率。

3、從產(chǎn)品方面:為了達(dá)到收支平衡,我們推出會(huì)員功能,需要從設(shè)計(jì)角度提升會(huì)員尊享感。

針對(duì)這些問(wèn)題,我們?cè)诙啻晤^腦風(fēng)暴后提煉出了新版本的設(shè)計(jì)目標(biāo):結(jié)構(gòu)合理、突出網(wǎng)盤功能、體驗(yàn)友好、提升會(huì)員感知度。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

眾所周知,網(wǎng)盤等工具類產(chǎn)品需要具備簡(jiǎn)單高效的特點(diǎn),但是在使用過(guò)程中,往往容易顯得單調(diào)和缺少感情。經(jīng)過(guò)前期的腦暴討論和分析,結(jié)合網(wǎng)盤自身的用戶特征,希望在新版設(shè)計(jì)中傳達(dá)給人更多簡(jiǎn)潔、輕快和活潑的體驗(yàn)感受。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

通過(guò)幾輪對(duì)網(wǎng)盤首頁(yè)的設(shè)計(jì)探索,最終采用淺色為主,扁平化風(fēng)格的方案。以百度的品牌色,藍(lán)色、白色和紅色為基礎(chǔ),增強(qiáng)品牌識(shí)別性,以及各端統(tǒng)一性。而且藍(lán)色源于天空,沉穩(wěn)與科技感符合網(wǎng)盤的產(chǎn)品特征,容易讓人聯(lián)想到在云端的氛圍感受,在長(zhǎng)時(shí)間使用過(guò)程中不會(huì)讓人產(chǎn)生視覺(jué)疲勞。頁(yè)面適當(dāng)留白,弱化不必要的視覺(jué)元素,突出內(nèi)容本身,從而提升用戶操作效率。將紅色賦予會(huì)員,一方面通過(guò)醒目的紅色可以突顯會(huì)員與眾不同的尊享感,一方面可以引導(dǎo)人們來(lái)了解會(huì)員,帶來(lái)更大的收益。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

由于百度網(wǎng)盤的用戶年齡大部分分布在20-35歲之間,屬于80后和90后的年齡段,這類人群更容易接觸新鮮事物。因此在設(shè)計(jì)中加入了換膚功能,來(lái)體現(xiàn)更多的場(chǎng)景氛圍,后續(xù)還會(huì)不斷完善皮膚的類別和數(shù)量,滿足不同人群喜好。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

新手引導(dǎo)頁(yè)面是為首次注冊(cè)用戶展示的網(wǎng)盤功能介紹,用戶可在第一次使用網(wǎng)盤前對(duì)的核心功能做個(gè)了解,幫助用戶擴(kuò)展使用場(chǎng)景。采用動(dòng)效的形式,使用戶更有參與感。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

這次改版也對(duì)經(jīng)常使用的文件類型圖標(biāo)做了重新的設(shè)計(jì),采用了較為明快的色彩,使得網(wǎng)盤不再單調(diào)乏味,更加充滿朝氣與活力,給人以愉悅感。圖標(biāo)的圖形及顏色同時(shí)遵循品牌特征,使人易于識(shí)別。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

同樣我們?nèi)值膇con也采用了線性圖標(biāo),這種方式輕巧簡(jiǎn)練,具有一定的想象空間,且不會(huì)對(duì)界面產(chǎn)生太大的視覺(jué)干擾,圓角的處理更符合本次改版的視覺(jué)語(yǔ)言,簡(jiǎn)潔、輕快、活潑。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

本次改版主要在視覺(jué)設(shè)計(jì)上進(jìn)行了升級(jí)和優(yōu)化,整體采用扁平化風(fēng)格使體驗(yàn)更加輕量化,通過(guò)圖標(biāo)和色彩的運(yùn)用,更加滿足年輕用戶喜好,而且符合設(shè)計(jì)趨勢(shì)。 ?在交互設(shè)計(jì)上,對(duì)首頁(yè)結(jié)構(gòu)的重新規(guī)劃使層次更加清晰,使用更加簡(jiǎn)單。這次Web端改版,較以往版本有著較大的升級(jí),也希望之后通過(guò)設(shè)計(jì)的力量讓網(wǎng)盤體驗(yàn)更加友好。

「干貨超足的3個(gè)改版實(shí)戰(zhàn)經(jīng)驗(yàn)總結(jié)」

  1. LOGO 改版:《揭秘LOGO設(shè)計(jì)流程!超詳細(xì)的騰訊云LOGO 改版記錄全過(guò)程》
  2. 官網(wǎng)改版:《QQ官網(wǎng)全新蛻變!IM QQ 改版(第一期)設(shè)計(jì)總結(jié)》
  3. Pinterest 改版:《改版實(shí)戰(zhàn)!聊聊PINTEREST官網(wǎng)再設(shè)計(jì)過(guò)程的經(jīng)驗(yàn)思考》
  4. QQ 新版表情:《騰訊ISUX丨揭秘QQ 新版表情背后的設(shè)計(jì)故事》
  5. 提升數(shù)據(jù):《騰訊ISUX丨通過(guò)優(yōu)化,我們將QQ會(huì)員付費(fèi)用戶數(shù)提高了5倍!》

原文地址:ued.baidu

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量180萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 19
點(diǎn)贊 4

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。