建站常识
淘宝首页变胖了?
2007-04-28 11:42:00
今天在Taobao.com UED Team的blog上看到《我变胖了…》,才知道淘宝首页改版了。于是就去瞅瞅了,本来想找个改版前的首页做对比,看看变化,可惜只找到比较早的一个,所以索性就改版后的首页来侃几句。
对于一个内容极其丰富的站点首页,其设计难点并不是外观设计上,而是如何通过首页既满足用户的所需,又要体现公司的策略、迎合商务需求,这个平衡实现的基石是信息构架,而信息构架往往建立在站点的服务、用户的需求、公司的商务、用户的历史数据以及调查等等基础上,并且还牵涉到领导者的意愿,所以一个改版往往在学习中反复中争吵中妥协中完成,所以每一个勇于创新的改版都值得支持和赞扬。
赞扬的话就不多说,现在列列个人感觉:
首屏
外型上最大的改变就是页面宽度变成了950px,这个改变应该是可以反应出访问淘宝的用户屏幕分辨率绝大部分在1024*768以上,这种变化无疑让一屏之内内容的容量大了起来,让人的视野更开阔。就淘宝的情况,一屏的大小应该为1005*600(《网页一屏有多大?》),所以其首屏是:

这是一个如此饱满的首屏,似乎颜色和图形抢走了文字所体现内容的光芒,特别是有些刺眼的蓝,还有“品牌商城”右侧的那个黄色的斜线,或者文字和图片拥挤在一起,莫非这就是一个拥挤热闹的集市感觉?
#p#搜索
1.上图页面首屏中,有两个搜索框,有两个“高级搜索”链接,似乎不一样,但是我看不出两者区别,尝试性搜索一下,发现在默认情况下搜索结果页面完全一样。
2.当我输入“笔记本 dell”后,去选择搜索分类的时候发现:

- 搜索分类中已经有”笔记本电脑”,为啥不学习一下amazon.com,把分类放在前面呢?好看和好用哪个重要呢?
- 如果我采用默认的“所有分类”,那我输入完关键字,到点击搜索按钮是否鼠标运动的距离远点呢?当然如果知道直接用Enter或许方便点,但是那个分类的下拉列表怎么看都像一个干扰。
- 如果“搜索宝贝”那个下拉列表很重要,是否可以考虑用单选按钮或者tab页的形式来方便快速直接选择呢?
- “所有分类”那个下拉列表有”———-”项和空白项,这是为了区分吗?为啥不 考虑optgroup
3.高级搜索的拥挤,和预留下太多的空白下拉列表,这个应该修改成按需显示吧?

类Tab页设计
现在似乎对页面内容的这种Tab页形成一种定势了,当点击到集市调转到一个变化很大的页面时,感觉很不适应。

通过背景对相同形式的大片内容的区分,这点挺好的,但是似乎在Firefox下还有一些小问题。
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2006-10-31 11:59:00] 门户的首页还有多少价值?
- [2008-01-28 10:46:00] 国内2.0音乐网站首页设计谬谈
- [2007-04-30 11:13:00] 首页:如何发挥五大引导功能
- [2007-11-29 17:12:00] 首页访问感受提升三步曲
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2009-07-15 07:57:00] 为什么首页最后设计
- [2009-10-22 08:15:00] 为什么这么设计:支付宝首页改版
- [2009-10-13 08:01:00] 再谈网易首页的改版
- [2007-05-26 10:06:00] 面子工程:网站首页设计及程序选择
- [2007-12-19 22:18:00] 网易不太成功的首页改动
- [2010-05-06 08:23:00] 我来做淘宝商城的首页设计
- [2007-05-12 09:31:00] 网站优化 进入首页的6条主线
