用户体验互联网知识点笔记总结思维导图模板

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 为了互动的页面呈现

关于人机互动问题

吸引用户互动的展示

图标设计的原则

直接性原则

唯一性原则

统一性原则

补充性原则

帮助用户动起来

设置在线问答功能

用户提问要及时反馈

设置新开窗口要适当

让人与人交流

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

保留真实的用户评论

触发用户评论

设立激励机制

制造影响用户的问题

评论流程设计合理

制造评论氛围

还需要做一些小事

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

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

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

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

设置引导性语言

发一篇文章试验一下

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

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

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机）

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

防止被山寨