设为首页 友情链接
在线留言 发表文章
加入收藏 广告联系

刺猬首页

| 专案技术 | 网络技术 | 图形图象 | 网络编程 | 网页设计 | 操作系统 | 服务器 | 技术白皮书 | 在线实验室 | 刺猬论坛 |
小说专版  | 数据库 | 设计赏析 | 存储频道 | 网络安全 | 私服架设 |  Solaris | 网站评估 | PC维护技巧 | 下载中心 | 博 客 |
专   题: | Linux | java | cisco | 防病毒 | 刀片 | SOA | iscsi | ASP.NET | SQL | Oracle |
您现在的位置: 刺猬宫 >> 网页设计 >> 网页制作技巧 >> 教程正文 用户登录 新用户注册
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
网站推广:网页关键词研…
Web制作的标准化实践 制…
一些网页设计师面试试题…
影响SEO的页面制作细节
倾斜的鼠标翻转导航制作…
网页设计开发:如何处理…
网页小知识:注册/登录方…
网站建设技巧知识之注册…
网页:设计时使用推荐的…
网页制作心得:揭开正则…
  网页制作实例分析:淘宝首页变胖了?           
网页制作实例分析:淘宝首页变胖了?
 

  今天在Taobao.com UED Team的blog上看到《我变胖了…》,才知道淘宝首页改版了。于是就去瞅瞅了,本来想找个改版前的首页做对比,看看变化,可惜只找到比较早的一个,所以索性就改版后的首页来侃几句。

对于一个内容极其丰富的站点首页,其设计难点并不是外观设计上,而是如何通过首页既满足用户的所需,又要体现公司的策略、迎合商务需求,这个平衡实现的基石是信息构架,而信息构架往往建立在站点的服务、用户的需求、公司的商务、用户的历史数据以及调查等等基础上,并且还牵涉到领导者的意愿,所以一个改版往往在学习中反复中争吵中妥协中完成,所以每一个勇于创新的改版都值得支持和赞扬。

赞扬的话就不多说,现在列列个人感觉:

首屏

外型上最大的改变就是页面宽度变成了950px,这个改变应该是可以反应出访问淘宝的用户屏幕分辨率绝大部分在1024*768以上,这种变化无疑让一屏之内内容的容量大了起来,让人的视野更开阔。就淘宝的情况,一屏的大小应该为1005*600(《网页一屏有多大?》),所以其首屏是:

网页制作实例分析:淘宝首页变胖了?

这是一个如此饱满的首屏,似乎颜色和图形抢走了文字所体现内容的光芒,特别是有些刺眼的蓝,还有“品牌商城”右侧的那个黄色的斜线,或者文字和图片拥挤在一起,莫非这就是一个拥挤热闹的集市感觉?

搜索

1.上图页面首屏中,有两个搜索框,有两个“高级搜索”链接,似乎不一样,但是我看不出两者区别,尝试性搜索一下,发现在默认情况下搜索结果页面完全一样。

2.当我输入“笔记本 dell”后,去选择搜索分类的时候发现:

网页制作实例分析:淘宝首页变胖了?

* 搜索分类中已经有”笔记本电脑”,为啥不学习一下amazon.com,把分类放在前面呢?好看和好用哪个重要呢?

* 如果我采用默认的“所有分类”,那我输入完关键字,到点击搜索按钮是否鼠标运动的距离远点呢?当然如果知道直接用Enter或许方便点,但是那个分类的下拉列表怎么看都像一个干扰。

* 如果“搜索宝贝”那个下拉列表很重要,是否可以考虑用单选按钮或者tab页的形式来方便快速直接选择呢?

* “所有分类”那个下拉列表有”———-”项和空白项,这是为了区分吗?为啥不 考虑optgroup

3.高级搜索的拥挤,和预留下太多的空白下拉列表,这个应该修改成按需显示吧?

网页制作实例分析:淘宝首页变胖了?

类Tab页设计

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

网页制作实例分析:淘宝首页变胖了?

通过背景对相同形式的大片内容的区分,这点挺好的,但是似乎在Firefox下还有一些小问题。

频道声明:本频道的文章除部分特别声明禁止转载的专稿外,可以自由转载.但请务必注明出出处和原始作者 文章版权归本频道与文章作者所有.对于被频道转载文章的个人和网站,我们表示深深的谢意。

原始作者:佚名 录入时间:2007-5-13 02:55:18
信息来源:不详 投稿信箱:itqoo@126.com
教程录入:itqoo    责任编辑:itqoo 
  • 上一个教程:

  • 下一个教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    - 关于我们 - 合作伙伴 - 友情链接 - 广告刊登 - 投稿热线 - 在线留言版权声明联系方式 -
    IT公社版权所有 粤ICP备05127012号
    Copyrigh@2005-2006 itqoo.com.Inc All Rights Reserved  推荐分辨率 1024*768
    联系站长:E-Mail:itqoo@126.com     MSN:urchincc@hotmail.com    QQ:点击这里给我发消息
    特别感谢:亿太网络提供空间支持