技術(shù)資訊
百度Web UI未來發(fā)展趨勢分析
2008-04-28 16:14:00
百度百科于2008年4月21日正式上線—— 首先恭喜“百度百科”終于把“測試版”的帽子摘掉啦!
百科地址: http://b.baidu.com (大伙可以先去體驗(yàn)下,再看此文?。?/P>
自2006年4月“百度百科”推出公測以來,其團(tuán)隊(duì)一直在不停的完善著百科的產(chǎn)品體驗(yàn)……2年后的今日,終于,百度百科正式版上線,引起很多wiki愛好者的矚目。網(wǎng)站每一次重大改版,在體驗(yàn)上給人帶來驚喜的同時(shí),也制造了一些困擾,這都是不可避免的,百度百科也不例外,此次變臉在用戶體驗(yàn)上是否成功呢?
帶著這個(gè)問題,我們來看一下百科是如何從雛形走向成熟的!
初出茅廬的百科
昨天的百科
今天的百科
從上圖可清晰看出百度百科的Web UI在上線前后判若兩站,其風(fēng)格鮮明,和其他百度web產(chǎn)品的UI截然不同。究竟是什么讓百度的UED team下此決心動(dòng)這么大的外科手術(shù)呢?Raymond不得而知,但可以肯定的是——這次百科改版對于百度WUI團(tuán)隊(duì)今后的設(shè)計(jì)風(fēng)格影響意義重大,樹立了百度UI的里程碑,而此后的UI風(fēng)格表現(xiàn)上是否會(huì)朝著更多元化,更細(xì)膩的方向上走,有待時(shí)間考驗(yàn),但至少這種嘗試是值得推崇的,僅此頗讓人欣慰。
#p#新版上線后,視覺體驗(yàn)上也會(huì)存在一些多多少少的問題,Raymond的觀點(diǎn)有以下幾個(gè):
一 增刪
刪:刪掉了百度百科的簡介(估計(jì)百度認(rèn)為是用戶對“百科(baike)”兩字的品牌認(rèn)知度已經(jīng)完全理解,就像百度的mp3欄目,不會(huì)放“什么是mp3”一樣的問題)
增:圖片的數(shù)量和密度比以前明顯增多。
一屏內(nèi)的“精彩詞條”欄目的中下部位還安置了“圖片滾動(dòng)欄”,此舉在wiki網(wǎng)站中非常罕見,猜想其目的是使“百科”到的內(nèi)容更視覺形象化。但代價(jià)有三:版式亂,無重點(diǎn),不明晰。
- 版式亂: 看起來累眼,參考Tony的網(wǎng)站的視覺路徑和版式設(shè)計(jì),不再冗述。
- 無重點(diǎn): 愈想使每個(gè)圖都醒目,其產(chǎn)生的結(jié)果是每個(gè)圖都不醒目(還是那句老話 —— 花多不艷)。
- 不明晰: 用戶在瀏覽此處的時(shí)候,不明晰此圖是何含義,就算由于好奇而產(chǎn)生的盲目瞎點(diǎn),其結(jié)果必然是迅速關(guān)閉。
然后將鼠標(biāo)拖動(dòng)至二三屏,”按開放分類瀏覽“,優(yōu)質(zhì)詞條,待完善詞條等欄目排列整齊,結(jié)構(gòu)明晰,感覺還是蠻不錯(cuò)的。
調(diào):鏈接字體顏色調(diào)整的更加柔和。
新版鏈接字體用的顏色代碼是“r 51 g 102 b 204, #3366CC” ,而非使用百度的默認(rèn)字體色“R 38 G 38 B 220 #261CDC”,這使鏈接看起來不那么刺眼。
二 導(dǎo)航欄
UE方面做的最大的調(diào)整,莫過于增加了二級導(dǎo)航欄。
意在突出3大入口:
- 1.嘗試編輯實(shí)驗(yàn)(不會(huì)用百科的新手);
- 2.開始創(chuàng)建新詞條(掌握技能后的進(jìn)階用戶);
- 3.參與完善詞條(對詞條功能熟悉的老鳥)。
初衷是好的,可導(dǎo)航欄的設(shè)計(jì)和內(nèi)容欄的UI元素明顯不太搭,導(dǎo)航按鈕也首次采用48×48的大圖標(biāo)按鈕(這好像印象中是百度首次在其子欄目的導(dǎo)航欄里采用這么大的圖片按鈕吧?之前一直是”文字按鈕“)。每個(gè)按鈕的單獨(dú)看細(xì)節(jié)表現(xiàn)的確棒,但放在整個(gè)頁面中看,導(dǎo)航的過多修飾,讓整個(gè)頁面有一種頭重腳輕的感覺。
三 閱讀情緒的轉(zhuǎn)變
新版所營造的娛樂性體驗(yàn)更強(qiáng)一些,而國內(nèi)其他wiki網(wǎng)站的則比較簡約權(quán)威。改版后色彩更艷麗,一屏內(nèi)使用了大面積的過渡色,模塊的邊角修飾使用的是圓角,而非方角……等諸多細(xì)節(jié),在很大程度上使用戶的閱讀情緒發(fā)生了很大改變,莫非是想讓百科的用戶們也High起來? 這就說回到百科的用戶群。我們來分析一下這部分人來這的目的是什么?是來玩的?還是目的性很強(qiáng)來學(xué)知識、解疑惑的?
我覺得可能是后者居多吧,那為何要費(fèi)功夫做這么多花哨且不實(shí)用的裝飾呢?
原文
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2011-11-07 11:47:01] 怎樣主動(dòng)提交網(wǎng)站地圖,讓谷歌公司、雅虎、百度、live.com統(tǒng)統(tǒng)收錄
- [2013-11-06 23:00:26] js被掛外鏈廣告 被百度K 分析
- [2009-03-29 22:28:00] 從百度貼吧改版失敗看用戶體驗(yàn)重要性
- [2015-12-27 23:01:24] 百度站長工具之外鏈查詢
- [2016-07-30 11:36:00] 如何自定義百度搜索結(jié)果縮略圖
- [2011-10-18 11:29:26] 企業(yè)網(wǎng)站如何做好百度搜索引擎的排名
- [2015-01-11 10:54:57] 百度推廣與精準(zhǔn)長尾關(guān)鍵詞是密密相關(guān)的!
- [2008-12-16 22:58:00] 找茬:百度有啊的文字大小
- [2013-04-24 17:04:24] 如何提高百度的網(wǎng)站內(nèi)容收錄
- [2015-01-18 15:44:47] 網(wǎng)站有無備案是否對我們網(wǎng)站在百度的排名有影響呢?
- [2015-01-17 17:41:25] 百度新算法分析:外鏈和內(nèi)容到底哪個(gè)更重要些?
- [2011-11-10 22:41:47] 如何向雅虎提交網(wǎng)站地圖?(附帶百度/谷歌/yahoo/必應(yīng)/ASK等入口)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
IT資訊 青島網(wǎng)站設(shè)計(jì)哪家好 青島抖音小程序開發(fā) 青島flash網(wǎng)站 網(wǎng)站改版 網(wǎng)站交互設(shè)計(jì) H5 青島IT資訊 SEO 微網(wǎng)站 青島網(wǎng)站SEO 青島高端網(wǎng)站建設(shè)公司哪家好 用戶界面 海信網(wǎng)絡(luò)科技 微官網(wǎng) 企業(yè)建站 舒適的界面 外貿(mào)網(wǎng)站建設(shè) 官網(wǎng)建設(shè) 英文網(wǎng)站建設(shè) HTML5 青島開發(fā)區(qū)建站公司 微信開發(fā) css 新的元素 建站常識 高端網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)資訊 青島網(wǎng)站建設(shè) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好