技術資訊
Taobao的首頁改版評測
2008-10-18 17:02:00
這兩天正好在看《網站界面設計》一書,這本書,也是我首次接觸比較系統(tǒng)的介紹界面設計理論的書,書中對界面的可用性設計原則、交互設計、呈現(xiàn)設計以及網絡廣告設計四方面介紹的很系統(tǒng)很詳細的介紹,而且書中包含了大量的實際案例分析,看后收獲很大。于是,最近一直想找個界面來練練手,剛好taobao的首頁進行了新一輪的“胖身”改版,就全當成學習來,來分析一下Taobao的首頁界面改版評測:
首頁是網站的大門,用戶從這里進入網站,又從這里進入到網站的各個頻道和內容,首頁是用戶的主要集散地,他的呈現(xiàn)和側重點直接決定了網站的導向,對于用戶來說,首頁是導航,對于網站來說,他相當于目錄和發(fā)布區(qū),對于活動以及商家,他又是廣告。平衡三者的關系是首頁設計的重點,網站的首頁和欄目頁體現(xiàn)了網站的主旨以及特色,把流量引向網站最重要的地方,這一方面來說,Taobao的網站改版還是達到要求了。
首頁的基本設計原則:
(1)首頁上最顯著的設計元素之一應該是公司網站的名稱,讓用戶知道他來到了什么地方。
呵呵,這個很明顯,TAObao的LOGO依舊放在左上角最顯眼的地方。
(2)首屏需要體現(xiàn)最基本的用戶任務,即70%以上目標用戶需要使用的功能和網站的主推的服務,需要將兩者巧妙地結合在一起,引導網站流量。
Taobao是一個C2C的網站,用戶上網主要來淘自己喜歡的東西,所以搜索是他最重要的入口,這里淘寶的首頁把搜索的設計很顯眼,也很人性化,只不過不知道為什么右上角上方也有一個搜索,雖然搜索很重要,但是太多相似的信息會不會令用戶感到迷惑。
(3)首屏需要傳達足夠的信息,以讓用戶感受網站內容或功能的豐富。
這個看看后面密密麻麻的寶貝類目,就能感覺到,不過這個也是最最困難的,信息多了,要如何安排,安排不當,就容易造成信息的雜亂無章,讓用戶迷失導向,不過這里這個處理的還可以,一些重要的常用的用不同顏色處理,各個類目用不同的背景區(qū)分開來,相對信息還是比較清晰。只是他的背景背景感覺應該用橙色系的色度比較淡的來做背景,這個整體的有機型會強一些。
(4)首屏需要體現(xiàn)網站的更新,體現(xiàn)網站的活力。
淘寶集市;品牌商城,二手閑置。類目的右側,全球購和促銷區(qū)的領地,尤其是新增的促銷區(qū)域,這些動態(tài)的數(shù)據更新,相信已經足夠體現(xiàn)了這個中國最大的C2C的活力,這一版,也把這些強化了不少。
(5)首頁的設計能夠引人注目,能夠讓目標用戶過目不忘,并對網站形象產生良好的準確的認知和記憶,就設計和視覺而言,用戶所希望的是:布局整齊清晰,板塊明確,色調不要讓眼睛疲勞。
這一塊,感覺改版後,板塊比原來清晰不少,整個網站的架構也更明了,設計上更加大膽,色彩依舊保持鮮艷為主,刺激用戶購買欲望,還是保持原來的主色調,畢竟也是一個企業(yè)色,但是個人感覺用色還是有點雜,有點很強烈的對比,讓用戶感覺心理很不舒服,
(網頁頁面的顏色跳躍會不會太突然了些,雖然這樣可以強調公告信息,但是,感覺不是很和諧~)
(整體的色彩過于混亂,按照我個人的理解,taobao的主題色應該是橙紅色,但是,感覺整個頁面中,藍色跟橙紅比重相似,從上來拉下來,感覺進入兩個世界,感覺整體性不是很好~)
(6)首屏需要較快的下載,因此網頁頂端需要減少圖片,減少表格的復雜性,保證表格橫切的可能性以加快下載速度。
這個個人感覺淘寶的導航雖然設計的很漂亮,但是經常打開后圓角丟失,或者背景圖片沒現(xiàn)實出來,不過好在導航文字能很快出現(xiàn),但是過多的圖片還是影響了用戶對網站整體的感覺,還有個問題,也是關于頁面下載速度的,公告欄以及中間的圖片廣告的背景,好像是深色的粉紅,在頁面下載之前很刺眼,但是最后有出現(xiàn)清淡的板塊,感覺用戶心理變化很大,這一塊的背景設置應該還是以淡色為主,雖然用戶最終影響不大,但是,速度慢的時候,還好思很明顯的。
(7)對于商業(yè)網站而言,首屏需要考慮廣告的位置和呈現(xiàn)。
這個不要說了吧,眼球最中間就是三幅翻動廣告, 廣告鼠標放在下面數(shù)字上會出現(xiàn)相對應的圖片,下面對應的數(shù)字會變大,背景變難,以前面區(qū)分開來,這個讓用戶有控制權,讓用戶掌握所有操作的主動權,感覺產品是為他服務,廣告也是自己需要的,廣告雖然對網站的生存很重要,但是Taobao的廣告還不是很令人討厭,已經成為首頁設計的一分子,這方面他們處理得很不錯。
Taobao的首頁改版,整體來說還是很成功的,功能板塊比之前清晰了不少,立體感也強了很多,給人感覺很好,之前的頁面感覺信息有點匱乏,而且信息冗余很多,經常進來,就陷入迷失狀態(tài)(會不感覺有點馬后炮的感覺,呵呵,不過這的確是我的最初的感覺:)),首頁信息的雜亂,影響了用戶最網站忠誠度,現(xiàn)在的改版,整體感覺更清新,頁面功能也更明了,對用戶的操作也有一定的引導性
整體來說,個人感覺改版還是非常成功的,至少在一定程度上我在首頁關注的時間比以前多很多,很多有用的信息,在首頁就能找到。目前還在學習相關理論,等書全看完了,再過來分析一下~
原文:http://www.onling.net/blog/?p=988
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網站建設公司,高端網站定制,一站式網站服務——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網站建設——從滿足預期到走向卓越
- [2023-04-11 09:17:49] H5頁面設計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網站服務支持
- [2021-05-18 10:14:11] 青島網站建設的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網建設項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網站建設最容易忽略的人性化設計
- [2020-12-16 16:55:32] 建設一個常規(guī)的公司網站建設成本大概是多少?
延伸閱讀
- [2012-02-20 22:14:44] Dede后臺系統(tǒng)首頁反應慢 解決辦法
- [2008-12-27 17:17:00] 簡潔和優(yōu)雅
- [2008-10-22 08:36:00] 騰訊網首頁誕生的艱辛歷程
- [2012-05-12 00:53:18] dede首頁關鍵詞標簽
- [2009-02-01 15:07:00] 設計簡單性與完整性的矛盾
- [2012-03-18 22:53:09] DEDE后臺系統(tǒng)首頁反應慢
- [2012-03-12 13:47:05] 如何設計電子商務網站的首頁?
- [2009-01-05 23:04:00] 記淘寶網09年首頁改版類目設計
- [2012-02-22 22:39:51] 如何進行網站首頁改版
- [2008-12-09 23:00:00] 豆瓣新版首頁修改建議
- [2011-10-22 12:26:23] 青島網站設計中如何讓網站關鍵字快速的排到首頁上去?
- [2011-11-27 22:52:14] 如何做網站首頁優(yōu)化(匯總)