下一站：用户体验（修订版）思维导图模板

Part 6 就是要友好

01 人人都爱有礼貌的网站

礼貌用语让人倍感亲切

案例：小便池上的苍蝇

对用户的友好需要不断推进

如何用礼貌搞定用户

让用户与我们共鸣

永远不要缺少热情

学着用户的样子：行为模式、思维方式

02 快速响应是友好的基础

没有用户愿意等待

提高网站反应速度

提升页面流畅感

让用户少走弯路，优化流程

让页面奔跑起来

1秒内快速响应，超过10秒用户耐心将耗尽

网站速度测试工具

卡卡网：http://www.webkaka.com

世界网络：http://www.linkwan.com

Pingdom测试：http://tools.pingdom.com

影响网站速度的因素

HTML文档的大小-&amp;gt;优化HTML代码

HTML页面的复杂程度-&amp;gt;尽可能减少外部引用，缩小图片尺寸，大脚本末端加载

网站域名和DNS的解析速度

服务器的相应速度

用户能够忍受的流程极限

减少选择的成本

增加定时反馈机制

03 为用户两肋插刀

朋友就是即时提供帮助

快捷帮助用户解决问题

帮助用户彻底解决问题

用户是用来安慰的

给用户足够的面子

谦卑的提供正确答案

主动承认自己的短板

让等待变得缓慢且可以打发

给予惊喜，例：设置彩蛋，隐藏关卡

Part 7 信任是你给用户的力量

01 安全第一

安全的设计事关生命和财富

案例：门朝外开（逃生更方便）

案例：先取卡再取钱（银行ATM机）

网站安全是用户信任的基础

防止被山寨

相关域名全注册

界面和程序申请版权保护

网页本身的安全问题

预防被挂马

修改后台地址

后台登陆加上验证码

控制前台上传的程序代码

选择安全的IDC服务商

给你的用户一种被保护感

02 可信度问题

占据互联网的优势位置

自我佐证：可信认证、资信认证

客户/用户佐证：不断流动的客户购买信息

信息传递如何让用户信任

真实的公司介绍、联系方式、投诉渠道

清晰的服务保障，隐私声明和法律条款

Part 5 浏览就是要留住你

01 逻辑不仅是给自己看的

理解网站的结构

物理结构

首页

频道页

列表页

内容页

逻辑结构

网站结构不仅影响用户体验还影响搜索引擎

02 浏览的力量

来自导航的诱惑：参考网站导航中英文对照

信息传递的诱惑：建立一个知识库

网站内容伪原创技巧

数字替换法

语言替换法

首段原创法

段落调整法

观点合并法

结尾原创法

栏目和位置带来的浏览诱惑

最重要的栏目放在最显著的位置

网站内部细节要统一，例：标题、字形、字号

添加个性化功能

提供多种切换模式

改变字体大小

更方便的操作，例：打印、分享

多媒体混搭，例：听文章

03 把用户当“傻瓜”

直接让用户消费你的网站，专注你的业务

给用户傻瓜式的浏览体验

查阅信息的两种方式

被动接受：编辑推荐、用户推荐、随机推荐

主动获取：RSS订阅、搜索引擎、内部搜索

页面设计的其他注意事项

注意内部的间隔问题

用数字加深用户印象

图文并茂的展示方式

Part 2 用户究竟在体验些什么

01 腾讯为什么那样牛

马化腾的用户体验观

核心能力

节省时间

解决问题

提升效率

好的口碑

发现产品不足最好的方法就是天天用产品

02 用户需要什么

用户需要更“方便”

用户需要“复杂”

流程超简单

功能超丰富

用户的需求是随时变化的

03 把用户当不当用户

需要遵循用户习惯

在技术上创新，在模式上改变，但不要和用户习惯作对

了解用户的生活背景以及文化背景

了解用户生理状况和需求状况

满足用户的“以自我为中心”

可以颠覆的用户习惯

设计突破思维定式，解决问题不光可以这样，还可以那样

有些生理机能可以改变

不断学习新知识和技术

Part 1 那些让人讨厌的流氓行为

01 烦躁的世界，烦躁的我们

司空见惯的流氓行为

修改浏览器主页

不断弹出广告窗口

网站内容主次不分

利用标题骗取点击量PV

点击广告开始下载

加载大量图片和控件

安装各种工具栏

离开网页时弹出广告

默认直接安装到C盘

软件开机自启动

自动获取用户焦点，软件界面排到所有软件之上

给用户的错愕或者挫败

不安全感，每步操作不可预知

糊涂感，用户都搞不清楚该如何操作了

挫折感，填写的数据因一次填错需重来

错愕感，莫名的跳转到其他网站

被骗感，里面的信息全是无关的

愤怒感，网站功能设计太差，直接影响操作

02 这个世界没有新物种

Google成功的秘诀在于改善用户体验

Google的用户体验原则

以用户为中心-他们的生活、工作以及梦想

响应速度：每千分之一秒的计数

功能简单明了，易用、快速、视觉吸引

简单的凭直觉即可使用产品最有价值的功能

鼓励创新，敢于冒险的设计

为全世界而设计

既保障今天赚钱，也为明天的商业做计划，不是所有的产品都要赚钱

产品设计赏心悦目

值得让用户信任

让苛刻的人来管用户体验

03 美丽的错误

用户的意见并不一定都是对的

用户已经使用了并且对怎么能够用得更好有了实际的感觉，才能收集用户的真实感受

别人的用户体验放到你的网站上并不代表也是你的用户体验

用户体验并非我们所想

用户体验就是用户界面设计

用户体验就是流程中的一步

用户体验只跟技术有关

用户体验只跟价值有关

用户体验只跟用户有关

用户体验是一个人或一个部门的事

用户体验是花费很高的工作

Part 3 人人都爱美

01 永远没有最好的网页尺度

960px是怎么来的

苹果机下的浏览器默认的都是960

国际通用的广告尺寸

120*120 适用于产品或新闻照片展示

120*60 用于做Logo使用

120*90 应用于产品演示或大型Logo

234*60 适用于框架或左右形式主页的广告

392*72 用于有较多图片展示的广告条

88*31 网页链接或网站小型Logo

内容的宽度650px最合适，尽量不用三栏

02 最方便地让用户捕捉到他想看到的

帮助用户过滤内容

页面布局要有重点

从上到下，从左到右，按内容优先级排序

重要的内容放到先前显眼的位置

建立清晰的视觉层次感，形成块状结构

页面布局要统一

页面内容相关联的部分，视觉效果上也要体现相关性

尽量使用大号字

文字清晰可读，文字颜色和背景色要有强烈的对比度

给用户找到内容的地图

网站导航

全局导航

网站标识

回首页的标识

全站基础栏目

辅助导航

全局导航之下，正文之上

层次逻辑关系要清晰

采用文本链接

界面清爽，用文字展现，不用图片

直观描述网站的逻辑结构

对展示的栏目或者产品使用文本链接

逻辑层次不宜过度，最多三级

放弃看上去很美的效果

少用3D效果

不用刺激性背景色

不用可爱的图标

03 让一切看上去很美

让站标、Logo亮起来

Logo和站标的区别：职能不同、显示尺寸不同、摆放位置不同

站标是网站的标识，一般用150*60px，一般摆放在网站左上角

Logo主要用于对外传播，友情链接Logo尺寸一般为88*31px

让图片更合理

图片一般用于：广告图片、产品展示图片、装饰性图片

图形文件应该小于30KB

为了提高加载速度，大图片采用链接的方式

页面的色彩

色彩要和谐，与网站品牌整体形象相统一

主色调+辅助色一般不超过3种颜色

适当使用色彩明度和亮度

04 一定要刻随时减肥

页面代码体积影响SEO

页面体积：是指网页源文件大小，不包含图片、JS、CSS文件

页面减肥

页面静态化

将大块内容分割成小块内容

整合JS、CSS文件调用

网站统计代码放置位置不最下面，不影响网站内容

友情链接过多可单独设计一个页面放置，首页引用即可

Part 4 没有互动就没有互联网

01 只有互动才能让用户为自己打工

用户互动的营销价值

精准定位目标用户

促进用户的重复购买和产生关联销售

建立长期的用户忠诚

02 会员！会员！会员！

在产品认知率的前提下搞邀请制

让用户看到你的产品价值

会员注册流程清晰、简洁

验证码能不用就不用

03 为了互动的页面呈现

关于人机互动问题

吸引用户互动的展示

图标设计的原则

直接性原则

唯一性原则

统一性原则

补充性原则

帮助用户动起来

设置在线问答功能

用户提问要及时反馈

设置新开窗口要适当

让人与人交流

设置各种排列：满足用户的成就感、满足感

保留真实的用户评论

触发用户评论

设立激励机制

制造影响用户的问题

评论流程设计合理

制造评论氛围

还需要做一些小事

让用户觉得他是主人，可以随意评价

针对用户对某些内容进行统计，如：浏览量

给予会员激励，颁发各种荣誉

组织各类活动，进行线上线下互动

设置引导性语言

发一篇文章试验一下

试着去加热一下别人的文章

发表一下你对这篇文章的看法