*:first-child {
margin-top: 0 !important; }
body > *:last-child {
margin-bottom: 0 !important; }

a {
color: #4183C4;
text-decoration: none; }
a.absent {
color: #cc0000; }
a.anchor {
display: block;
padding-left: 30px;
margin-left: -30px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
bottom: 0; }

h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px;
padding: 0;
font-weight: bold;
-webkit-font-smoothing: antialiased;
cursor: text;
position: relative; }

h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA09pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoMTMuMCAyMDEyMDMwNS5tLjQxNSAyMDEyLzAzLzA1OjIxOjAwOjAwKSAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM2NjlDQjI4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM2NjlDQjM4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzY2OUNCMDg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzY2OUNCMTg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQhXeAAAABfSURBVHjaYvz//z8DJYCRUgMYQAbAMBQIAvEqkBQWXI6sHqwHiwG70TTBxGaiWwjCTGgOUgJiF1J8wMRAIUA34B4Q76HUBelAfJYSA0CuMIEaRP8wGIkGMA54bgQIMACAmkXJi0hKJQAAAABJRU5ErkJggg==) no-repeat 10px center;
text-decoration: none; }

h1 tt, h1 code {
font-size: inherit; }

h2 tt, h2 code {
font-size: inherit; }

h3 tt, h3 code {
font-size: inherit; }

h4 tt, h4 code {
font-size: inherit; }

h5 tt, h5 code {
font-size: inherit; }

h6 tt, h6 code {
font-size: inherit; }

h1 {
font-size: 28px;
color: black; }

h2 {
font-size: 24px;
border-bottom: 1px solid #cccccc;
color:#00ccff;
margin: 25px auto 12px auto;
padding-bottom: 2px;
}

h3 {
font-size: 18px;
color:#993300;}

h4 {
font-size: 16px; }

h5 {
font-size: 14px; }

h6 {
color: #777777;
font-size: 14px; }

p, blockquote, ul, ol, dl, li, table, pre {
margin: 0 0; }

/*hr {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
border: 0 none;
color: #cccccc;
height: 4px;
padding: 0;
}*/
hr {
margin: 0 0 19px;
border: 0;
border-bottom: 1px solid #ccc;
}

body > h2:first-child {
margin-top: 0;
padding-top: 0; }
body > h1:first-child {
margin-top: 0;
padding-top: 0; }
body > h1:first-child + h2 {
margin-top: 0;
padding-top: 0; }
body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
margin-top: 0;
padding-top: 0; }

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
margin-top: 0;
padding-top: 0; }

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
margin-top: 0; }

li p.first {
display: inline-block; }
li {
margin: 0; }
ul, ol {
padding-left: 30px; }

ul :first-child, ol :first-child {
margin-top: 0; }

dl {
padding: 0; }
dl dt {
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 0;
margin: 15px 0 5px; }
dl dt:first-child {
padding: 0; }
dl dt > :first-child {
margin-top: 0; }
dl dt > :last-child {
margin-bottom: 0; }
dl dd {
margin: 0 0 15px;
padding: 0 15px; }
dl dd > :first-child {
margin-top: 0; }
dl dd > :last-child {
margin-bottom: 0; }

blockquote {
border-left: 4px solid #dddddd;
padding: 0 15px;
color: #777777; }
blockquote > :first-child {
margin-top: 0; }
blockquote > :last-child {
margin-bottom: 0; }

/*table {
padding: 0;border-collapse: collapse; }
table tr {
border-top: 1px solid #cccccc;
background-color: white;
margin: 0;
padding: 0; }
table tr:nth-child(2n) {
background-color: #f8f8f8; }
table tr th {
font-weight: bold;
border: 1px solid #cccccc;
margin: 0;
padding: 6px 13px; }
table tr td {
border: 1px solid #cccccc;
margin: 0;
padding: 6px 13px; }
table tr th :first-child, table tr td :first-child {
margin-top: 0; }
table tr th :last-child, table tr td :last-child {
margin-bottom: 0; }*/

img {
max-width: 100%; }

span.frame {
display: block;
overflow: hidden; }
span.frame > span {
border: 1px solid #dddddd;
display: block;
float: left;
overflow: hidden;
margin: 13px 0 0;
padding: 7px;
width: auto; }
span.frame span img {
display: block;
float: left; }
span.frame span span {
clear: both;
color: #333333;
display: block;
padding: 5px 0 0; }
span.align-center {
display: block;
overflow: hidden;
clear: both; }
span.align-center > span {
display: block;
overflow: hidden;
margin: 13px auto 0;
text-align: center; }
span.align-center span img {
margin: 0 auto;
text-align: center; }
span.align-right {
display: block;
overflow: hidden;
clear: both; }
span.align-right > span {
display: block;
overflow: hidden;
margin: 13px 0 0;
text-align: right; }
span.align-right span img {
margin: 0;
text-align: right; }
span.float-left {
display: block;
margin-right: 13px;
overflow: hidden;
float: left; }
span.float-left span {
margin: 13px 0 0; }
span.float-right {
display: block;
margin-left: 13px;
overflow: hidden;
float: right; }
span.float-right > span {
display: block;
overflow: hidden;
margin: 13px auto 0;
text-align: right; }

code, tt {
margin: 0 2px;
padding: 0 0px;
white-space: nowrap;
/*background-color: #fff;*/
color: rgba(51, 102, 255, 255);
/*border: 1px solid #eaeaea;*/
/*background-color: #f8f8f8;*/
/*border-radius: 3px; */}

pre code {
margin: 0;
padding: 0;
white-space: pre;
border: none;
color: rgba(0, 0, 0, 255);
background: transparent; }

.highlight pre {
background-color: #f8f8f8;
border: 1px solid #cccccc;
font-size: 13px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 3px; }

pre {
background-color: #f8f8f8;
border: 1px solid #cccccc;
font-size: 14px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 3px; }
pre code, pre tt {
background-color: transparent;
border: none; }

sup {
font-size: 0.83em;
vertical-align: super;
line-height: 0;
}
* {
-webkit-print-color-adjust: exact;
}
@media screen and (min-width: 914px) {
body {
/*width: 854px;*/
/*margin:0 auto;*/
}
}
@media print {
table, pre {
page-break-inside: avoid;
}
pre {
word-wrap: break-word;
}
}

#cnblogs_post_body li ul li {
list-style-type: circle !important;
}
#cnblogs_post_body a {
text-decoration: none;
color: #4183C4;
}

#mainContent .postBody h2 {
margin: 25px auto 12px auto;
padding-bottom: 2px;
}
-->

《腾讯网UED体验设计之旅》读后感

我们的用户

一、我们了解用户吗？

1、充分了解你的目标用户，用户不会发现市场，但他们会告诉你他们渴望的是什么。去发现用户渴望的东西，并创造一款产品满足他们的需求。甚至这款产品给了他们渴望之外的更好的体验。

例子：福特汽车、iphone

倾听更多用户的声音，因为这有助于我们了解更真实，更全面的用户。

2、好的产品需要在创造的过程直到上线都要让用户参与体验，慢慢打磨用户交互和体验的感觉。

例子：盲人手表。

3、聪明的头脑和经验可以让我们判断用户的需求，但有时候，它并不会带来正确的判断。在知道用户需要什么和打磨产品的交互体验上，要踏踏实实的对目标用户进行适当的了解和研究。在设计与优化这些产品和这些产品的交互体验时，在产品设计的过程中，要长期对用户进行观察和研究。

4、傻瓜模式思考用户的需求。

例子：10秒变成傻瓜模式

二、常用的用户研究方法

构想 -> 评估 -> 计划 -> 设计 -> 开发 -> 上线 -> 日常运营（用户研究适用以上所有的阶段）

1、问卷法（书面形式向特定的用户人群提出问题，并要求被访者以书面或口头形式回答来进行资料收集的一种方法）

怎么设计问卷：三个方面，制定问卷目标、设计问题、文案

制定问卷目标：确定要了解的、确定用户群
设计问题：确定问题、确定哪些是问卷法可以解决的问题
文案：问卷长度、避免暗示用户的提问方式

举例子：宝宝巴士问卷调查

2、可用性测试（在设计过程中被用来改善产品的可用性的一系列方法）

根据设计目标设计一系列操作任务。
观察5~10名用户的在操作这些任务是怎么做的。
发现这些用户遇到的问题并了解用户的原因。
完成以上步骤，提出改进和建议。

1、观察女儿玩中华美食街，发现了中华美食街一个让孩子很有挫败感的操作。

2、腾讯把设计原型做成卡片给用户用体验检验操作性。

3、眼动测试（观察用户眼球的动作来测试产品）

眼动仪获取用户浏览产品的眼动规律，评估设计效果。

例子：眼动仪测试

4、用户访谈

结构式访谈

对问题已经形成初步的想法，只需要确认。

对象不可能有更深入的看法。

举例子：访谈员抛出事先准备好的问题让被访者回答。
半结构式访谈

有研究的框架

需要了解深层次的想法（在访谈前做好充分准备，包括明确目标、对象、工具、地点、时间等；避免提有诱导性或暗示性的问题、避免使用专业术语logo、场景.
完全开放式访谈

就某个主题开展深入讨论，控制节奏，避免偏离主题。

5、焦点小组（6~8名成员，在专业主持人的引导下，以一种无结构或半结构的形式，对某一主题或观念进行深入讨论，从而获取相关问题的一些创造性见解。焦点小组特别适用于探索性研究。）

6、用户画像（具体、强有力的形式来表达目标用户）

明确理解用户“可以做什么及为什么这么做”是设计产品或服务的关键。对用户进行深入的理解和观察。这样可以避免一开始定好需求，但开发着修改着就渐渐偏离最初的设定了的问题。设计师和决策者，经常会在产品设计好原型后再次修改设计方案乃至整个产品方向。常见的现象、但尽量避免。解决方法：

7、数据分析

日常数据分析

日常数据分析主要包括总流量、内容、时段、来源去向、趋势分析等、通过日常数据分析、可以快速掌握产品的总体状况、对数据波动能够及时作出反馈及应对。

举例子：umeng数据、异常数据
用户行为分析

用户行为分析可以从用户忠诚度、访问频率、用户粘性等方面入手。如浏览深度分析、新用户分析、回访用户分析、流失率等。

举例子：talkingdata数据
产品效率分析

产品效率分析主要针对具体页面产品、功能、设计等维度的用户使用情况进行，常用指标包括点击率、点击用户率、点击粘性、点击分布等。

通过上述几种数据分析方法，不仅能使设计师直观地了解用户是从哪里来的，来做什么，停留在哪里，从哪里离开，去了哪里，而且可以对某具体页面、板块、功能的用户使用情况有充分了解。

三、设计目标与设计评估方法

带着这个理念去在一开始的时候设计你的产品和评估你的产品。

1、尼尔森启发式评估十原则

可视性原则：系统状态有反馈，等待时间要合适。
不要脱离现实：使用用户语言而不是开发者语言，贴近生活实际而不是学术概念。
用户有自由控制权：操作失误可退回。
一致性原则：同一事物和同类操作的标识用语要各处保持一致。例子：苹果的操作界面。我们公司的游戏按钮图片。
有预防用户出错的措施：关键操作有确认提示，及早消除误操作。
要在第一时间让用户看到：识别胜于回忆，提供必要的信息提示（可视且易取），减少记忆负担。
使用起来灵活且高效：为新手和专家设计定制化的操作方式，快捷操作且可调整。
易读性：减少无关信息，体现简洁和美感。
给用户明确的错误信息，并协助用户方便的从错误中恢复工作。
必要的帮助提示与说明文档：无需文档就能流程的使用当然更好，但有帮助文档很必要，而且也要提供便利的检索功能。

2、根据经验，1位评估人员可以发现35%可用性问题，5位评估人员可以找到75%的问题，所以参与评估的人数控制在5位即以内最好。

3、通过后台的数据检验你的评估效果是否到位。

举例子：改版后用户使用时长增加、打开次数增加、某个功能有效成功率提升等

四、了解用户反馈

通过用户调研、微博用户反馈、产品反馈等多种途径，了解用户对新页面的满意度、态度、口碑及品牌印象的变化等，并通过满意度细化，找出优化提升点。

用户满意度权重

页面设计 0.62
- 布局清晰 0.96
- 图文合理 0.89
- 字体适中 0.87
- 色彩协调 0.85
互动性 0.35
- 方便查看评论 0.997
- 方便参与评论 0.91
- 评论是高质量 0.9
- 方便分享 0.82
内容 0.21
- 内容高端 0.95
- 内容丰富 0.94
- 内容准确 0.87
- 内容独家 0.93
- 内容及时 0.76
- 内容是我感兴趣的 0.79

五、行业影响

转载、认证、媒体发稿、竞品改版动态，也是衡量产品是否优秀的一个途径。

六、商业价值

广告变相能力提升也是衡量设计是否成功的一个关键因素之一。通常从广告曝光、广告点击率、高端品牌引入及收入来判断是否设计的好，改版的好。

改版的迭代思维与方法

一、增加数据反馈来跟进迭代工作

1、迭代改版是一个循序渐进的工作，不管多么优秀的设计师都不可能将产品最完美的状态呈现给用户。因为用户的需求在变，审美在变，改版上线后不同时期反馈的数据也在变。因此根据不同时期的数据反馈做相对应的产品或首页改版再迭代，也是一个有责任的设计师应该主动去做的事情。改变后的反馈数据可以从：1网上的行业评论、2第三方抽样调查、3邀请一部分用户来做测试等，设计师不用太关心如何获取数据，而应该了解在拿到这些数据后应该如何认识和分析数据。

2、推荐使用google的HEART用户体验指标来作为这些数据的分析纬度：

google的HEART用户体验指标

Happiness 愉悦度
Engagement 参与度
Adoption 接受度
Retention 留存度
Task success 任务完成度

其他(略记)

设计版面
设计画稿
信息图形化设计
制作一个大型的项目设计管理和流程
文字的设计
主题页面的设计创新
手绘设计
皮计设计
体产品的交互设计（网站的交互设计，讲的很简单）

本站文章为宝宝巴士 SD.Team原创，转载务必在明显处注明：（作者官方网站：宝宝巴士)
转载自【宝宝巴士SuperDo团队】 原文链接: http://www.cnblogs.com/superdo/p/5244997.html