top

top

关注
发信
关注(28)粉丝(399)

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

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

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

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

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

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

二、常用的用户研究方法

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

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

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

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

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

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

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

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

4、用户访谈

  1. 结构式访谈

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

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

  2. 半结构式访谈

    有研究的框架

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

  3. 完全开放式访谈

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

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

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

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

7、数据分析

  1. 日常数据分析

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

  2. 用户行为分析

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

  3. 产品效率分析

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

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

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

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

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

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

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用户体验指标来作为这些数据的分析纬度：

  1. Happiness 愉悦度
  2. Engagement 参与度
  3. Adoption 接受度
  4. Retention 留存度
  5. Task success 任务完成度

其他(略记)

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

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

05-28 18:16
Powered by LMLPHP ©2024 top 0.053553