高效导航
摘自《web导航设计》 1. 导航结构宁可广一点（主栏目数比较多），也不要太深（栏目深达四五层）。 当然，太广了也不好。 2. Don’t make me think 3. 减少用户操作。比如在长页面的尾部提供头部一样的分页导航，否则用户还要滚轮到头部再按下一页。 4. 使用Rich Interaction(ajax)，在页内完成功作，减少页面跳转和全局刷新。
表单元素的对齐方式
摘自《web表单设计-点石成金的艺术》 1. 标签顶对齐（即上标签下输入框） a.好处：用户眼睛只需从上往下移动，这样可以快速完成表单 b.坏处：占用多过垂直空间，导到用户需要向下滚轮 2. 左标签右输入框，标签右对齐 a.好处：由于标签右对齐，存在一条虚拟的中间线；所以用户眼球基本上仍只需从上往下移，完成表单速度仍然较快 b.坏处：标签没有左对齐，不利于快速读完标签内容（因为人们习惯读左对齐的文本）；当一个标签本身要占两行时，这个问题更严重 3. 左标签右输入框，标签 左对齐 a.好处：可以快速读完标签内容 b.好处：用户的眼球既要上下滚，又要左右滚，影响表单填写速度 4. 标签以灰色字体放在文本框里作为提示 a.好处：非常节省空间 b.坏处：缺乏始终在场的指导，对健忘的人不利 附作者提供的最佳实践：
首页的内容
摘自《don’t make me think》 首页的内容可以包括： 1. 站点的使命 醒目的logo, 短促响亮的口号，还可以再加一段文字稍长一点的欢迎页面 2. 站点的主要内容 主栏目，可以加上二级栏目 3. 搜索 有的人希望立即找到自己想要的东西 4. 导读 把精彩内容放在杂志封面 5. 内容更新 本站不是一滩死水 6. Quick Links 7. 注册/登录
一些提高表单交互水平的技巧
摘自《web表单设计-点石成金的艺术》 1. 表单页面少弄些无关的东西，以免影响注意力。 比如在电商下单页面搞很多关联商品推荐，很容易导致用户放弃下单，去看你推荐的商品。 2. 对于多页表单，应该提供导航栏，列出所有步骤，并指出当前步骤。 3. 输入框的长度该短就要短，这样可以起到良好的暗示作用。比如邮政编码只允许输入6位。 4. 在用户还在输入汉字或英文时就提供反馈，提高交互效率。比如 a.即时验证 b.遇"chi"提示"china", 让用户选择即可 c.提示还“允许输入80字” d.使用弹出层，比如日期控件或其他富对话框。
持久导航 – 每页都要有的导航条
摘自《don’t make me think》 持久导航 – 每页都要有的导航： 但有两处可以例外： 1. 首页：首页比较特殊，可以有自己的编排方式 2. 表单页面： 表单页面应该尽量无噪声，以免用户注意力被干扰
可点的东西要让人一眼看到就知道可以点
摘自《don’t make me think》 可点的东西要让人一眼看到就知道可以点，所以按钮、链接要做得大方一些。
搜索框的UI设计
搞一个搜索框，搜索所有域 只搞一个搜索框，把关键字在书名、作者里都搜一通。 不要强迫用户指定当前是要搜书名还是搜作者。 未输关键字提交搜索怎么办？ 用javascript提示用户必须输入。可以简单地将搜索框高亮一下，未必一定要提供文本警告。
搜索相关的交互设计的一些术语
摘自《web导航设计》 Word Wheel: 搜索框中的自动提示。 比如输入 "chi"时系统提示"china" Canned Search: 用户不用输入关键字，直接点链接完成搜索（常见于narrow-down search)
导航中的项(Label)
摘自《web导航设计》 宜忌： 1. 要说用户的语言。不要用行话、技术术语，不要自作聪明搞看不懂的文艺词汇、避免缩写，语气严肃或者活泼要取决于网站定位 2. 不要用太宽泛、信息量低的词汇。比如“信息” 就不如“公司信息” 3. Label之间要互斥。 不要在“电视”、“冰箱”后面又串一个“家电” 3. 各Label风格要一致：同级导航项要有同等的信息粒度，语法（都是名词性短语）、外观上都要统一。
页面类型与导航
摘自《web导航设计》 从导航的角度，可以把页面分成三类： 1. Navigational Pages: 不应太多，以免喧宾夺主。 常见导航页有： a. 首页，一般提供网站结构导航，并用于品牌形象推广 b. Landing Page: 各栏目的“首页” c. Gallery Page/Search Result Page: 电商常用。在这里应该尽量多给点详情信息。 2. Content Pages: 商品详情、博客正文等。 这里一般搞些关联导航，并提供功能性链接（如购买） 3. Function Page: 比如高级搜索、下单等。 这里文字少，表单交互多。