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

体验设计的热潮又一次从西方波及了中国的设计界，但这一次最为敏感的恰恰是媒体，每当一个新概念在国内传播时，国内的商业界、传媒界乃至学术界都兴奋无比，又一轮获取名利的机遇到来了。试想从花店买来的鲜艳无比的插花在花瓶里能保持几天？几天就枯萎了，而花农培育鲜花的花圃却持续茂盛，还不断地培养出更新的优良品种。一个新概念诞生的土壤往往被消费者忽略，它只关心其结果–“产品”，如设计师也跟随媒体、商人一起喧嚣，不去深入探讨产品、概念的生成本质，岂不永远徘徊在“引进”、“拷贝”的怪圈中不能自拔！永远躺在洋人、古人的摇篮中不能“自力”，所谓创新就成为了时尚的口头语。提倡实践的同时，必须与基本基础原理、背景渊源研究同步，甚至提前，否则会被耀眼的时髦裹胁了，一旦浪花落下，海平面仍回落原点，时髦永远只是一个短命鬼

设计的本质，不是提供产品，拘泥于产品的是媒体人和商人，而产品的服务对象–消费者真正需要的是使用和服务，体验才是真正满足乃至引导健康、合理、公平、可持续的人类社会生存方式。体验不只是为了视观感觉的刺激，而是深刻理解消费者在使用全行为过程中的反馈，包含了情感、意义、价值的沉淀。当前的设计，尤其是商家和媒体为了制造消费黑洞，大多沉溺于感官刺激，考外观、美化、造型、明星代言人、广告、无“品”的“牌”之“品牌”去刺激消费者虚荣心的膨胀

文化的形成在于沉淀，即已逝去的生活方式，即在过去的地理、气候、生产、经济、政治、习俗、价值观等作用下的人们的生存方式，即“存在”决定意识（包含文化），文化成因最关键的是被时代渲染下的地域或称空间，文化有空间属性，有过去时，最多是进行时。而文明是时间进程，它有过去、现在和未来的轨迹，它是空间被时间定义的

第一个猴子离开树上到地面生存，肯定是被大多数猴子鄙视的，但猴子终究改变了被时间定义的生存空间，才有了今天的人类

回想十年前，最初的门户首页仅仅是信息的罗列、板块的堆积，以及密密麻麻的文字、规规矩矩的边框和下划线….，那个时代人们可以容忍一条新闻loading几分钟

在信息流时代，随着社交媒体的发展，信息传播呈现以实时流，取代以往的固定页面，据此，瀑布流设计成为了主流，时效性高、海量滚动的信息给用户可以无限下拉屏幕的感觉，海量信息推陈出新

随着自媒体的出现，信息内容的井喷，看不完的内容也给人带来了负担，今日还在流行的瀑布流终将退出舞台，甚至一些反瀑布流开始兴起，都把新闻量缩减到极致，把文章内容压缩，但精雕细琢，也有在瀑布流的基础上进行个性化探索，完全按照个性化为用户提供内容，建立在个性化技术的基础上

明朝离我们仅仅500年，我们都用上了苹果的产品，再过500年世界会变成什么样子

网媒行业有以内容为王的特殊性，设计源于内容并反向印证内容，两者之间时相互推动的关系

腾讯人的日常工作，大部分精力和时间都用于琢磨和研发更好的用户体验

设计师的创作是以用户喜爱并接受为前提，那些难以操作、满足不了用户愿望的产品即使再美观、再华丽也不能赢得用户的青睐

偏听则暗，兼听则明

美国MIT研究院在设疑一款盲人手表，一开始他们以为，可以发生发声朗读或有凹凸触摸感的手表可以解决了，但是通过倾听用户的需求，发现盲人对于外观样式的关注甚至超过手边本身的功能，当与每一位有视力障碍的用户面谈时，用户的第一个反应总是关于手表的外形、材质、大小、甚至颜色，也许是不想被人歧视，他们想要一款正常人也可以戴的手表。用户测试改变了一切

问卷：目标制定、方案设计、样本回收、数据统计分析到最后的结果输出，每个环节都要严格把关

可用性测试，尽可能早发现问题，通过改进问题提高用户的满意度、忠诚度，降低用户使用的成本，此外可用性测试的成本低、易操作，因此被广泛采用。在可用性测试也有访谈，但与后面介绍的用户访谈不同，可用测试是先观察用户的操作，再通过访谈得到测试中的问题的答案，重点关注现象背后的原因

眼动测试，外界信息的80%~90%是通过眼睛获取的，眼睛有一定规律性，可以通过眼动仪记录用户浏览页面时视线的移动过程及对不同板块的关注度，通过眼动测试可以了解用户的浏览行为，评估设计效果，眼动仪通过记录眼角膜对红外线反射路径的变化，计算眼睛的运动过程，并推算眼睛的注视位置

眼动仪可以帮助我们记录快速变化的眼睛运动数据，同时可以绘制眼动轨迹图、热力图等，直观反映眼动的时空特征，眼动分析的核心数据指标包括停留时间、视线轨迹图、热力图、鼠标点击量、区块曝光率等，通过定量指标与图标相结合，可以有效分析用户眼球运动的规律，尤其适用于评估设计效果

在眼动热力图中，显示参加实验的用户其实现集中区域的分布，在红色实现最集中的区域用户看得最多，其次是黄色区域和紫色区域，没有颜色的区域代表没有用户浏览。在实现轨迹图中，可以显示不同用户在浏览页面时如何移动视线，每个颜色的圆圈代表1个用户，圆圈越多的区域就有越多的用户进行浏览，圆圈越多，用户浏览得越仔细

改进排版之类的

用户访谈：结构式访谈、半结构访谈、完全开放式访谈

焦点小组

传统的以内容运营为导向的思维认为：内容越多，用户浏览越多，点击效率越高，因此，新闻资讯拼接（单行布局拼接展示2~3条内容）在早起的门户网页上随处可见。但其实并不是这样，2006年有统计显示，用户浏览页面的平均时间为27秒，用户打开网页时，只是扫射，且大部分用户都很忙、有惰性，一目十行，在没有发现吸引自己的内容之前，用户不会阅读，更不会点击，所以那样的做法就是较少关注用户体验及需求

关注用户体验水平

碎拼便整条

布局优化让用户阅读更顺畅

在用户研究中，针对用户行为和需求的研究是与设计体验关联最密切的

用户浏览器新闻网页的顺序：新闻大标题、新闻内容段落、新闻配图/视频，受不同内容影响，用户注意力很快被其他内容所吸引，用户浏览正文以扫视为主，正文为纯文字内容时，段落间隔有助于用户快速找到感兴趣的内容，引导用户略读

当正文区为纯文字时，右侧推荐内容的用户关注度相对更高，正文为图文混排，用户更容易专注于正文

进行文章内容页面设计时，需要总和考虑多种因素，除了主题内容外，正文区内容的排版、页面的长度、页面的功能与内容、推荐内容的形式和类别都会直接影响用户的使用效率，只有将用户习惯、需求和内容完美结合，才能提升用户浏览的效率与价值

内容全面丰富、更新速度快是视频及咨询用户的共同需求

视频用户的忠实度相对于资讯用户要低

个性化阅读

让用户成为信息传播的起点和中心，给用户真正感兴趣的内容，使用户自发地分享并传播，似乎成为了决定门户网站竞争成败与否的关键

简而美的用户体验

把要闻变成我的要闻

根据用户在某段时间内的阅读记录，通过大数据分析判断用户的新闻内容洗好，并将用户可能感兴趣的新闻呈现在现在要闻区

多终端适配

移动优先

制定移动用户体验规范，详细制定各层级的导航样式、页面结构、标准控件及各种模块结构，规定各级页面中的字体、字号、图标的运用规范及图片的尺寸规范，以及运营中要注意的问题

这是一个以用户为中心的时代，用户的体验和价值是互联网无法绕过的两个命题。基于大数据的技术挖掘提供了更好的用户体验，以满足用户在互联网发展情境下的需求

共性

浪费服务器的带宽资源

与原声应用相比，HTML5网页的传播性和灵活性使它更加符合媒体产品对时效性和差异化的要求

内容定位、视觉设计、交互设计

品牌自有着的浓郁的独特气质，如何掌握这个气质的拿捏分寸，需要静心去探寻品牌的本真所在

东方雅致生活，致力于传承中国的生活美学和精湛手工艺，通过创新，使其重返当代生活

这些日渐式微的中国传统工艺，经由当代设计的创造力，转化为富于时代精神的美与用

如在其上，如在其下，上下的名字简单而意义深远，上下五千年的文化积累，上下要乘上而启下，期许塔尖一座无形的桥梁，沟通连接传统与现代，领会品牌的本真，设计的进行静茹行云流水般的流畅

以最质朴的视觉去呈现，还原心之所在，对设计师而言，尤其是运营设计师而言则是一种心灵上的荡涤

交互设计细节

灰度测试

敏捷精益流程

关系网是一个人经过长期与社会发生关系时，建立的一种相互利用、相互依赖的人际关系，人际关系是社会关系的一个侧面，其外延很广，包括朋友关系、亲子关系…等

在答题过程中始终保持用户愉悦

CSS动画

篮球下落动画的实现

ios是不支持flash

线稿

google开创了围绕着品牌LOGO做节日皮肤的绘制和设计，源于1998年

谷歌称涂鸦为doodle

网页设计能力+手绘表现能力+天马行空的想象力

由于沟通、理解和水平问题造成设计稿80%以上无法得到客户的承认而只能废掉的设计稿，通常称为飞机稿

新技术淘汰旧技术，那是后台看不见的科技演进。而前台呈现的动态依旧还是和flash呈现的动态一样，动画里的元素还是遵循人们的客观理解和物理规律来运动，技术上的革新并没有给用户带来多大的视觉惊喜，反倒是让我们认识到如今的被淘汰的技术，曾经蹉跎了我们多少个日夜，以至于此路还未爬到山顶却要横向移动到另一条新路来攀登，这段横向的移动的时间就形成了差距

迭代思维

视觉扁平化、轻量化、可视化

我们做产品迭代改版针对的产品所面向的广大用户，那么用户是谁？用户的特点是什么？用户的需求和价值又在哪里？

挖掘有效元素，传承产品的DNA

设计师在产品或页面的迭代前要认识清楚，此次迭代是配合公司整体架构的调整，还是对用户体验的优化提升；是网站的转型升级，还是流量的再分配；是自上而下的信息层面的梳理，还是自下而上的视觉优化，而此次迭代涵盖宏观、微观架构和视觉用户体验全方面，设计师要对这个项目所需要投入的精力、资源和时间跨度等做好清晰的规划

设计表现力中加入运营思维

GOOGLE的HEART用户体验指标

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

书脊和书页格式

系列页面设计

色彩和形体的搭配

传统的绘画或者插画是作者先选择某种题材然后创作，最后在人们的观览中产生某种情感因素；而更重要去做的应该是首先锁定欲表达的某种文化和某种人文情怀，然后再逆向思考需要什么样的内容和绘画风格方式去实现，这种由情感倒推画面的创作方式和传统绘画创作过程相反，但能大大缩小锁定创意的范围，减少漫无目的思考的时间

在日本，把一生致力于精进自己技艺的人称为职人

预测式创新