结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入，用户就越容易理解你观点和得到你想传达的信息。在网页上，这点被通过多个方式做到。

在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制，它在给定文章的单一部分为用户提供用于浏览的额外的导航选项。文章的这些地方除了“上一页（previous）”和“下一页（next）”按钮外，还涉及到数字、提示和箭头。

搜索引擎几乎总是使用分页，报纸往往利用它来导航有几部分的大文章。还有一些情形，分页也是博客（weblog）所需的。额外的导航能简化一些站点页面的访问，例如让用户容易的通过站点的存档进行浏览。

在大多数情况下，分页优于传统的“上一页、下一页”导航方式，它通过站点给访问者提供更快更方便的导航。它不是必须的，但是一个有用的好特性。

让我们来看一些好的分页实践，何时和如何执行分页的一些例子。 阅读全文 »

常见的方法就是在页面给出多个上传文件控件，用户分别选择文件，然后上传。Gmail的实现方式进行了改进，通过上传按钮，用户需要几个上传文件控件就可以创建几个，并且可以对创建的控件进行删除。

Yahoo邮箱和163邮箱采用的方式是，点击上传附件按钮，直接弹出文件选择框，选择之后，163邮箱的处理方式是在页面列出要上传文件名，然后发信时同步上传，而Yahoo邮箱处理方式是直接通过Ajax上传。这样做的好处： 阅读全文 »

前天看到《他想要什么？》中提到这样一个现象：用户点击标题链接，跳转到的页面是该标题的栏目页，并且在首屏看不到该标题的内容。并以此分析出：

……设计者的理由是：不仅给用户当前文章，还给他（她）们更多的文章，岂不更好？也许这是真实的想法（当然，也许只是借口）。如果按照这个理由来理解，我个人认为，设计者过分主观的判断了用户需求。设计者认为他们这是在为用户好，用户会需要更多的新闻。需要给用户做这个主吗？……

得出的结论和建议是：

……想要说的原则已经很清楚了—尊重用户的要求。

什么才是用户想要的？怎么才算是好的用户体验？（啊！用户体验，我烦这个词了，到处都是这个词，任何讨论中，要说服对方，发言者都会用上这个词儿。）尊重用户的要求是一个基本的准则。人家说要看那条新闻了，就先给人家看，用页面中最大的篇幅，写成大字，好好展示给人家。……

分析的很对，结论和建议也很好，可是拿着这个分析、结论和建议给各个大小门户的主编游说一遍后回来，依旧发现，随处都是点击标题链接跳转到栏目/专题页，标题对应的内容却不见踪影。这是为什么？ 阅读全文 »

2006年5月，Yahoo!主页（英文）进行了自1994年雅虎诞生以来最具有变革意义的一次改版，全新的有利于用户使用的页面布局，干净、现代和简洁的设计风格，以及Tab、Ajax的适当应用，一下子影响了全世界。在中国，2006年8月，中国雅虎改版和英文版页面布局基本一样，只是头部和视觉元素有些不同。2007年初再次对网页的头部和导航等进行了改动，就在上周，中国雅虎又推出了新的首页的测试版，当然目前这个版本只有很少的随机用户看到。从这些变化中，或许能看出一些可以学习、借鉴和探讨的东西 阅读全文 »

向Yahoo Mail的主页学习什么?

1. 视觉重点(Logo、宣传图片、说明文字)在左边，鼠标的操作重点（登录框、注册链接等）在右边，这是基于人从左到右阅读习惯，用右手翻书右手使用鼠标（绝大部分人）的使用习惯
2. 登录框和注册谁重要？一次注册，多次登录，毫无疑问登录应该更重要一些，这就决定了登录框的设计应该处于最易用的位置
3. 如何处理登录的流程？ID->密码->记住登录->登录按钮->忘记ID或密码->登录帮助
4. 按钮是按钮，链接是链接？登录(sign in)是一个按钮，注册(sign up)是一个链接
5. 视觉设计，简洁而不简单
6. 登录表单的设计，比如fieldset和label的应用
7. ……

阅读全文 »

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

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

昨天在毅博客上看到《评论是倒序好还是顺序好？》，仔细看完这篇文章加上后面十几条留言，我清晰的得出我的结论如题：评论当然是顺序好！ 阅读全文 »

3月31日，雅虎易搜beta版背着“搜索更容易，生活更丰富”重装上阵，主页元素的手绘风格使我很容易想到最近在地铁站和电视上随处可见的阿迪达斯那组《My Story》广告，一种清新生动亲切的生活气息，感觉非常喜欢，今天我又好好的用了一把，谈谈我的体验和感受。 阅读全文 »

网站设计时，有一个最常用的指导性原则：页面长度原则上不超过3屏，宽度不超过1屏。这个原则明显是从用户的体验出发，特别是宽度不超过一屏，其最基本的表现是浏览器不出现横向滚动条，这几乎是目前的设计准则。那么这里的一屏到底是多大呢？ 阅读全文 »

最近，总是缠绵在UE、UI、UCD、Interaction Design、UED、UX、HCI、Usability,IA等等名词间，我一边搜集，一边整理，现在放在一次统一解释，以便比较，以正视听。很多地方未必准确，欢迎提出修改意见。 阅读全文 »