见微知著Web用户体验解构
<script type="text/javascript" ><!--
dd_ad_output="html";
dd_ad_width=302;
dd_ad_height=167;
dd_ad_client="P-304431";
dd_ad_format=20;
dd_ad_id=0;
dd_product_id=20827256;
dd_img_size=150;
dd_display_style=1;
dd_text_url="";
dd_color_text="";
dd_color_bg="FFFFCC";
dd_open_target="_blank";
dd_border=0;
dd_color_link="";
dd_ad_text="";
//--></script>
<script type="text/javascript" src="http://union.dangdang.com/union/script/dd_ads.js" ></script>
<p></p><div><br></div><div><br></div><div><div><div class="blockcode"><blockquote><div><b>内容简介</b></div><div> 本书用解构分析的方法,系统全面地介绍了Web页面设计的相关知识和要素。</div><div><br></div><div> 本书从整体到局部地对网站的元素进行解构,包括网站整体布局、整体配色方案,到网站各个功能区域,如登录区、内容区、广告区等,最后到按钮、反馈、验证码、字体、文字语气等多个细节元素。本书通过解构这些元素来讲述如何对用户体验设计进行优化,如何进行搜索引擎优化。</div><div><br></div><div> 本书适用于网站交互设计师、视觉设计师、产品经理、网站设计人员、网页设计爱好者。</div></blockquote></div><br></div><div><br></div><div><div class="blockcode"><blockquote><div><b>作者简介</b></div><div> 李清,毕业于浙江大学心理系,曾任职于华为通信、阿里巴巴UED部门,现任唐硕用户体验咨询项目经理,主要负责新浪、诺基亚、中国工商银行网站等多个项目的用户体验提升,具有丰富的项目时间和管理经验,是用户体验的积极实践者,译有《Web标准和SEO应用实践》。</div></blockquote></div><br></div><div><br></div><div><b>目录</b></div><div><div>前言</div><div>第1章 网站解构入门</div><div>1.1 为什么要网站解构</div><div>1.2 网站解构的思路和纬度</div><div>1.2.1 整体界面布局及配色方案</div><div>1.2.2 主要功能区</div><div>1.2.3 页面元素</div><div>1.2.4 其他细节</div><div>第2章 整体界面布局及配色方案</div><div>2.1 界面布局</div><div>2.1.1 一栏式布局</div><div>2.1.2 两栏式布局</div><div>2.1.3 三栏式布局</div><div>2.1.4 设计要点</div><div>2.2 网站整体配色方案</div><div>2.2.1 不同颜色会产生不同的主观感受</div><div>2.2.2 网站特色</div><div>第3章 主要功能区域</div><div>3.1 头部</div><div>3.1.1 头部类型</div><div>3.1.2 头部的元素设计</div><div>3.2 页尾设计</div><div>3.2.1 需要规避的细节问题</div><div>3.2.2 设计新趋势</div><div>3.3 导航区</div><div>3.3.1 Tab导航</div><div>3.3.2 树状导航</div><div>3.3.3 鱼眼导航</div><div>3.3.4 面包屑导航</div><div>3.3.5 网站地图</div><div>3.3.6 推荐式导航</div><div>3.3.7 引导性导航</div><div>3.3.8 知名网站导航设计</div><div>3.4 搜索区</div><div>3.4.1 搜索的分类</div><div>3.4.2 设计要点</div><div>3.5 登录注册区</div><div>3.5.1 告诉用户注册的好处</div><div>3.5.2 用邮箱取代用户名,作为登录网站的唯一身份识别</div><div>3.5.3 不要忘记“记住登录状态”和“忘记密码”等细节</div><div>3.5.4 不必要的情况下尽量不要使用验证码</div><div>3.5.5 注册表单的优化</div><div>3.5.6 友好的提示信息</div><div>3.5.7 设计醒目的登录、注册按钮</div><div>3.6 信息内容展示区</div><div>3.6.1 首页</div><div>3.6.2 列表页</div><div>3.6.3 具体页面</div><div>3.7 广告区</div><div>3.7.1 广告类型</div><div>3.7.2 设计要点</div><div>第4章 页面元素</div><div>4.1 表单概述</div><div>4.1.1 表单布局设计</div><div>4.1.2 设计要点</div><div>4.1.3 知名网站表单设计</div><div>4.2 标签</div><div>4.2.1 什么时候使用模块标签</div><div>4.2.2 设计要点</div><div>4.2.3 知名网站标签设计</div><div>4.3 翻页</div><div>4.3.1 第一页</div><div>4.3.2 最后一页</div><div>4.3.3 上一页和下一页</div><div>4.3.4 页码显示的数量</div><div>4.3.5 翻页区域的醒目度</div><div>4.3.6 增大可点击区域</div><div>4.3.7 页码的间距</div><div>4.3.8 当前页码和总页码</div><div>4.3.9 快速跳转</div><div>4.4 链接</div><div>4.4.1 链接的颜色</div><div>4.4.2 链接的可点击范围</div><div>4.4.3 链接的下划线</div><div>4.4.4 链接颜色的变化</div><div>4.4.5 区分内部链接和外部链接</div><div>4.4.6 链接的交互方式</div><div>4.5 按钮</div><div>4.5.1 什么是按钮</div><div>4.5.2 如何增加按钮的点击率</div><div>4.5.3 按钮的主次关系</div><div>4.5.4 按钮摆放的位置</div><div>4.5.5 减少用户定位时间</div><div>4.5.6 相关性设计,增加按钮的可理解性</div><div>4.5.7 优化视觉效果,增加按钮的吸引力</div><div>4.5.8 操作的反馈</div><div>4.6 操作反馈</div><div>4.6.1 什么是反馈,为什么要反馈</div><div>4.6.2 反馈的种类</div><div>4.7 验证码</div><div>4.7.1 什么是验证码</div><div>4.7.2 为什么需要验证码</div><div>4.7.3 验证码带来的困惑</div><div>4.7.4 其他方式</div><div>第5章 其他</div><div>5.1 文字设计</div><div>5.1.1 字体类型</div><div>5.1.2 字号</div><div>5.1.3 字体颜色</div><div>5.1.4 字体的样式</div><div>5.1.5 设计要点</div><div>5.2 网站文字的语气</div><div>5.2.1 网站应该懂得基本的礼貌</div><div>5.2.2 网站应该是谦逊、亲切的</div><div>5.2.3 不要使用责怪用户的语气</div><div>5.2.4 网站有时也可以表现出幽默的一面</div><div>5.3 图片质感</div><div>5.4 文字标题</div><div>附录1 常用的设计原则</div><div>附录2 Nielsen可用性原则</div><div>附录3 延伸阅读(推荐网站)</div></div></div>
页:
[1]