建站常識(shí)
淘寶首頁(yè)變胖了?
2007-04-28 11:42:00
今天在Taobao.com UED Team的blog上看到《我變胖了…》,才知道淘寶首頁(yè)改版了。于是就去瞅瞅了,本來(lái)想找個(gè)改版前的首頁(yè)做對(duì)比,看看變化,可惜只找到比較早的一個(gè),所以索性就改版后的首頁(yè)來(lái)侃幾句。
對(duì)于一個(gè)內(nèi)容極其豐富的站點(diǎn)首頁(yè),其設(shè)計(jì)難點(diǎn)并不是外觀設(shè)計(jì)上,而是如何通過(guò)首頁(yè)既滿足用戶的所需,又要體現(xiàn)公司的策略、迎合商務(wù)需求,這個(gè)平衡實(shí)現(xiàn)的基石是信息構(gòu)架,而信息構(gòu)架往往建立在站點(diǎn)的服務(wù)、用戶的需求、公司的商務(wù)、用戶的歷史數(shù)據(jù)以及調(diào)查等等基礎(chǔ)上,并且還牽涉到領(lǐng)導(dǎo)者的意愿,所以一個(gè)改版往往在學(xué)習(xí)中反復(fù)中爭(zhēng)吵中妥協(xié)中完成,所以每一個(gè)勇于創(chuàng)新的改版都值得支持和贊揚(yáng)。
贊揚(yáng)的話就不多說(shuō),現(xiàn)在列列個(gè)人感覺(jué):
首屏
外型上最大的改變就是頁(yè)面寬度變成了950px,這個(gè)改變應(yīng)該是可以反應(yīng)出訪問(wèn)淘寶的用戶屏幕分辨率絕大部分在1024*768以上,這種變化無(wú)疑讓一屏之內(nèi)內(nèi)容的容量大了起來(lái),讓人的視野更開闊。就淘寶的情況,一屏的大小應(yīng)該為1005*600(《網(wǎng)頁(yè)一屏有多大?》),所以其首屏是:
這是一個(gè)如此飽滿的首屏,似乎顏色和圖形搶走了文字所體現(xiàn)內(nèi)容的光芒,特別是有些刺眼的藍(lán),還有“品牌商城”右側(cè)的那個(gè)黃色的斜線,或者文字和圖片擁擠在一起,莫非這就是一個(gè)擁擠熱鬧的集市感覺(jué)?
#p#搜索
1.上圖頁(yè)面首屏中,有兩個(gè)搜索框,有兩個(gè)“高級(jí)搜索”鏈接,似乎不一樣,但是我看不出兩者區(qū)別,嘗試性搜索一下,發(fā)現(xiàn)在默認(rèn)情況下搜索結(jié)果頁(yè)面完全一樣。
2.當(dāng)我輸入“筆記本 dell”后,去選擇搜索分類的時(shí)候發(fā)現(xiàn):
- 搜索分類中已經(jīng)有”筆記本電腦”,為啥不學(xué)習(xí)一下amazon.com,把分類放在前面呢?好看和好用哪個(gè)重要呢?
- 如果我采用默認(rèn)的“所有分類”,那我輸入完關(guān)鍵字,到點(diǎn)擊搜索按鈕是否鼠標(biāo)運(yùn)動(dòng)的距離遠(yuǎn)點(diǎn)呢?當(dāng)然如果知道直接用Enter或許方便點(diǎn),但是那個(gè)分類的下拉列表怎么看都像一個(gè)干擾。
- 如果“搜索寶貝”那個(gè)下拉列表很重要,是否可以考慮用單選按鈕或者tab頁(yè)的形式來(lái)方便快速直接選擇呢?
- “所有分類”那個(gè)下拉列表有”———-”項(xiàng)和空白項(xiàng),這是為了區(qū)分嗎?為啥不 考慮optgroup
3.高級(jí)搜索的擁擠,和預(yù)留下太多的空白下拉列表,這個(gè)應(yīng)該修改成按需顯示吧?
#p#類Tab頁(yè)設(shè)計(jì)
現(xiàn)在似乎對(duì)頁(yè)面內(nèi)容的這種Tab頁(yè)形成一種定勢(shì)了,當(dāng)點(diǎn)擊到集市調(diào)轉(zhuǎn)到一個(gè)變化很大的頁(yè)面時(shí),感覺(jué)很不適應(yīng)。
通過(guò)背景對(duì)相同形式的大片內(nèi)容的區(qū)分,這點(diǎn)挺好的,但是似乎在Firefox下還有一些小問(wèn)題。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2007-01-04 15:02:00] Sun首頁(yè)改版分析
- [2006-07-13 07:51:00] 網(wǎng)站設(shè)計(jì)的思考之網(wǎng)站首頁(yè)的設(shè)計(jì)技巧
- [2009-10-22 08:15:00] 為什么這么設(shè)計(jì):支付寶首頁(yè)改版
- [2016-03-07 11:10:49] 從淘寶到高鐵:為什么我們中國(guó)人總是看不起自己?
- [2010-01-11 21:33:00] 淘寶節(jié)日LOGO互動(dòng)設(shè)計(jì)小探討
- [2010-09-11 08:57:00] 淺析網(wǎng)頁(yè)界面設(shè)計(jì)-首頁(yè)
- [2009-05-19 07:43:00] 2009淘寶網(wǎng)動(dòng)畫節(jié)日LOGO第一季
- [2010-05-06 08:23:00] 我來(lái)做淘寶商城的首頁(yè)設(shè)計(jì)
- [2011-01-11 08:51:00] 960時(shí)代的終結(jié)
- [2009-07-24 07:50:00] 《變形金剛淘寶記》-互動(dòng)動(dòng)畫制作過(guò)程
- [2006-11-08 09:54:00] 留住訪客 如何最優(yōu)化設(shè)計(jì)網(wǎng)站的首頁(yè)?
- [2007-12-19 22:18:00] 網(wǎng)易不太成功的首頁(yè)改動(dòng)
解決方案
輪胎行業(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)鍵字
青島抖音小程序開發(fā) 營(yíng)銷策略 搜索引擎蜘蛛 企業(yè)網(wǎng)站為什么要備案 企業(yè)建站 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 SEO優(yōu)化 頁(yè)面設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì) 青島高端網(wǎng)站建設(shè) 青島flash網(wǎng)站 高端輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站制作 html和css 官網(wǎng)網(wǎng)站建設(shè) robots 網(wǎng)站設(shè)計(jì)資訊 SEO 網(wǎng)站優(yōu)化 視覺(jué)靈感 php程序 營(yíng)銷型網(wǎng)站建設(shè) 營(yíng)銷型網(wǎng)站 網(wǎng)站建設(shè)的步驟有哪些 集團(tuán)公司網(wǎng)站建設(shè) 青島輪胎網(wǎng)站設(shè)計(jì) 青島網(wǎng)站SEO H5 css 舒適的界面