见微知著Web用户体验解构

内容简介

　　本书用解构分析的方法，系统全面地介绍了Web页面设计的相关知识和要素。

　　本书从整体到局部地对网站的元素进行解构，包括网站整体布局、整体配色方案，到网站各个功能区域，如登录区、内容区、广告区等，最后到按钮、反馈、验证码、字体、文字语气等多个细节元素。本书通过解构这些元素来讲述如何对用户体验设计进行优化，如何进行搜索引擎优化。

　　本书适用于网站交互设计师、视觉设计师、产品经理、网站设计人员、网页设计爱好者。

作者简介

　　李清，毕业于浙江大学心理系，曾任职于华为通信、阿里巴巴UED部门，现任唐硕用户体验咨询项目经理，主要负责新浪、诺基亚、中国工商银行网站等多个项目的用户体验提升，具有丰富的项目时间和管理经验，是用户体验的积极实践者，译有《Web标准和SEO应用实践》。

目录

前言

第1章 网站解构入门

1.1 为什么要网站解构

1.2 网站解构的思路和纬度

1.2.1 整体界面布局及配色方案

1.2.2 主要功能区

1.2.3 页面元素

1.2.4 其他细节

第2章 整体界面布局及配色方案

2.1 界面布局

2.1.1 一栏式布局

2.1.2 两栏式布局

2.1.3 三栏式布局

2.1.4 设计要点

2.2 网站整体配色方案

2.2.1 不同颜色会产生不同的主观感受

2.2.2 网站特色

第3章 主要功能区域

3.1 头部

3.1.1 头部类型

3.1.2 头部的元素设计

3.2 页尾设计

3.2.1 需要规避的细节问题

3.2.2 设计新趋势

3.3 导航区

3.3.1 Tab导航

3.3.2 树状导航

3.3.3 鱼眼导航

3.3.4 面包屑导航

3.3.5 网站地图

3.3.6 推荐式导航

3.3.7 引导性导航

3.3.8 知名网站导航设计

3.4 搜索区

3.4.1 搜索的分类

3.4.2 设计要点

3.5 登录注册区

3.5.1 告诉用户注册的好处

3.5.2 用邮箱取代用户名，作为登录网站的唯一身份识别

3.5.3 不要忘记“记住登录状态”和“忘记密码”等细节

3.5.4 不必要的情况下尽量不要使用验证码

3.5.5 注册表单的优化

3.5.6 友好的提示信息

3.5.7 设计醒目的登录、注册按钮

3.6 信息内容展示区

3.6.1 首页

3.6.2 列表页

3.6.3 具体页面

3.7 广告区

3.7.1 广告类型

3.7.2 设计要点

第4章 页面元素

4.1 表单概述

4.1.1 表单布局设计

4.1.2 设计要点

4.1.3 知名网站表单设计

4.2 标签

4.2.1 什么时候使用模块标签

4.2.2 设计要点

4.2.3 知名网站标签设计

4.3 翻页

4.3.1 第一页

4.3.2 最后一页

4.3.3 上一页和下一页

4.3.4 页码显示的数量

4.3.5 翻页区域的醒目度

4.3.6 增大可点击区域

4.3.7 页码的间距

4.3.8 当前页码和总页码

4.3.9 快速跳转

4.4 链接

4.4.1 链接的颜色

4.4.2 链接的可点击范围

4.4.3 链接的下划线

4.4.4 链接颜色的变化

4.4.5 区分内部链接和外部链接

4.4.6 链接的交互方式

4.5 按钮

4.5.1 什么是按钮

4.5.2 如何增加按钮的点击率

4.5.3 按钮的主次关系

4.5.4 按钮摆放的位置

4.5.5 减少用户定位时间

4.5.6 相关性设计，增加按钮的可理解性

4.5.7 优化视觉效果，增加按钮的吸引力

4.5.8 操作的反馈

4.6 操作反馈

4.6.1 什么是反馈，为什么要反馈

4.6.2 反馈的种类

4.7 验证码

4.7.1 什么是验证码

4.7.2 为什么需要验证码

4.7.3 验证码带来的困惑

4.7.4 其他方式

第5章 其他

5.1 文字设计

5.1.1 字体类型

5.1.2 字号

5.1.3 字体颜色

5.1.4 字体的样式

5.1.5 设计要点

5.2 网站文字的语气

5.2.1 网站应该懂得基本的礼貌

5.2.2 网站应该是谦逊、亲切的

5.2.3 不要使用责怪用户的语气

5.2.4 网站有时也可以表现出幽默的一面

5.3 图片质感

5.4 文字标题

附录1 常用的设计原则

附录2 Nielsen可用性原则

附录3 延伸阅读(推荐网站)