花开又一季,过往又一场,轮回的终点就是起点,我们在做的代销业务也整整过去了一年,从无到有,据说人在投胎转世那一刹那会回顾这一生的经历,只为第二世更好的生活,所以在新的一年中重新来回顾这1年的经历只为在下一年更好的自我成长,更多的赋能我们的业务,创造用户价值。

从整个项目的发展过程来讲,我把她分成四个阶段(启动、突破、稳定、进阶),在每一个阶段,设计师充当的角色都存在一定的差异,在角色的不断切换过程提升自己,努力从UXD的第一境界往第二阶段境界,并最终为达到第三境界沉淀方法和经验。

UXD的三阶段(http://www.aliued.cn/2016/12/29/向uxd转型.html):

  • 设计师作为修饰者:业务协同,满足业务的设计需求
  • 设计师作为区别者:业务增值,专业设计方法和过程帮助业务和产品形成差异化竞争力
  • 设计师作为计划者:价值放大,设计驱动并引领业务,最终转化成商业价值

启动阶段(1个月):1/2PD+1/2UED


在这个阶段业务知识飞速增长阶段,所以业务的解读和设计的转化非常重要,我从用户类型及问题、业务运营策略、产品框架、商业指标解读。 在设计转化上,我更多的是基于业务的需求进行设计的单点突破,所以会借鉴大量竞品来分析优势、还原设计的初衷,高效的满足业务在设计上的需求

1. 顺应市场的发展规律,理解业务的必然性

代销市场的出现是市场发展的必然结果,从淘宝端的数据上我们发现,超过7层以上的淘宝卖家(简称淘卖)都有一件代发的现象存在,而且我们也发现1688这边疑似代发的买家占比也非常大,1688还没有提供辅助这类用户的市场、工具和服务,但是外部环境在代销这块领域的竞争已经慢慢白炽化,为了能更好通过1688的优势服务好我们的用户,我们做了代销。

2. 解读业务框架

业务给出的框架

  • 用户类型:淘宝卖家、供应商、代销平台
  • 业务定位:链接多角色,打造轻型/协作/高效的在线零售供应链系统
  • 运营策略:通过大促活动透传代销的核心价值:一键铺货入淘、0成本开淘宝店
  • 商业指标:订单数、买家数、供应商数,过程指标用户对数、代销商品数

解读过程

  • 第1步:搞清楚这个阶段我们服务的核心用户是谁? 从运营策略上来分析,我们给用户提供的价值是 0 成本开淘宝店,在常人的概念中开淘宝店的人都是需要自己去市场进货,也需要有一定的启动资金,不可能0成本,所以基于这个运营策略,我们定位的核心用户是低等级的淘卖。

  • 第2步:核心需要解决用户的什么问题? 低等级的淘卖的三大问题,好货很难找、货源不稳定、上架宝贝耗时间。

  • 第3步:用什么产品解决问题? 从核心用户的三大问题衍生出来的是产品框架和内容 :通过代销频道导购解决好货很难找、通过优选供应商解决货源不稳定、通过传淘宝工具解决上架宝贝效率问题

3.基于项目的设计转化

每个产品有每个产品的使命,在解决核心用户问题的同时需要结合商业化目标来衡量产品的贡献和价值。 以下以代销频道首页为例来阐述

第1步:明确业务&用户对于代销市场的核心诉求

  • 业务核心诉求 建立代销市场,把更多的1688商品铺货到淘宝,让淘卖出售更多的商品,从而能够促进供应商把更多更好的商品分销出去,从而形成良性循环,所以业务需要筛选出优质的供应商、优质的商品在市场中呈现,建立代销市场在淘卖中的品牌认知度。在这个前提下,代销市场需要做到“好品推荐”、“铺货高效”、“品牌认知”。

  • 用户核心诉求 是在代销市场中找到适合淘卖店铺的好的商品并能够和供应商长期的合作,从而完善和补充他们的货源,在货源充足的情况下只需要更好的去淘宝店铺销售商品和做好对消费者的服务。在这个前提下,代销市场需要做到“给淘卖推荐好商、好品”,“快速建立关系的渠道”。

第2步:通过结合商业指标来对核心诉求排序

四象限

第3步:把核心诉求转化成设计目标

从业务诉求和核心诉求我们来分析通过设计可以解决的用户问题,从而转化成设计目标

  • 通过基于淘卖对新品、爆品诉求的多样化方式展示,提升商品的触达效率
  • 通过基于淘卖对优质供应商诉求的差异化展示,提升建立新关系进行长期合作的可能性
  • 通过多渠道的选品方式,提升用户选品的效率
  • 通过代销价值点、品牌及视觉元素的融合和统一,提升用户对代销的认知

4. 基于项目的方案输出

在设计前产品经理往往会给出一个粗略的demo给我们设计师参考,通过demo我们能够了解到关于“结构层、框架层和内容层”的内容,如果直接按照给出的demo进行设计,那就会失去作为交互设计师为用户创造最适合的产品的机会。 所以拿到demo我们更多的是对“内容层”的信息了解,还需要我们去重构设计转化后的4层信息。 新产品的时间节点往往都是非常紧急的,代销频道上线时间卡在了大促之前,这样能够保证新业务足够的曝光点,快速提升用户吸引力和关注度,所以在设计上我按照以下几点来快速推进:

第1步: 通过4层结构来拆解方案,逐步细化

4层结构

第2步:分析同类产品的信息结构和框架,确定代销频道信息结构和框架

网站结构

分析的结果

  • C类网站头部变化比较多,有直接网站logo和类目区串联在一起,形成整个网站的头屏重点,这也说明C类除了目标明确的搜索以外,更期望用户去“逛、发现”
  • B类网站头部都是通栏,通过搜索直达用户需要的产品,目标更加明确,行为比较高效
  • B类网站楼层结构相比C类网站要来的简单,这也是符合B类网站注重效率有关 通过上述的分析,在结合代销网站的特性,最终确定我们代销频道的结构要求既需要继承B类的简洁高效、又要迎合C类网站用户心理,要求有变化。

第3步: 基于该结构按照信息内容的优先级来填充框架

框架

第4步:基于需要表达的内容分析同类产品(优秀产品)内容的表达方式,最终确定内容层及表现方式

结合淘卖对品及供应商的诉求上,在常规的楼层表达上增加内容的变化,能够让产品更加直观,表现力更强 爆款

第5步:挖掘代销业务特色(业务模式、信息内容、功能模块),在内容和表现上进行创新

  • 业务模式上创新,代销的业务模式是把1688商品铺到淘宝进行销售,所以从淘宝店铺品的结构上来分析,一个淘宝店铺有主营品类和搭配品类,所以我们在楼层上进行了融合创新。 楼层

  • 信息内容创新,双平台的信息融合,对内容进行创新 创新

  • 功能模块的创新,新品对于淘卖来说是一种竞争力,所以新品的展示对时效性的要求比较高 创新-新品

  • 动效的创新,为了让信息表现的更有层次感,从用户行为上进行分析进行微创新 视觉差

谈谈在启动阶段的一些感受

在这个阶段中对于设计师来说就是折翼的天使,当时间卡点大于设计细节表现的价值时,我们能够做的是尽量结合用户类型去满足业务诉,让整个方案更加的流畅和好看,最后

  • 一定要和业务一起搞清楚这个阶段最核心需要解决的用户问题及平台诉求,聚焦1~2个
  • 一定要和产品一起对需要展示的内容进行优先级排序,即使demo已经给出了也需要交流清楚
  • 只对细节进行微创新,如果有类似的就直接“抄”过来,后面再想办法如何去“超越”

容错性是什么?

容错这个词严格来说应当是计算机领域的词汇,如果以比较标准化的描述来定义的话,容错指的是“当计算机由于种种原因在系统中出现了数据、文件损坏或丢失等等其他故障问题的时候,系统能够自动将这些损坏或丢失的文件和数据恢复到发生事故以前的状态,使系统能够连续正常运行的一种技术。”这个听着有点绕口,其实简单来说,就是当计算机故障发生或者存在的情况下,计算机系统依然可以正常工作的能力,这就是计算机的容错能力。容错性其实就是可用性之中细分的一个模块,是专门针对用户在使用产品的过程中如何避免出错以及一旦出错如何尽快有效的纠错的研究和设计。

容错包含产品防止错误的程度和帮助用户从错误中恢复。防止错误是通过页面的设计、重组或特别安排,防止用户出错。比出现错误信息提示更好的是更用心的设计防止这类问题发生。纠错设计就是当错误发生时,人们看到的界面,并且提出一个建设性的解决方案。就像对付不该发生的错误一样,容错性设计的关键在于“做好防御”。产品设计者们必须不断寻找可能造成用户困惑和不满的出错点。好的防御性设计决定用户体验的好坏。

为什么强调后台产品的容错性设计 ?

后台产品和前端产品存在很大的差异性。后台多为复杂型交互逻辑,有多分支功能页面多功能交互能力,后台产品更加注重的是业务逻辑的清晰和功能的实现,而前端产品对视觉设计和交互设计有更高的要求。一个完备的后台可能会包括多种类型或者不同权限的用户,在不熟悉业务情况下会产生已知未知错误或误操作等行为。很多后台功能复杂 功能之间很多时候并非完全割裂互相交织的,粗暴的将功能堆积在一起自然不太合适,影响用户的操作体验。

容错性的设计分析: 画板

1、操作前-提醒防错

1)详尽的说明文字且引导和提示,突出表现

主要是针对新用户,目的是为了正确引导用户学习使用。引导和提示要突出表现,从而引起用户关注,确保用户在操作前能注意到引导或提示信息。 新手帮助

输入框填写说明可以让用户很容易清晰的识别具体填写内容。 备忘录

2)当结果不可逆的时候,询问用户让其知道操作的后果

在用户操作前即给出正确且有效地引导和提示,有助于减少错误发生的可能性。如 对于比较重要的操作,需要通过二次确认减少错误的发生。 二次确认

2、操作中-实时提示&实时反馈

1)给用户的操作进行提醒

在后台众多需要填写表单当中,当鼠标聚焦在某一个操作区域时如果没有明确的预提醒,则容易引起误操作。 drag_to_delete_3

属性填写

2)对用户的信息输入进行视觉化呈现,并提供回馈

数据录入是后台交互设计中最为重要的元素之一。对用户输入的信息进行实时检验,并给用户传递回馈,在下面这个案例中,当用户输入自己的邮件信息之后,即被告知用户这个动作的含义,到底是输入正确还是输入错误。 input-filed-micro-interaction

拿1688评价功能来举例,输入评价内容时评价所允许字数会随着输入内容逐个减少,实时的联动表达状态并提供反馈,并且这个操作也提升了用户直接的操作感,然后让用户看到自己的操作结果。 优质评价GIF(1)

3)适当限制用户的某些交互操作

可以对一些可能造成错误的操作入口设置障碍或直接禁止操作,以避免错误的发生。举个例子:填写完一个模块内容,展开另一模块的同时收起上一个模块。填写过程限制用户某些操作这样始终让用户聚焦在当前内容。 属性区

3、操作后-结果反馈&纠正引导

1)错误发生时,即使反馈错误并提供纠错帮助

反馈错误及时就能保证用户每个阶段的操作都能得到回馈,避免因为一个小的错误就要修改相关联的一系列内容的情况,提高成功完成任务的效率;反馈不仅要指出有错,还要指出错在哪里。错误反馈文案要清晰、准确,这样便于用户了解错误的原因,方便下一步的修改。 搜索结果

2)允许用户犯错,并使操作者能够撤销以前的指令

Phone手机的还原功能,可以在用户出错时将多种功能设置快速还原到原始状态。 手机界面

用户选购完商品后完成下单,可以通过“关闭交易”取消该订单。 已买到

3)不仅要反馈出错更要给用户解答,给予用户适当指引和建议

在发布供应产品中完成发布信息的编辑添加,点击“商品发布”按钮,如果有错误发生 会在发布导航中提醒用户并告知用户导致发布不成功的原因。再比如:检测发布商品质量时,会提示该offer的质量星级以及给用户优化的内容指引与建议等。 电梯

4)允许用户犯错,且帮助纠正错误

当用户操作出现错误时允许用户犯错,且帮助将错误的信息纠正同步给用户。拿1688搜索来举例:用户想搜索“连衣裙”这类商品,但输入时用户输入成“连衣”,系统允许用户输入错误并且帮助用户纠正为正确字段。 搜索结果

除了上面讲的设计点以外其他重要的设计方法

1、 费茨定律

Fitts定律其实很容易理解的。显然,指点设备的当前位置和目标位置相距越远,我们就需要越多的时间来移动;而同时,目标的大小又会限制我们移动的速度,因为如果移动得太快,到达目标时就会停不住,因此我们不得不根据目标的大小提前减速,这就会减缓到达目标的速度, 延长到达目标的时间。目标越小,就需要越早减速,从而花费的时间就越多。通俗点讲:任意一点移动到目标中心位置所需时间与该点到目标的距离和大小有关,距离越大时间越长,目标越大时间越短。

菲茨定律的启示: 1)、按钮等可点击对象需要合理的大小尺寸。 2)、屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。 3)、出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。

2、提供非模态的反馈,不打断任务流

模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成List Notification, Toast list等方式来提醒用户。 下单页

3、 视觉情感化

心理学把情感定义为:“人对客观现实的一种特殊反映形式,是人对于客观事物是否符合人的需要而产生的态度的体验”。而设计的目标则是在用户接触和使用产品的过程中,激发用户的正向情感,比如愉快,信任,满足;避免用户产生负向情感,比如失望,挫折感,痛苦。正向的情感会使用户更乐于使用产品,遇到使用过程的一些小问题也更加包容。 举个例子:网络问题导致加载数据失败404页面,通过友情提示动画的情感表达,这种情感化的语言也能舒缓出错时给人带来的失望,挫折感。 1FF26059-F448-4E8B-B970-08ECD7960487

UX作为一个新职能在国内被提出也就是近几年的事,原因也许是近年国内互联网设计师成长了,希望拥有更多的空间,希望像国外成熟互联网公司一样,通过这个天然站在用户角度的职能去驱动业务;也许是越来越多的智慧设计工具的出现大大提升了设计效率,让我们在重复的工作中解脱出来,而这个岗位依然存在,在对岗位价值的挑战下,迫使我们转型…去年起一部分成熟的、前沿的设计团队已经开始从UI转型UX,当然我们1688UED团队也不例外,1688一批综合实力较强的设计师无论从思维还是工作职能已经在向UX方向前进,并且通过组织“向UX转型”的内部课程逐渐影响更多设计师 。

简单说UX定义是对产品和服务的综合体验,包含了UI,近几年很火的服务化设计培养的人才就是UX。UI是由特定的视觉设计和交互设计组成的细分职能,相对UX要考虑的因素更少复杂程度更低。当然对UX的定义是一回事,光从理论去学习都是好理解的,我们是否真正成为一个UX设计师,也并不仅限于懂了这些理论,都是在实战项目中不断磨练自己的能力。这里就会有一系列的问题,我们有这个机会吗?组织架构已经认可了由设计师推动用户的综合体验吗?我们的经验、知识面已经成熟到可以扛起某业务下用户综合体验的责任了吗?毕竟综合体验是一个非常大的命题,是由多个部门共同打造的,产品、运营、销售、客服、技术…每个环节都会影响到体验,它要求我们要跨出以往专业知识的限定,在沟通过程中更全局的思考;它要求我们具有一定商业sense和对创新的敏感度;它要求我们具备更强的提案能力,站在用户痛点本质与业务现状、商业机会的角度思辨去提案;它要求我们有更强的多部门项目管理能力,不止是设计层面的项目管理;甚至它要求我们懂得平衡各协同方的投入产出比…

好吧,不管“成为一个优秀的UX”这条路有多么难走,至少我已经在路上,很乐意和大家分享至此的心得。我有一个课题《B类商品数字化整体服务》,于其称之为课题,我更愿意把它定义为“内部创业项目”,课题是研究,而创业是实实在在的有商业价值的。什么是商品数字化?就是将一个物理的商品转化成电商可以进行销售的电子格式,它是电商供应链的第一步。对于电商网站的销售需要使用的电子格式是数据包,要经过的步骤就是商品摄影摄像、商品详情图文混排、商品非图片信息如标题价格类目属性在数据包生成工具录入后生成CVS格式;对微商群体,他们仅需要图片格式。B类商品数字化整体服务,就是给商家在商品数字化全链路过程中为他们提供所需要的服务。这个命题非常大,为什么是UED在推动?在整个B类业务从B2B到BSB的转型下,商品数字化作为重要但不紧急的供应链环节,业务对其质量的重视程度并不高,而商品的电子格式买家感知层面占比最大是图片,我们都知道图片质量影响转化,B类平台长期不重视图片质量,环境混乱无标准,影响买家视觉体验、降低平台档次,因此UED就当仁不让的要去推动商品数字化质量。而大部份商家没有好的意识也没有好拍摄能力,我们就需要整合一批优质的摄影商家来帮助他们,以及赋予商家在拍摄后续一系列的商品数字化全链路上的相关能力,无论对商家、对平台都是有价值的。以上是我的“内部创业项目”的大致背景,也解释了为什么由UED在推动,下面我会从几个内部创业做事方式的角度去分拆我的心得。

1 大家都知道这是基础为什么我还要提这一点?就是因为我们往往在行动中忘了初心,如果你是电商平台设计师,是不是有过做商品主图规范的经验?你是不是称之为“XX产品主图规范”,是不是在推行让商家执行规范的过程中遇到过很典型的业务方的质疑:“这规范有什么用?”如果你的回答是“这让产品页面看起来更一致、更整洁”,就会带来下一句的挑战“那跟我有什么关系,这只是你们设计师想要的”。如果仅仅为了美观,视觉设计师就必须要承担所有的工作量。所以“视觉质量标准”必然是站在用户的高度才有可能被接受,优质图片背后会给商家、内部运营带来成本,只有把图片价值论证了才有可能获得内部运营、商家的支持与执行。

《B类商品数字化整体服务》中的第一步是先站在商家的角度发现问题,比如商家对图片重要性意识薄弱、商家无法区分商品图片优劣、盗图之痛、多平台多工具无对接导致的操作成本过高之痛等。用户角度贯穿始终,如刚才提到的视觉质量标准,我们就是从商家的痛“无法区分商品图片优劣”的前提下去进行,图片优劣分三层,图片基础质量、图片内容、图片样式。基础质量是底线,从主体明确度、图片清晰度、整洁程度等维度判断,无需通过买家论证;而图片内容与图片样式是与买家需求紧密关联的,我们通过调研买家了解他们在观看图片内容时的要求,比如服装行业下的买家希望看到模特穿版、服装正侧背、袖口领口等常规部位、设计及工艺细节、面料细节、吊牌等;而图片样式则相对主观,往往与产品本身风格相关联会获得更好的买家评价。分行业的商品图片的视觉质量标准模型的建立,就可以帮助商家进行图片优劣的判断,在这个过程中模型也会不断的通过买家视角不断的迭代与优化,我们也会尝试将可沉淀的经典部分建立算法,通过相关场景渗透入在线商品数字化的过程中去。关于商品数字化信息模型这部分会在《B类良品的定义与表达》一文中有更具体的阐述。

总之我们只做用户感受的搬运与梳理,发现规律,应用规律。

2 成功业务都是源于创新,新产品、新服务、新技术、新模式…

我们在启动商品数字化服务这个项目时,除了在用户层面做了大量的走访与调研,还走访了几个在摄影、排版、数据包制作有创新技术突破的国内外公司,了解和学习对方的创新技术和产品,除此之外,更多也交流之后是否有合作的可能性,寻找合作的方式,将对方创新的能力输出给我们的商家。商家关注的点无非是三个:拍摄与排版质量、投入金钱成本、效率,尤其是在时装这个非标品行业,单品多、产量少、更新频率高、拍摄质量要求高、拍摄成本高,时装行业是对商品数字化的“快、便宜、好”的要求最高的品类 。普通商家一季有2、300个款,为抢占款式入市时间点,款式一完成打样就需要尽快的在下游进行测款,一出大货就要立刻在市场铺货,爆款铺货后很可能在一周内库存就清零了。目前一个时装款式在拍摄环节至少消耗3-5个工作日,拍摄成本不低于80元一件元一件,如果加入详情页与数据包的排版与制作,再加1个工作日,那在这个将物理商品变成线上格式的过程中,很可能库存已经在常规渠道销空了,所以很多优秀时装商家都没有将线上作为他们的强势渠道。业界敏感的人士也早就发现了这一点,在我们走访的创新技术公司中,有特别突出的两家,他们也是发现了时装电商行业的痛点,一个是荷兰的工业化拍摄机器、一个是国内的智慧排版及数据包生成工具。这两种新技术都可以大大提升商品数字化效率、降低成本,质量可以做到与业界持平。我们作过测试,在两种新技术的协同下,8分钟内可以完成保证质量的时装拍摄与图文混版。与两家公司交流下来,他们也希望与1688有某种方式上的合作,这就是非常好的开端,至少我们在意愿上达成一致了,至于后续的合作方式、两种产品如何在体验层面无缝连接等,都是“术”和“器”的层面。

找到创新技术并且达成合作意愿真的是很欣慰的事。

3 前面说了商品数字化作为在网站业务中重要但不紧急的供应链环节,业务对其质量的重视程度并不高,只关注有或者没有,在业务刚启动时并不是其生死线,商家即使商品数字化能力差,在前期追逐商品体量时,对商品信息质量尤其是图片质量即使较差也忍了。但我们在对商家调研过程中非常清楚,如果商品数字化成本过高、流程太长、操作复杂,对商家的伤害犹如温水煮青蛙,一段时间业务没有起色,商品销量不好,商家也就不愿意陪着玩了。所以我们要对商家输出好的服务、便捷的流程以降低这个过程中商家的负担,所有人都清楚应该这样做,但当它不是当下业务生死线时,建立产品线的开发资源肯定是没有的、业务也不愿意付出人肉成本共同推进这个项目。

去年我们设计团队支持的好几条创新业务线,我们从一开始就和对方交流商品数字化的质量成本效率的重要性,要建立保证品质和效率的整体服务,他们都非常认可,但最终还是把这个包袱扔给商家了。直到服装实体批发市场业务(将线下实体市场的好品搬上线)进入新的阶段,这个阶段需要更多实体批发档口的有竞争力的新品,而商品数字化的成本与效率却成了瓶颈,此时我们前面提到的创新技术就有切入的机会点了。我方、业务负责人、A服装实体批发市场方、工业化摄影公司四方,多次沟通共同商议出的合作方式为,工业化摄影服务公司在A实体市场开设门店,为商家提供低成本高效率保质量的商品数字化服务,由A实体市场方在1688代销其产品。如此一来商家就是以一个较低的成本获得了一个新的销售渠道。假如这种合作模式可以顺利跑通,就可以复制到实体市场B、C、D…

当然能促成其合作,前面也不乏与创新技术方保持沟通与探讨,比如荷兰工业化拍摄机器公司本来是只卖设备,在欧洲获得成功后希望拓展中国市场,在欧洲可以成功是由于其人力成本高,而在中国,摄影行业还能继续吃人口红利,摄影服务商若要购置一台40万的机器,不如继续与摄影师合作来的短期成本低。所以我们建议工业化拍摄机器公司获得中国市场的方式是做服务商而非做服务商的设备提供商,他们也确实往这个方向走了并且成立了国内的合资公司,这才有了之后与实体服装批发市场及业务的新合作模式。

大家这边可能有个疑问,这个合作模式和“我方”有什么关系? 作为《B类商品数字化整体服务》内部创业项目,线下撮合合作,将服务订单从线下转移到线上,积累线上数据,也是项目非常重要的一步。

总之保持耐心,维护可能的合作关系、找准时机切入业务,为项目争取获得市场价值证明的机会。

4 《B类商品数字化整体服务》方案在刚形成时,我们自己都吓坏了,建摄影设计服务生态、建在线交易系统、图片保护算法接入、外部数据包工具整合、下游场景自营销工具、下游分发对接…只有这一套完整做下来并且在体验层面无缝连接才算是在商品数字化这块真正服务好了商家。

该怎么启动?业务的资源方做久了也能学到点东西,往往业务先有模式,用运营的人肉方式启动,做专场、精准打向用户,验证过模式行的通、体量大到需要产品承接时,再动用珍贵的开发资源。 所以我们也尝试建立模式。摄影是商品数字化的第一步,我们从摄影服务的点切入,1688上有摄影服务商,但目前仅做到了“有”,这个“有”还不至于让已经做了电商的商家转移自己的摄影服务商。前面说了我们做过很多次商家走访,综合他们的诉求,我们要建立消费的明确性,也就是从质量、价格、效率层面。我们在这三个纬度制定了规则,这里模糊展开一下,质量由1688UED官方设计师指导、价格可大量低于市场价、效率革命性提升(前面提到过的工业化摄影服务),同时综合考量服务商的合作意愿、服务经验等,打包成平台精选的“摄影好服务”推给线上服装商家。在这个过程中我们也会不断收集商家反馈,不断review。前面也提到了与实体批发市场的线下合作模式,通过线上线下两种模式,证明市场体量,这就是项目的第一阶段。

在推进项目过程中,每个阶段都要以最有效、最快速、最低成本的方式去运作,不断收集用户、合作方反馈,因为每方都会核算自己的投入产出比,这是非常微妙的,只有做了才知道。

5 “我才是项目负责人! ”想说这一点是最重要的,所以才放在最后一个。设计师当资源方当习惯后,往往认为只要对输出物负责,但是当开始实打实的推动类似业务的项目后,身份一定要上升到对商业结果负责的层面,去寻找机会,才有业务愿意与你合作。内部创业项目没有资源保障,就是因为这样,才能一点点磨练出商业敏感度、锻炼沟通话术,才会更珍惜每一次可能合作的机会,争取每一种能获得资源投入的方式。这个过程中不管碰到任何困难,都要勇于接受挑战,坚持下去。

再回到我们的主题UX转型,这是我们的主题。那我通过一个实战项目的推动,是否符合了UX的能力模型?这个项目推了半年,说句心理话,对于title是不是UX我已不在乎。 借事修人,世界上有许多问题没有答案,更没有人教你怎么去做,在这种情形下,能够忠于找出属于自己的答案的人,生命力一定比已经习惯别人给出答案的人更为强韧。

【译者注】过去的一年,B2B UED团队(原1688UED团队)花费了巨大的资源和精力投入阿里巴巴集团中台DPL(Design Pattern Library)项目,旨在通过设计模式的提炼及抽象,由规则和算法支撑更自动化的设计工具,智能生成常规产品设计页面,从而将设计师从繁重的常规设计任务中解放出来,投入到更需创造力更有价值的设计项目之中。其间,译者深刻感悟到当今时代对设计师价值的全新认识。这是一场设计师职能升级的革命,如暴风般引入,如未能看清并找准自身定位,或许短短几年后你的专业核心技能将不再具备竞争力。本文作者描述的算法驱动设计理念,正好与国内诸多公司逐渐兴起的设计自动化趋势有不少一致见解,相信认真阅读后,你还能在这变幻莫测日新月异的科技更迭之中,紧握设计价值的立足之本。

推崇算法驱动设计的理念数年后,我逐渐积累了一些实践案例。这套工具方法能帮助我们构建用户界面、编制资产(assets)内容并个性化用户体验,遗憾的是,这类稀缺资讯一直没能系统化。

然而,在2016年,随着这套工具的技术基础不断进化,设计界也逐步对算法、神经网络和人工智能产生兴趣。如今已是重新思考设计师角色的最佳时机。

1 图1. 通过Prisma和Glitche生成的唱片封面

设计师会被机器人取代吗?

算法驱动设计最让人印象深刻的宣言,由臭名昭著的内容建站系统The Grid提出,它对相应模板及内容呈现样式进行选择,然后自动修饰并整理图片。此外,该系统通过A/B测试结果来挑选最佳模式。不过,The Grid还在内测阶段,我们只能通过已公布内容及广告来评估整个想法是否靠谱。

Designer News社区发现了利用The Grid创建网站的真实案例,由于不少用户诟病设计及代码质量,他们的反应五味杂陈。许多质疑者当天甚至击掌相庆来坚持设计师无法被取代的理由。

2 图2. The Grid内容建站系统

用算法来替代设计师听起来很超前,但整个想法是错误的。产品设计师通过将原始产品理念转化为经过深思熟虑具备坚实交互原则的用户界面、良好的信息架构和视觉风格,来帮助公司实现业务目标并强化其品牌。

设计师进行诸多大小不一的决策 ,其中许多过程几乎难以言述。此外,设计师接到的需求并非100%清晰一致,为了让产品更加完善,设计师还会帮助产品经理解决这些冲突 。这不仅仅是通过选择一个合适模板和填充其内容就能搞定。

然而,如果我们谈论的是创造性合作,当设计师与算法一起工作以解决产品问题时,我们看到了算法驱动设计的很多优秀案例和它的明显潜力。算法可以改良网站和移动应用的日常设计工作,这让人觉得很有意思。

与算法进行创新合作

如今的设计师们早已学会把玩诸多工具和技能,以实现近乎完美的原型效果,这也直接导致了“产品设计师”的概念出现。产品设计师是产品团队的积极成员,他们熟知用户研究,也擅长交互设计和信息架构,还可以创建视觉风格,用动效设计使其更出彩,并对代码进行简单的修改。这些人在任何产品团队中都是无价之宝。

然而,平衡如此多的技能非常困难-你不能在产品的每个环节都花费这么多时间。当然,最近疯狂涌现的新设计工具缩短了我们创建可交付成果所需的时间,并扩展了我们的能力。然而,它仍然不够。仍有太多的设计日常工作及新职责,将我们好不容易省下的时间都消耗掉了。我们需要自动化和简化工作流程。对此,我看到以下三个关键方向:

构建UI 筹备素材及内容 个性化用户体验

我会举一些例子,并提出未来工作过程的新趋势。

构建UI

诸如Medium,Readymag和Squarespace的发布工具已经简化了作者的不少工作-无数的高质量模板在不需要花钱请设计师的情况下带给作者漂亮的设计。我们现在可以让这些模板更智能,使用门槛更低。

例如,当The Grid仍然处于测试阶段时,一个非常成功的网站创建站点Wix,已经开始开发包括算法驱动的相关特性。该公司提出了高级设计智能(Advanced Design Intelligence)的概念,它类似于The Grid以半自动化方式让非专业人士创建一个网站。Wix通过向其提供许多高质量现代网站的示例来优化算法。此外,它试图提出与客户行业相关的风格建议。非专业人员选择合适的模板并不容易,好在像Wix和The Grid这样的产品能像设计专家一样来服务客户。

Wix的智能设计系统介绍视频

当然,像The Grid的情况,将设计师拒绝在创作过程之外,可能导致平庸和缺乏创意的结果(即使它提高整体质量)。转念一想,如果将这个过程比作与电脑的“结对设计”,那么我们可以减轻许多日常任务负担; 例如,设计师可以在Dribbble或Pinterest上创建一个情绪版,算法可以快速地将这些样式应用到模型并提出一个合适的模板。设计师将成为他们的新学徒“电脑”的艺术总监。

当然,我们无法以这种方式创造一个革命性的产品,但通过它帮助我们腾出的时间用来创造一个并非不可能。此外,许多日常需求是功能导向的,无需太多创新。如果一家公司足够成熟并具有自己的设计系统,算法就可以使它更强大。

例如,设计师和开发者可以定义内容、上下文和用户数据的逻辑;那么,平台将使用原理和模式来编译设计。这将允许我们微调特定使用场景的最小细节,而无需手动绘制和编码几十个页面状态。Florian Schulz告诉您如何使用插值的理念,以创建组件的诸多状态。

3 图3.Florian Schultz的插值概念

2012年左右我开始对算法驱动设计有了兴趣,当时我的Mail.Ru Group设计团队需要一个自动化的杂志布局。已有内容具的语义结构不佳,并且人工更新成本太高。我们如何在杂志编辑不是专业设计师时产出质量不错的设计呢?

好吧,算法中的一个特殊脚本能够解析一篇文章。然后,根据文章的内容(每个段落和单词的数量,照片数量及其格式,插入引号和表格等),脚本将选择最适合的模式来呈现此部分的文章。该脚本还试图混合各类模式,使最终的设计具备多样性。这将节省编辑在旧内容中重新整理的时间,设计师只需添加新的演示模块。几年前,Flipboard就推出了类似的模式。

Vox Media使用类似的想法做了一个首页生成器。该算法查找每个可能的有效布局,组合来自模板库的不同示例。接下来,基于某些性状检查每一个布局并对其评分。最后,生成器选择出“最佳”布局 ,即得分最高的布局。这比人工选择最佳链接,再通过推荐引擎的方式(比如Relap.io)创建首页更加高效。

4 图4.Vox的首页生成器

筹备素材及内容

在许多变量中创建千篇一律的图形素材是设计师工作中最无聊的部分之一。它需要花费许多原本可以用来创造更大价值的时间,让设计师失去动力。

算法可以承担如匹配颜色等简单任务。例如,Yandex.Launcher使用一种算法来根据应用图标自动设置App的颜色卡。其他变量可以自动设置,如根据背景色改变文字颜色,在照片中凸显眼睛用来强调情感,贯彻参数化字体(parametric typography)。

5 图5.Yandex.Launcher

算法可以创建各种组合。Yandex.Market在俄罗斯使用了电商产品列表的营销图像生成器。营销人员使用一个标题和图片填充一个简单的形式,然后生成器创造出无数符合设计指南的变量。Netflix走的更远,它的脚本将海报中的电影角色裁剪下来,然后应用一个风格化和本地化的电影标题,再自动生成不同类型的用户子集。很神奇吧!瘾科技已经教会机器人学徒编写简单的数码产品新闻。哇!

6 图6.Netflix电影广告

真正的黑科技发生在神经网络。最新的案例是一个叫Prisma的手机应用,它提供的风格化照片看起来像著名艺术家的作品。Artisto可以按类似的方式处理视频及流媒体。

7 图7.Prisma

Aristo App视频介绍

然而,一切还处于初级阶段。没错,你可以在手机上下载一个app,在数秒之内马上得到结果,而不是在GitHub上跟一些库文件较劲(正如我们去年一样); 但在未训练神经网络之前,你仍然无法上传自己的参考风格,并得到理想结果。然而,当这成为现实之后,它会使插画家过时吗?我认为这对那些具有扎实基础和独特风格的艺术家来说完全不会。当不需要专属风格时,它会降低为你的文章或网站配上优雅插图的门槛,而不是使用乏味的默认图片。

对于一个真正独特的风格,它可以让你快速站在巨人肩膀上,“假使在一栋建筑上使用我们独特的插画风格会如何?”例如,皮克斯的动画电影《料理鼠王》的创作者试图将不同风格应用在电影场景和角色上,要是神经网络完成了这些草图呢?我们也可以创建故事板把并且以漫画形式描述场景(照片可以很容易地转换为草图)。类似的例子不枚胜举。

最后,还得提一下现动态识别。最近的品牌化中动画变得极其流行,但部分公司还在进行深度研究。例如,Wolff Olins展示了巴西电信品牌Oi的logo根据声音进行动态识别的案例。如果没有一些创造性的协作与算法,你是无法创造这些让人疯狂的东西。 Oi Logo声音识别动态案例

个性化用户体验

为细分的受众群体甚至特定用户个性化产品,是获得清晰完善的产品策略的一种方法。我们每天都在Facebook新闻稿,Google搜索结果,Netflix和Spotify推荐以及许多其他产品中看到它。除了为用户减轻过滤信息的负担之外,产品更加关心用户时,用户与品牌的连接也变得更具情感化。

然而,关键问题是设计师在这些解决方案中的角色。设计师很少有能力创建这种算法 – 它们来自于工程师和大数据分析师。来自CX Partners的Giles Colborne举了一个Spotify“每周发现”功能的案例:此处进行经典用户体验设计的唯一元素是音轨列表,而绝大部分独创工作是由一个推荐系统完成的,这个系统为该设计模板填充有价值的音乐内容。

8 图8.Spotify每周发现功能(Giles Colborne演讲PPT中的某页)

在这个领域设计师如何提供价值,如何利用各种数据源建造并优化算法,Colborne给出了建议。了解如何使用大数据并提炼到出可执行的洞察力极其重要。例如,Airbnb对此已有探索,通过给出“未来某天列表上的(房间)预订价格是多少?”,方便房东据此设置具有竞争力的房价。Netflix推荐引擎的类似案例就不一一穷举了。

9 图9.“交互设计师VS算法”-Giles Colborne

一个相对较新的名词,“预期设计 (Anticipatory Design)”对用户体验个性化和用户诉求预期提供了更广的视野。我们已经在手机上见识到:Google Now和Siri会使用位置记录数据自动提供回家的路线。然而,此处的关键因素即信任。为了执行预期的体验,用户必须允许企业在后台收集个人使用数据。

我提到过Netflix,Vox Media和The Grid使用设计变量做自动化测试的案例。这是一种基于算法基础对用户体验进行个性化的方法。Liam Spradlin描述了一种有趣的概念:变化的设计(mutative design) ,它是一个优秀的自适应接口模型,能够考虑诸多变量以适合特定用户。

设计师的机械化骨骼(Exoskeleton)

我已通过实践中检验了几个算法驱动设计的案例。现代设计师需要什么工具呢?我们回顾上世纪中叶,计算机被设想为扩展人类能力的一种工具。Roelof Pieters和Samim Winiger分析了计算机历史以及计算机用作人类能力增强工具的细节。他们看到设计工具的三个成熟度级别:

1、第一代系统以数字化形式对工具进行生动模拟。 2、第二代是辅助创建系统,人和机器通过紧密的行动反馈循环来协同进行创造。 3、第三代是辅助创建系统3.0,它在细粒度对话中协同创造,增强创造力,并加速从新手到专家的技能获取。

10 图10.创意人工智能

算法驱动的设计应该像产品设计师的机械化骨骼-增加我们决策的数量并提升决策深度。那么,设计师和计算机该如何协作呢?

数字化产品设计人员的工作流程可能是:

1、探索问题领域,为业务和用户解决最有价值的问题(分析)。 2、探索解决方案领域,并选择解决问题的最佳解决方案(分析)。 3、开发,发布和推广解决问题的产品(综合)。 4、评估产品如何为真实用户工作,并优化它(分析和综合)。 5、将解决方案与公司的其他产品和解决方案连接和统一(合成)。

这些任务分为两种类型:1)对隐性表达信息和已奏效解决方案的分析;2)需求和解决方案的合成。我们需要哪些工具和工作方法?

** 分析**

对适用定性研究的用户隐性表达信息的分析很难自动化。然而,探索现有产品的用户使用模式是一个合适的任务。我们可以提取行为模式和细分受众群,然后为他们优化用户体验。广告精准投放正是如此,算法可以使用隐性和显性行为模式(在特定产品或广告网络内)对用户进行聚类。

为细分用户群进行算法训练来优化界面和内容,设计师可以考虑机器学习。Jon Bruner举了一个很好的例子:一个遗传算法以预期结果的基础算法描述开始,比方说,为节省燃料和方便乘客,对航空公司的时间表进行优化。它增加了各种约束:航空公司拥有的飞机数量,运营的机场,以及每架飞机上的座位数量。它加载以下各类独立变量:现有时间表上数千航班的细节,或者可能随机生成的虚拟信息。通过数千,数百万或数十亿次的迭代,时间表逐渐变得更有效率和更方便。此外,该算法还熟悉了时间表中的每个元素 (例如 37航班从O’Hare的起飞时间)如何影响燃料效率和乘客便利的因变量。

在这种情况下,人们设计了一个算法,可以添加或删除限制和变量。结果则通过对真实用户的实验来测试和改进。利用恒定的反馈回路,该算法也改进了用户体验。虽然这项复杂工作主要由分析师处理,但设计师也应该知道机器学习的基本原则。O’Reilly最近就发布了这个话题相关的迷你书。

合成

两年前,一款工业设计师的工具Autodesk Dreamcatcher横空出世,帮助用户体验大师们发布了诸多创作。它基于生成设计(generative design)的构思,已应用于性能、工业设计、时尚和建筑多年了。为大家熟知的著名建筑师Zaha Hadid的团队就称这种方法为“参数化设计”。

11 图11.Autodesk Dreamcatcher

Logojoy是一个简单的标志设计产品,某种程度上说它可以取代自由职业设计师。只要选择喜欢的风格及颜色,Logojoy便能帮你产生无尽的想法。您可以细化一个特定标志,看到一个基于它的企业风格案例,并预设一个品牌包、名片和信封等。这是一个算法驱动设计工具在现实世界的完美案例!其创始人Dawson Whitfield说明了背后机器学习的原理。

12 图12.Logojoy

然而,它尚未在数字产品设计领域奏效,因为它无法解决实际问题。当然,建筑师和工业设计师的工作自身足够的限制和特殊性,但用户界面绝非静态的 – 它们的使用模式、内容和特性随时间而多次变化。如果我们考虑整个生成过程 -设计师定义规则,算法用来创建最终对象 – 最终会诞生超多灵感。那么数字产品设计师的工作流程可能是: 1、算法使用预定义的规则和模式生成设计的诸多变化方案。 2、基于设计质量和任务要求过滤结果。 3、设计师和管理者选择最有趣和充分的变化,并根据需要进行优化。 4、设计系统针对一个或多个变量运行A / B测试,然后用户选择其中最有效的。

目前尚未清楚如何在数字产品设计中过滤大量使用场景极其复杂的概念。如果算法也能过滤生成对象,我们的工作将更有成效和创造性。然而,作为产品设计师,我们每天在头脑风暴会议中或者当我们在屏幕模型和原型上迭代时,就得以生成设计的方式提出了几十个想法,为什么我们不能将这些工作让算法完成?

** Jon Gold实验**

来自The Grid的Jon Gold开发了一套实验工具Rene,就是这种算法驱动设计工具的实践。Gold训练计算机做出有意义的排版决策。他认为这与设计师的学习过程类似,所以他将其分成几个步骤:

1、分析字形以了解字体中的相似性。 2、制定组合字体的基本准则。 3、确定类型组合的最佳示例以了解趋势。 4、创建算法观察伟大设计师的工作方式。

他的想法类似于Roelof和Samim的观点:工具应该是设计师创造性的合作伙伴,而不仅仅是呆萌的执行者。

13 图13.Jon Gold的生成设计:合理的组合

这套叫Rene的工具就是基于以上原则构建的,他还谈到了编程的命令式和声明式方法,并指出现代设计工具应该选择后者 – 关注我们想要计算的,而不是如何计算。Jon使用生动的公式来展示它如何适用于设计,并提供了几个初级演示。你也可以自己试试这个工具,虽仅是早期概念,但足以让你得到启发。

Rene-产品设计工具视频

Jon开玩笑称之为“暴力设计(brute-force design)”或者“乘法设计(multiplicative design)”,他强调了从专业角度把控的重要性。值得注意的是,今年早些时候他已经从The Grid团队离职。

算法驱动设计的工具是否已存在?

很遗憾,当前还没有用于网站和移动设备的产品设计工具,可以在分析和综合方面提供与Autodesk Dreamcatcher相近水准的帮助。然而,The Grid和Wix可被视作具备相近质量水平和有效性的解决方案。Adobe正在不断地添加类似的智能功能:软件的最新版本具有内容识别功能,可以智能填充当你使用裁剪工具旋转图像或扩展画布超出了图像的原始大小的空白区域。

介绍内容识别切割功能

还有Adobe和多伦多大学的另一个实验:DesignScape能够自动提炼设计布局,从而形成全新的作品。

DesignScape:根据可交互的布局建议开展设计

Adobe公司在2016年MAX会议上发布了一款名为Sensei的智能平台,同样值得关注。Sensei使用了Adobe在人工智能和机器学习方面的深厚专业知识,它将是Adobe消费者和企业产品中未来算法驱动设计功能的基础。Adobe发布了语义图像分割(按类型标签展示图像中的各区域-例如,建筑物或天空),字体识别(即从创意资产识别的字体,甚至手写字体,推荐类似的字体)和智能细分受众群等功能。

然而,作为创造术语“人工智能”的后期计算机科学家John McCarthy有一个著名观点:“一旦普及,没有人再称它为人工智能。”曾经最前沿的人工智能现在被认为是电脑的标准行为。以下有一些实验思想和工具,或许可以成为数码产品设计师日常工具包的一部分:

1、StyLit – 创建三维模型出草图。

2、Autocomplete handdrawn animations-微软的自动填充插图和动画的实验工具。

这些仅仅是帮助我们窥见未来的罕见片段。现在,更多的是个别公司基于自身需要构建自定义解决方案。最好的方法之一是将这些算法集成到公司的设计系统中。它们的目标类似:自动化大量任务来支持产品线;实现和维持统一设计;简化发布;对当前产品的支持更友好。

前端样式规范开启了现代设计系统,但是这仅是(将设计集成到开发代码)的第一步。开发人员仍然通过手工创建页面,下一步是使用预定义规则进行半自动页面创建和测试。

14 图14.Yury Vetrov的平台思维

优势与劣势

你的公司会追随算法驱动设计的趋势吗?

优势

根据近期观察,这种趋势的价值或多或少是清晰的:

-免去准备资产和内容的常规流程,毕竟该类工作比较机械。 -通过计算机组合变量来拓宽创意探索,设计师过滤结果以找出最佳变量。 -针对细分的受众群体甚至特定用户优化用户界面。 -快速适应各种平台和设备的设计,尽管是以原始的方式。 -对用户界面的不同部分或特定模式进行实验-理想情况下实现自动化。

总而言之,这帮助设计师在缺少开发支持和缺乏创作过程例行程序投入时,仍然可以负责核心决策。我们试图将工作的一部分实现自动化,并基于这个目标进行深入分析,这将帮助我们更好地认识工作。它使我们更有成效,并帮助我们更好地向非设计师解释工作的本质。因此,公司内的整体设计文化将更加繁荣。

劣势

然而,所有益处的实现并非乐观,它们或许还有以下局限:

-我们只能在公司的任务背景下谈论公司的定制解决方案。这项工作需要不断进行研发投入,支持和优化。 -正如The Grid的CMS显示,一个工具本身不是奇迹。缺乏设计师掌舵的结果往往比较平庸。另一方面,大多数专业工具的现状就是如此。 -打破过去现有的风格和解决方案变得更加困难。算法驱动的设计通常基于现有的模式和规则。 -如果生成设计工具可以挖掘Dribbble,则复制另一个设计师的工作变得更容易。

还有道德方面的问题:由算法生成的设计是否具备价值?是否具备独特性?谁是设计的作者?生成结果的数量受限于局部最大值?Oliver Roeder说“电脑艺术”并不比“漆艺”或“钢琴艺术”更具挑衅性。算法终究由人编写,使用人类想出的理论和人类建造的电脑,使用人类编写的规范,使用人类收集的材料,在由人工作的公司中,使用由人类构建的工具等。计算机艺术是人类艺术的子集,而不是差异。革命的硝烟已起,为什么我们不站在前面呢?

结论

这是一个美好的未来故事,但我们也该铭记算法的限制 – 即使规则现在通过机器学习来增加,它们仍然建立在人类定义的规则上。设计师的能量在于他们可以制定和打破规则;所以,在一年后,我们可能将“美丽”定义为完全不同的东西。我们的行业有专业能力高或低的设计师,后者最终将被算法取代。然而,那些在必要时可以跟随和打破规则的人将会找到神奇的新工具和可能性。

此外,数码产品也越来越多,越来越复杂:我们需要支持更多的平台,为更多用户群体调整使用场景,并多做假设。正如青蛙设计的Harry West说的,以人为中心的设计已经从对象设计(工业设计)扩展到体验设计(包括交互设计,视觉设计和空间设计),下一步将是系统行为的设计:确定自动化或智能系统行为的算法设计。由电脑承担大量常规设计工作,而不是雇用越来越多的设计师。

原文链接: https://www.smashingmagazine.com/2017/01/algorithm-driven-design-how-artificial-intelligence-changing-design/

译者: 阿里巴巴/1688事业部/无线交互/舒舟

概述
作为设计师,在产品设计之初通常都会做用户调研并构建Personas,帮助我们更好的贴近和理解目标用户。B类产品中的Personas和C类产品有何不同?Personas在B类产品设计中有哪些价值?如何正确从数据中提炼和使用Personas?文章分三个部分来探讨这些问题。
• 背景概念:B2B用户画像特色(Buyer Personas vs. User Personas)
• 相关原理:是用户肖像还是用户画像(User Profiles vs. User Personas)
• 方法价值:数据+画像+直觉=好的产品设计(Data vs. Personas vs. Instinct)
banner0
注:Personas方法源于国外,相关英文专业词汇和中文专业词汇的对应表达会基于笔者的不同而有些许差异。

一、B2B用户画像特色
B类和C类电商交易的本质都是物质利益的交换过程。但B类用户和C类用户因业务采购流程的不同而有着不同的需求和期望。通常B类影响采购的决策者较多,采购周期较长。C类用户采购商品为个人使用,用户能够独立快速完成采购决策。这两点特性,导致销售和产品端将B类用户在采购决策前后区分为”选择者”和”终端用户”(Buyer Personas vs. User Personas)。对于B类设计师来说,区分这两者可以快速梳理出产品众多用户角色的本质区别,并从具体用户需求中再做同类需求合并,提炼出共性。最后,基于产品商业目标的不同进行用户画像优先级筛选和创建。

以下为B2B产品设计Persona推导流程图,以设计企业级“混合云应用平台”为案例。
final

最初涉及的相关角色可能更多,但不管有多少,都可以依据以上方法得出产品最核心的用户画像,了解他们最关键的需求。

分析数据、提炼用户需求这个过程,在用户调研方法中运用的最多的是Affinity Diagram。以下为练习例子:
personaibm
将不同用户访谈后得出的重点信息(具体需求)写在便利贴上(或Excel表中打印后切片),再在不同的用户间将分析过后的同类需求用线做连接(需求合并同类项)。以用户的口吻将处理过的需求描述出来(例如:当在1688上经营服装店铺时,我想要提高品牌知名度,所以我可以让更多买家信赖我的产品,以此提高销售额)。B类复杂的业务特性和众多用户角色的不同,更需要设计师和业务方紧密协作梳理出用户需求和Personas优先级。

二、是用户肖像还是用户画像?
描述你身边一个最熟悉的朋友。大家肯定都可以说出他们的基本信息、爱好、学历、性格等。根据这些信息,我们可以快速做朋友归类。再试想,你要帮助房产经纪推荐一套合适的公寓给你的朋友。如果将之前的描述直接列给房产经纪,他也许会凭借自己的直觉和经验,推算出你朋友可能的喜好。或者,你可以直接提供给房产经纪朋友期望的学区地段、周边服务设施、喜欢的餐馆类型、是否有在小区周围跑步的习惯等,这些具体影响他购房决策的因素。

前者我们提供的是用户肖像,是细致而全面的用户信息集合。后者我们提供的是用户画像,传递普遍影响用户行为和决策的内外因(已处理过的用户信息集合)。两者都是为了了解用户,前者帮助我们了解产品为谁设计?(这套房卖给谁);后者帮护我们了解用户为什么会有这个行为?(这套房为什么会被买走)。
profilevspersona

在B类产品设计中,我们很少能像用户的闺蜜,快速给出房产经纪一个贴心的用户画像。所以一般情况下,需要大量的数据调研收集用户信息,再基于文章前面所提到的分析判断、Personas需求归类方法,得出用户画像。

B类产品中是否能将用户肖像和用户画像价值放大,同时使用?
以阿里巴巴ICBU-CRM给销售使用的客户服务档案为例:
CRMprofile
从上图中可以看到服务档案中所呈现的信息都是单个的用户肖像信息。帮助销售了解服务对象是谁。在头部可以看到一系列需要售卖的商业产品。销售的操作流程是,也许要在5000个没有特别购买意愿的客户中做筛选,最终选定一位目标用户,到达以上页面。

要在10个种类各异的商业产品中给用户做推荐,该首推哪个产品?哪个最适合?如果这个销售仅是初级销售、渠道销售,或者其实不只10个产品可以做售卖,有20个、30个、40个;同时,这个客户也许长期专注于线下店铺经营,并没怎么接触过阿里巴巴的商业产品。这样以来,可供销售分析的客户数据也就少之又少。而销售的学习成本和沟通成本却成倍提高了。

用户画像在这个产品中是否可以帮助销售提升工作效率呢?
CRMprofile2
基于之前提到的B2B产品设计Persona推导流程,如果在产品设计之初,已对这10个商业产品做了商家画像(设计出了前台营销页面)。此时,Persona就可以直接展现在对应的售卖产品下方,给销售做参考。销售可以理解这是一个定性和定量,基于成功售卖的用户真实数据在不断迭代和优化的典型用户攻略:愿意购买此产品的用户都由什么内外因影响而做下单决策,有哪方面相关问题销售需要在售卖时对用户进行回答。这时,不管有多少个产品需要售卖,都可以快速帮助销售理清思路,进行对应推荐。做到人人都是销售…

一个清晰的用户肖像帮助我们了解用户真实现状,一个有洞见的用户画像可以更高效的为设计师、销售、市场、产品服务。

三、数据+画像+直觉=好的产品设计
pdata3
调研显示,大多数产品团队1-4年更新Personas。B类大型商业产品不可能持续高频做Personas更新和业务调整。因为B类用户对产品稳定性要求极高,一个小小的改变都可能会对公司造成不可挽回的损失。

很多互联网公司在产品设计前期会通过快速上线,使用Google Analytics提取用户信息高效制作Personas(类似于1688的A+,udata线上数据分析产品)。并通过持续提取和分析线上行为数据完善Personas,做产品和设计的优化迭代。
googlehungry

数据和Personas相辅相成。Personas也可以帮助设计师分析数据,避免淹没于数据大海。

例如,当查看网站跳失率,我们很容易只关注全部来访者查看了多少个页面后的跳失率。但这个数据其实并不是非常有建设性。不同用户从不同地方来到这个页面,对于页面有不同的期望。跳失率需要基于产品设计之初建立的Personas群组做逐个分析,才能发现更有意义的信息。

两组不同用户的Personas: A.每天通过邮件订阅信息,点击跳转至新闻页的忠实用户老王;B.通过搜索关键词来到新闻页面的市场管理者小李。同是来到新闻list页面,忠实用户老王跳走了,这个情况是可以理解的。因为我们可以假设他已经看完了所有的文章。而市场管理者小李跳走了,就需要分析原因:是否用户搜索的关键词和进入页面前的期待,与进入页面后所呈现的信息内容不匹配。而这时我们应该如何优化设计?

pd
以上,不被数据麻痹,不完全依赖用户,不凭空臆想。三者平衡,创建一个有洞见的Persona让好产品走的更远。

做过B端产品的产品经理或设计师都能感受到,B端设计与C端设计有众多不同,比如相对于C端产品乐于向用户传递趣味性,B端的产品更需要向用户传递利益性;C端产品设计更偏易学性,B端的产品更注重易用性。

同时B端的产品的设计还需要关注许多C端产品所不需要关注的要点,比如B端的产品和服务要关注企业运作的周期性,需要在企业生产的不同周期提供不同的服务;还需特别保证产品的长期性和稳定性,因为企业更换一个产品与服务的成本非常之大,所以企业更倾向与稳定的产品长期合作。除此之外,B端产品还有一个需要重点设计的内容就是——协作。

本文就是着重讨论B端产品中的协作设计。关于这点,首先我们先要了解的是:

为什么B端的产品设计中要关注协作?

(1)B端产品用户是一整个组织
C端产品的用户一般是具有相同特征的一群用户,他们会有相对一致的诉求和想法,其实产品设计者可以将他们看成同一个人(即用户画像)。但B端产品的用户往往是一群有很大差异的用户,他们是不同工种,有不同的工作职责和不同的诉求。我们的产品需要在不同职责的用户中建立好互通和协作关系,促使所有人的达成和谐与统一,才能很好的服务整个组织。

(2)B端产品的用户决策是个分权进行的复杂过程
一个企业做一个决策往往不是由一个人快速决定的,而是一个多人讨论、协作并需要经过不同团队审核审批的长流程。例如同样是购买过程,一个C端用户只需自己做出决定即可,但一个企业的采购过程为了规避风险则涉及到多个部门共同讨论和很长的审批流程,从物控制工程师提报采购需求,到采购专员的收集供应商资料,到品控人员的质量检测,再到成本核算部门……到最终总监拍板决定,整个过程非常复杂繁琐。在这个复杂过程中涉及到的多种角色,就需要能够方便互相共享信息,以便都能方便的比较多种参数信息如规格,价格和交货时间,最后达成统一的决定。因此,面向企业销售的采购网站可能就需要为决策中的更高效的协作而进行设计思考。
B类用户复杂的决策过程

比如设计师观察到企业采购过程会有互相讨论方案、纸质文件审批、向高层进行PPT产品演示等一系列协作过程,因此在设计面向企业销售的产品网站中就注意到提供产品清晰大图的下载功能,以便于清晰地打印出来,演示。也有一键发送到同事邮箱或者手机的功能,以便于多人协作决策。
(下图的例子为:Hermanmiller.com这个网站提供电子邮件将大图片发送给同事的功能,这就使B2B的购买者更容易发送他们的选择给同事。——例子来源于《B2B Website Usability for Converting Users into Leads and Customers 3rd Edition》)

hermanmiller.com提供电子邮件将大图发送给同事功能

(3)B端产品的使用过程涉及合作与工作衔接
除了决策过程,B端产品的使用也是多人多工种的协作过程,每个部门或每个员工完成其中一部分内容,然后流转到下一个部门与员工。甚至是多人同时进行或来回交叉进行任务流转。B端工具型产品就需要时刻考虑到工作进度在各个工作角色之间的同步,并帮助他们进行无缝的工作衔接来为企业达成高效的生产运输,从而创造效益。
例如我们工作中经常会写周报,主管会进行汇总,再上一级主管会进行再次汇总,这其实就是一个共同工作协作形成一个工作成果的过程。这一过程中就有许多需要为协作而设计的内容,比如如何让大家周报更结构化更易其他同事阅读?如何让汇总效率更高?如何让整个传递过程时间更短?这些都是值得思考发散的协作设计。

正是上述这些特殊的B端用户群体和有别于C端的集体化使用场景导致协作是B端产品特别需要注意的一个设计要点。

那么如何做好B端产品的协作设计呢?

协作中需要关注的三个主体

协作的过程中,其实就是一个信息与工作任务在各个不同人或角色之间流转的过程。所以要做好协作设计,就需要关注这个过程中涉及到的三个主体:即角色(人)、信息、任务(工作),三者之间大体的关系如下图所示:
协作中需要关注的三个主体

一个工作角色拿到上一个工作伙伴传递过来的信息,利用自身专业知识能力进行处理判断,并基于这些判断来处理任务,完成自己部分的任务处理后,任务有了更新,会相应产生新的信息内容;然后任务和新的信息将传递到下一个工作角色。 将多角色进行合并,就可以得到以下的简单化的三角关系图。(图中虚线的箭头后文会具体解释)。
简单化的三角关系图

协作设计的渐进式思考
那么梳理出这三个主体有什么作用呢,其实这三个主体可以指引我们逐步做好协作设计。我们可以逐一思考,为这三者做好了相应的设计。

协作设计的渐进式思考步骤

STEP 1:意识到多角色

首先我们要先意识到B端的产品往往存在着多角色,设计师需要反复自省是否有遗漏任何一个角色,特别是一些做出决策的重要角色。例如下图例子中,这是一个买家赊购服务的卖家开通页面(卖家开通这个服务后,买家能享受到先购物,过段时间再付款的赊账服务),此开通页面是挂在批发平台上,当时我们意识到B端的卖家大多是一个小公司,而在网上进行操作工作的主要是客服或底层的运维人员,他们看到我们产品说明页面并不能决策是否开通此项服务,更可能是从他们角度根本意识不到此服务有助于促进店铺流量。而真正对此项服务感兴趣并能决策的应该是老板,但他们却不容易看到这个卖家开通页面。所以我们在页面上增加了一个“通知老板”的一键通知按钮,以促进此消息能流转到正确的决策角色那。

赊购服务开通中通知老板的功能

另一个例子,我们在设计B端产品的“我的订单”时,考虑到来这个页面的会有多个完全不同的角色,如代销的售后客服人员、补货的采购人员、收货后对货的仓库货管人员等,他们在“我的订单”这个页面需要完成各自不同的工作任务。因此我们为他们分别设计了不同表格形式的“我的订单”以满足他们不同的工作诉求。

图1:为售后人员设计的订单管理跟踪
为售后人员设计的订单管理跟踪

图2:为采购人员设计的再次购买
为采购人员设计的再次购买

图3:为对货人员设计的对货核算
为对货人员设计的对货核算

STEP 2:同步信息

意识到多角色后,接着我们要为多角色设计出有效并且高效的协同。要保证这点首先要保证各角色之间信息流转的高效,即我们时刻要注意到现有的各个角色是否在第一时间能获取到一致的信息。这包含两个要点,即信息内容的一致性和时间上的实时性。
例如在做1688进货单的概念设计时,我们发现B类采购人员经常将进货单作为一种拟定购物清单初稿的工具。而这个购物清单需要多人多轮讨论,并且清单内容会进行多次更改,这时我们就需要考虑将这个清单信息实时同步到所有参与购买讨论的人,因此我们考虑在进货单上增加生成共享的预购清单功能,同时还需考虑到B类客户的共享场景中,他们与同事分享产品的最常用的方法,是复制网页的URL到电子邮件或IM,所以除了电子邮件和通用的社交产品的分享,还支持生成一个共享链接,每个人点击此链接都能看到实时更新的内容一致的信息。

进货单中的协作

STEP 3:减少工作

在考虑到多角色并为他们做好信息同步后,我们还能更进一步着眼于优化工作结构以减少工作量,提高工作效率。

(1)减少重复工作
最简单的,是寻找各角色各自工作中的重复部分,想办法减少重复工作。例如在下图的例子中,我们发现小电商卖家发货中有这样一个过程,运营人员首先将所有待发货订单导出成一个excel,然后将excel发给发货人员,发货人员发货后,填写运单号到每个订单后面,然后将更新的excel发回给运营人员,运营人员再根据excel中内容,在卖出的产品列表中逐个填写运单信息。从这个过程中我们就发现填写运单信息的工作进行了两次,所以我们很快想到要支持运营人员上传excel,自动匹配订单批量完成发货,从而减少填写运单信息这个重复工作。当然更优化的方案是让所有角色登陆同一个云工作平台进行工作,进一步减少重复的导出传递过程。
减少重复填写运单号的工作

(2)转移工作,优化结构
其次,还可以观察整个工作流中各个角色所需要做的各自工作,然后思考某些工作是否能转移到上游角色进行,越终极的用户所承担的工作应该越少。这样的好处

1、是我们所在的市场绝大多是是买方市场,提升越终极用户的满意度,越能促进转化;
2、上游的一次工作就能覆盖下游多次工作,提高整体工作效率
3、上游的工作比下游更能保证质量。

下图示意工作优化的流向

工作优化的流向

举例来说,电商销售中,一个标品的图片让每个小B直接去拍摄制作不如让大B统一制作再分发到小B,这样更有效率更有质量,当然如果平台能统一支持,建立标品图片库,那么大B也不需要去拍摄,就进一步优化了结构,提高了所有批发商的工作效率
另外一层的工作转移含义,是指帮助一个公司内工作流程中进行优化,让最终的决策者更满意,更容易做出决定。比如采购员的一个重要工作内容是需要向主管或老板提供几款候选产品的对比列表,或者需要做演示PPT对候选产品进行说明与宣讲,那么我们就可以考虑采购员的这个制作对比表格和演示PPT的工作能否转移到上游的产品供应商那,如果产品网站上直接能下载到更具营销色彩的产品宣讲PPT模板,也能下载选中的几个产品的参数对比列表,采购人员按自己需求略微修改后就能用,这样就能为采购人员减少大量工作,同时保证了产出的PPT的质量,从而更容易打动最终的购买决策者。

(3)减少角色
出来上述两个减少工作的方法外,其实还有一个减少工作的终极方案,即减少整个角色。那么如何减少整个角色?
首先我们来看一个例子,最早的发货单是下图1所示这样的,标红色字母处需要手动填写所有信息。可以想象一个生意非常好的电商需要专门雇人来手工填写大量的物流单子。
图1:早期快递单
早期快递单需手工填写

然后很快就出现了ERP系统,可以支持打印机打印快递单,如图2所示所有内容都是机打,这样就减少了一个填写快递单的角色。
图2:打印的快递单
打印的快递单

再后来快递工作人员发明了电子面单,如图3所示,创新地在顾客下单时就同时生成相匹配的订单号与快递单号,此举省去了将快递单号去匹配订单号的过程,不但减少了一个在订单上填写物流信息的角色,还减少了快递分拣员的角色(机器可以直接从物流单号中获取订单地址信息,自动分发到各个地区,不需要人工分拣)。
图3:电子面单
电子面单

那么是否可以再深入思考下,在这个物流流程中还能如何减少工作与角色呢?我们继续往下思考:现在发货过程已很顺畅,但顾客在收到货后不满意要退货的过程中,也需要进行很多工作,需要联系卖家获取退货地址,然后再填写退货信息。那么在订单生成的那刻能否不仅仅同时生成发货物流单,还能同时生成退货物流单?
如图4设计稿所示,那么用户退货时就不需要联系卖家获取退货信息并填写不熟悉退货地址,只需在原盒原单上填好自己的信息后退回就好了,并且不需要将退货物流通知到卖家,因为退货物流单在发货时就已经匹配好,并和发货物流单一起贴在了包装盒上了,这样进一步减少了我们终极用户的工作,有效提高了整个链路的体验。
图4:设计带退货信息的物流单子
设计带退货信息的物流单子

总结上面的例子,我们发现当我们设计出很好的信息流转与任务流程时,就能减少整个甚至多个工作角色的全部工作量!这时我们再来看上文所提到的协作的三个主体关系图,我们发现,当信息能直接支持任务,也就是说通过信息能够自动化进行各个任务的执行时,人的角色就可以不用存在了。
简单化的三角关系图

由此我们可以得出一个非常有趣的结论:
协作设计的终极目标是消灭协作!

关键词:兴趣派、创意团队、徽派风格、极简主义、表现异同、文化差异、产品本地化、产品国际化。

能工摹形,巧匠窃意。—— 毕加索
Good artists copy, great artists steal. —— Pablo Picasso

第一次看到这句话是在苹果公司总部的墙上,这也是早期乔布斯在访谈中所提到的:让自己了解和熟悉人类在各种领域的优秀成果,并尝试把它们运用到你现在在做的事情中。Macintosh团队中有音乐家、诗人、动物学家,而这些人也刚好懂电脑,所以Macintosh才会有和其他产品不同的体验。多样化的团队更有创意,更有创意的团队打造更好的产品并带来成功。我想这也是我们鼓励各种兴趣派开展活动的初衷。

11月初户外派自驾去了中国最美乡村——婺源。
清晨的婺源给了我这样的视觉联系。
wyfinal
图:从最原始的徽派建筑,到贝聿铭基于徽派风格设计的苏州博物馆新馆,到画家蒙德里安的系列作品,最后一张是进口无线组最近设计的二维码。

从建筑上出发,取其抽象元素,分析传统构成在现代美学中的运用是视觉创意的来源。但通过对徽派风格和极简主义更多的了解,发现背后的“交互思路”是截然不同的。徽派风格秉持了中国文化中的先抑后扬,外形简洁,屋内木雕极具匠心,并且被强烈的宗法思想影响,整个屋内是精神意蕴的大世界。屋顶的马头墙也把中国文化的一马当先、马到成功很好的借喻在其中。而极简主义是为了反对先前的抽象表现主义,去除作品对观者意识的压迫性,让观者自主参与对作品的构建。作者与观者有着流动的精神互动,从而形成一个完整的作品。
wuyuan2

流动的设计,因人的思想和自然变化而变化,这里不仅仅只是作者在创作:贝聿铭设计的苏州博物馆新馆运用自然光线投影作为设计辅助材料与观者互动;我们清晨在婺源拍摄徽派建筑群,利用雾气的渲染给安静的小镇罩上一层自然的滤镜。

每一天都是不同的创作。
%e5%a9%ba%e6%ba%90
表象类似,背后存在差异性。在商业产品中的例子是国内的滴滴打车和欧洲的BlaBlaCar(卟啦卟啦车)。同是当地主流打车软件,由于文化背景的不同,体验和营销侧重点也会不同。基于红包的传统文化,滴滴顺风车和拼车主打车主省油费,并且从车主思维角度出发做营销推广。乘客有优惠低价,再读读超赞车主故事。BlaBlaCar重点在于全级用户在狭小空间对于陌生人的信任和相处交流舒适度的体验升级。用户可以在个人信息中选择等级,Bla:让我静静; BlaBla:聊个五块钱; BlaBlaBla:让我们从东三省一路聊到海南吧!✧。٩(ˊᗜˋ)و✧*。

从小我们都被教育:不要和陌生人说话,不要进陌生人的车。但现在,体验的优化改变了人们对于信任固有的观念。相同的功能,不同的需求带来不同的体验,而不同体验的引导性设计造就人们日常固有行为的转化。
wuyuan3
如果说字、画、建筑是我们触摸历史最近的渠道,如今的互联网则是设计师传达自己思想的最佳媒介 (archive.org/web/ 真实记录和还原了国内外279万亿网站的每一个迭代上线)。文学家、艺术家、设计师作为先觉者、先行者、先倡者用自己的作品记录和推进整个时代文化的传承。

如果没有互联网,我们可能会从事其他行业,是互联网让我们走到了一起。我们所经历的生活,每一个人身上的特质都潜移默化的在我们设计中体现,影响着团队中每一个人成长,影响着翻阅和使用我们设计的每一个人。
wuyuan4
“The world is a stunning place, full of outstanding works of art… One lifetime is not enough to experience all cultures. But travel, especially while young, is an essential step to becoming more aware of other cultures and people. “

0
9月13日晚7:00,《UP夜校》第六期——《1688在这两年供应链模式的发展》如期举行。石岩和冯婷分别从产品和设计师的角度阐述了1688供应链模式的变迁,深入浅出,发人省醒。
1
石岩首先结合自己在番茄市场的实地调研,生动地引出话题——任何行业都有自己非常鲜明的行业特色。随后讲述了2009—2004年和2015年至今商业模式的变迁、核心业务的变迁、营收来源的变迁以及产品架构的变迁,并结合美国不同年代消费者偏好的演变、美国电子商务的变化分析了1688产品模式发生演变的原因以及我们所面临的机遇。结合时代发展大背景阐述了目前1688新模式下运营阵地和产品结构,并总结了产品结构变迁和运营模式变迁的几大特征。最后冯婷从设计师的视角以淘工厂项目为例阐述了自己对供应链的理解。
2
昨晚的分享干货很多,让我们看到了1688美好的发展前景,但是也很清楚所面临的挑战。我们可以结合嘉宾的分享,反思一下自己现在所做的业务,看看自己能做一些什么,也可以大胆预测一下,未来的供应模式会是怎样的,UP夜校期待你的分享~

感谢摄影派的辰七,为我们留下了精彩瞬间。

小调研:你有干货要分享么?你想听什么分享? 请戳:https://www.wenjuan.com/s/2eemmm/

0 8月5日晚7:00的《UP夜校》第五期可谓是一场知识盛宴,PD和UED的诸位大牛汇聚一堂,婷婷结合个人经历和过往产品设计的经验阐述了供应链探索的心得;小玉从自身专业出发,结合零售通业务阐述了供应链中的服务设计思维;最后,顺应业务发展的变化,望望和小帅讲述了对新岗位UX设计师的要求和期望。满满的干货让在场的小伙伴“应接不暇”。 01 虽然之前对婷婷有过了解,但万万没想到产品思维如此清晰的美女之前是学Java开发出身的。婷婷首先结合近几年业务的发展形象说明了供应链的推进势在必行,通过对买家价值的梳理以及对供应链模型的理解,自然引出目前零售通的业务架构: 选择通过与供应商联营模拟自营模型,提供确定性的商品和服务,引导买家与平台长期合作。通过对零售通目前各个角色以及生态的细致剖析,让我们对零售通的未来充满希望。 02 小玉是一个非常追求极致的全面发展的设计师,每次听她的分享都会有不一样的收货。此次分享小玉首先阐述了供应链目前服务生态的现状,并结合食物链的形象比喻表达了个人对供应链的独特观点:我们不消灭任何角色,仅仅是做桥梁。让角色间的衔接更高效、合作更顺畅。随后结合具体案例小玉给出了服务设计思维的三个关键点:1.以全局的视野理解问题。2.以系统的角度思考问题。3.以开放的观点激发创新。我们不妨按照这三点提示,有意识的将服务设计思维运用在以后的设计中,相信每个设计师都会有所收获。 03 最后压轴的望望和小帅分别阐述了UX设计师的特质以及具体要求。望望首先提出了现有UED的普遍问题:交互设计师和视觉设计师普遍觉得成就感不强。针对这种现状UED设立了新的岗位UX,UX设计师可以细分为三种类型:1.理性感性全面发展,比如女神。2.偏理性,比如小帅。3.偏感性,比如大师。发展通道有两种:1.“全能”用户体验设计师,渗透上下游。2.“创意”视觉设计师,用艺术和美的品味塑造个人风格,打造业务品牌。小帅首先带大家一起回忆了UED的岗位观以及设计观,随后详细阐述了新岗位UX设计师的要求,对于不同级别的设计师,自下而上需要有见解鲜明、感觉敏锐、技法突出、匠心独具、从容驾驭、独树一帜的特质。虽然目前UX设计师有一定的门槛限制,不过这个不是最关键的,相信听了望望和小帅的描述大家会更清晰的知道自己未来的岗位规划,以及组织上对我们的期望,每个UED的同学肯定都能找到最适合自己职业发展的那条道路。 04 昨晚干货太多所以大家可以结合嘉宾PPT慢慢消化:PPT云盘链接

感谢摄影派的屠钰钦,为我们留下了精彩瞬间。

小调研:你有干货要分享么?你想听什么分享? 请戳这里:https://www.wenjuan.com/s/2eemmm/

夜校四期 6月16日晚7:00,由网站产品部与用户体验部联合举办的《UP夜校》第四期——《1688基础产品体验优化项目分享》如期举行。妙乐和梅郁分别从产品和交互设计的角度阐述了基础产品体验优化的心得,干货满满,在场的小伙伴收货颇多。 1 妙乐结合无线端大额支付以及生意参谋两个案例分析了现有基础产品的体验问题:产品割裂,缺乏整体规划;持续优化计划缺失;部分产品变为无头案。针对现有问题提出了1234的针对性解决方案——1个小组,2 个机制,3个月,4个输出,同时给出了详细的项目效果评估机制以及关键节点的项目产出。思路清晰严谨,分析透彻细致。 2 梅郁首先结合UED最熟悉的五导家阐述了现有基础产品为何会产生那么多的体验问题,有些是因为我们为了赶工忽略了用户诉求,有些是因为在做小功能叠加的时候直接忽略了设计目标,这些问题值得所有UED的小伙伴反思。 3 随后梅郁结合生动的案例指出了设计师需要注意的几大问题:1.补上用户角色,明确设计目标。2.易用性和易学性的抉择。3.区分功能和需求。4.逻辑与场景的权衡。讲述风趣幽默,结合现场互动,让晦涩的理论变得有趣易懂。 4
现有的基础产品体验确实存在诸多问题,但是通过妙乐和梅郁的分享让我们对体验的优化充满希望。当然基础产品体验不是一两个人的事情,也不是一个项目组的事情,应该群策群力,大家一起为网站的体验优化贡献一份力量。

小调研:你有干货要分享么?你想听什么分享? 请戳:https://www.wenjuan.com/s/2eemmm/

妙乐PPT:http://yunpan.alibaba-inc.com/share/link/N3VTS7mj4p
梅郁PPT:http://yunpan.alibaba-inc.com/share/link/S3VTS7ijuO

感谢摄影派的苏林,为我们留下了精彩瞬间。

icon-testing

【译者注】
图标在页面设计中被广泛使用,图标设计的好不好、图标应用效果如何,是设计师非常关心的问题。本文作者提出从发现性、理解性、预测性、吸引力这4个方面来评价图标,也为图标设计构思提供了一个方向。

引言
设计师经常使用图标来节省页面空间、提高用户识别速度。随着像智能手机、可穿戴设备等这些小屏设备越来越流行,图标的使用也更多了。但是,这些图标是否可用?唯一的方法就是对这些图标进行用户测试。

如何进行图标测试
不同方法可以解决图标可用性的不同方面,判断图标是否可用可以从以下4个量化指标来测量:
1)发现性:用户能否发现页面上的图标;
2)理解性:用户能否理解图标的意义;
3)预测性:用户能否猜到图标点击会发生什么;
4)吸引力:图标是否美观;
以上4个指标都是图标设计中起着关键性的作用,但需要独立去思考如何来提升。

图标测试方法
图标评价的方法有很多,要根据评价目标和所处的设计阶段来决定测试方法。图标评价方法可以分为2大类:无背景的图标测试、基于背景的图标测试,区别在于图标测试时,是否将图标放在页面中进行用户测试。无背景的图标测试,就是单独用图标(测试素材只有图标,没有页面)进行测试;基于背景的图标测试,就是图标放在实际的页面中进行测试。
需要注意的是,尽管采用无背景的图标测试,受测用户也必须目标用户,熟悉产品行业并有相关背景知识或概念。

发现性测试方法
为了评估图标的发现性,需要将图标放在页面中实际位置,基于背景的图标测试可以用于判断:多个相似的图标放在一起是否会导致用户找到目标图标会比较困难,或者放在太隐蔽的位置或周边有很多广告导致图标被用户忽视。
查找时间测试是用于判断用户能不能容易地发现图标的最好方法,在测试过程中,受测用户需要按任务点击图标,计算受测用户成功找到目标图标的操作时间、首次点击准确率。

理解性测试方法
理解性测试最好进行无背景的图标测试:只向受测用户呈现单独的图标(而没有页面内容),让受测用户猜测图标所代表的意义,在某种意义上来说,这种测试也是洛夏墨迹测验的一种方式。这个测试的目的是保证图标能够被用户容易地理解。
从用户的描述或词语中来获得用户对图标的理解,如果用户的理解与图标想要表达的意义/内容不相符合,那就意味着需要重新构思图标,重新设计图标。
我们知道图标都伴随着文字标题,你可以会认为:先向用户呈现图标的名称,再让用户从多个图标方案中选择一个与名称最匹配的一个图标,这种测试方式更为合理。但是我们不建议使用这样的方法测试,因为在真实使用场景中,用户很可能只看图标,而是不看图标名称。因此,在测试时使用以下方式更加合理:以某种方式让用户知道需要在这个页面上查找某个功能,从而找到对应的图标。

预测性测试方法

不仅需要用户理解图标的意义,而且还需要预测图标代表是是什么功能。实际上,即使用户不知道这个图标是什么/叫什么,只要用户知道图标所代表的功能就够了。
用于评价理解性的无背景图标测试方式同样可以用于评价图标的预测性。然而,预测性测试不是简单地问用户图标代表了什么功能,而是当图标点击后,用户期望发生什么。不像理解性测试一样,在理解性测试中,需要向用户简单(但尽量少)描述一下图标所在系统/页面。例如:告诉用户手提箱是电商网站的一部分,请用户找出能够代表的图标。在预测性测试中,不能告诉受测用户网站的任何具体信息,也不能告诉用户任何产品相关的功能。通过这种测试方式,可以了解图标的用户心智模型。
另外,如果有多个图标方案,A/B测试也可用于判断出哪个图标的预测性最好。对于A/B测试,需要分析不同图标下的用户行为差异,同时需要分析用户是否存在这种现象:点击了图标然后又马上返回到前一页。这个现象是一种探索行为,通常说明图标的预测性比较差,表明用户点击图标后,对看到的内容不满意,从而返回原来的页面。在测试不同的图标图形方案时,不同图标需要放在页面相同的位置和使用相同的图标名称,保证没有其它因素影响了用户行为。

吸引力测试方法
图标需要进行吸引力测试,因为最普遍目标是使用图标来增加用户的吸引力,但不能保证所有图标的吸引力都很好。在图标吸引力测试中,既要进行单图标测试,也要进行图标组测试(一个产品或页面会有多个图标,一个产品或页面的所有图标称之为图标组)。
吸引力测试的最简单方法就是用户对图标吸引力进行1-7分的主观评分。如果有多个图标方案,叫用户选择一个最喜欢的图标,并解释对某个图标喜欢/不喜欢的原因。最后从多套图标组选择中,选择一套最喜欢和最不喜欢的图标组。图标组测试主要是为了避免整套图标大多数图标是好的,只要修改少数几个图标,整套图标就可能是最适合产品/页面的图标组。

标准的可用性测试与图标测试
标准的可用性测试可以发现一些图标问题,但不能准确地发现图标的所有问题。例如:在测试过程中,用户被其它一些页面元素搞得不耐烦,甚至不能完成操作任务。即使图标存在问题,但不准确地发现图标的具体问题在哪里:是用户没有识别出图标,还是用户不能理解图标的意义,还是用户没有发现图标?
由于存在多种可能的原因,所以不能单靠标准的可用性测试来评价图标的可用性。

产品开发周期
与用户体验研究方法一样,选择测试方法时需要考虑产品所处的项目生命周期。
1. 规划期:在早期的概念阶段,主要使用有利于形成概念、探索多种设计想法的测试方法。在这个适合进行无背景的理解性、预测性的图标测试,用于判断图标使用的可行性和确定合适的图标心智模型。
2. 执行期:在设计和实现阶段,主要使用有利于持续地帮助系统设计出最好的图标方案。一旦图标方案是可理解的,主要持续地进行无背景的图标吸引力测试,直至得到吸引力优秀的图标为止。接着进行有背景的图标测试,将图标放在真实页面中,让用户去查找目标图标,图标查找时间测试用于量化评价图标的发现性。可用性测试(开始使用纸面原型,后面使用高保真原型进行测试)可以在图标意义理解性与可发现性方面给我们更多的发现。
3. 评估期:产品一旦发布,图标测试主要用于评价图标上线效果、帮助图标持续优化。基于可用性测试的基准测试、图标查找时间测试可以定期开展来跟踪效果。在图标持续优化的过程中,A/B测试是衡量和选择图标方案的最好方法。

原文链接:www.nngroup.com/articles/icon-testing

夜校三期 UP=UED&PD,是由用户体验部与网站产品部联合举办的UP夜校,目的是希望UED同学与PD同学能够有一个在工作之外一起交流与学习的平台。

《UP夜校》第三期由云市场项目组的阮挺杰和阿里女神李恬带来《创新型业务协作》的分享。 1 云市场的PD挺杰首先简单地为大家介绍了产品的一些专业知识,包括产品的生命周期以及不同阶段产品和业务需要做哪些事情。不愧是大牛,简单几句话就让我们分分钟涨姿势了。 随后挺杰以市场方、档口主、买家三个用户角色为切入点,为我们介绍了云市场生态——为市场方和档口主提供工具支持,为买家提供采购与服务平台。 2 作为一个PD,场景图做成这样真滴好么,为啥不转行做UED嘞。 3 挺杰就云市场的几个重要产品做了简单介绍,包括市场内WIFI、室内地图与导航、市场百屏等等,满满的干货让在场的小伙伴收获颇多。 4 阿里女神登场啦,李恬从沟通的重要性、工作中的沟通技巧以及工作常用沟通密码等几个维度为大家讲述了沟通与协助的知识,结合在工作中遇到的经典小案例,形象生动。人那么美,情商又那么高,让我们情何以堪。 5 不愧是阿里女神呢,看小伙伴听得一脸幸福。 7 随后就云市场商品信息化女神提供了几个解决方案:工业化摄影设备高效高质量图片输出、自动化后期插件接入、自动化排版工具。 6 图为小伙伴与分享嘉宾互动。 8 相信有如此优秀的项目组成员,云市场会越来越好,让我们拭目以待。

嘉宾PPT云盘链接:http://yunpan.alibaba-inc.com/share/link/I3VT179jeM

感谢摄影派的王超,为我们留下了精彩瞬间。

下一期的分享嘉宾会是谁呢?大家猜猜看。

【译者注】为企业产品做设计,设计师经历的最大困难往往会是应对产品的复杂性。译者读过的诸多解决复杂设计问题的文章中,要么是从设计专业角度去解构分解问题,再剥离难点逐个击破,要么是从源头分析,对设计需求做简化和平衡去控制复杂度的影响范围。本文则从管理人员和意见、产品设计本身两个方面去应对复杂性的难题,特别适合以拥有“复杂业务逻辑构成的中后台产品”和“复杂成员身份组成的多元化团队”为标志的1688,也推荐给各位toB产品的设计师看看。

我写过一篇文章:《数据驱动的界面设计》,在大家对它展现出前所未有的热情和兴趣后,我觉得应该聊聊与此类似的重要话题:管理复杂性。

项目进行过半后,当设计师做设计概念提案时,如果没得到任何微笑、点头确认等形式的反馈, 各位一定明白那种令人不安的感觉。它有时会带给我一种被吓尿的感受,因为你知道还有很多复杂问题没有浮出水面,待基本问题解决后才会出现。假使你无法搞定它们,你的产出会受到影响,甚至会导致产品被扼杀在摇篮之中。

产品设计中的复杂性以两种方式呈现:1)管理人员和意见的复杂性。2)产品设计本身的复杂性。它在产品设计中并非像功能、用户和涉众那样显眼,因而让我吃过一些亏。在此我愿意分享一些见解,帮助大家学习如何在大型设计项目中应对这些复杂性。

改变对话方式

我们从改变对话方式开始,因为这是一个面向管理设计项目的主题。作为设计师,我们经常从其他设计师那里接过项目或者需求,并接受它们的现状。刚开始我们在只掌握了很少信息的情况下,都会试图把设计做好,但往往会因为应对不断变动的各种限制,被迫在设计上妥协,最后结果只能是令人失望的。

产品设计困难的一部分在于高风险的环境中,会夹杂许多人的意见。可悲的是,设计的发声还不属于这些意见之中。许多设计师很自然的就开始抱怨公司的业务,其实应该责怪的是设计师本人。

“作为设计师的责任之一就是改变对话方式,我们需要教育客户、老板和团队如何制定成功的设计流程。”

这并非易事,有时候我会觉得设计理念的宣讲是对牛弹琴,但它确实没有捷径可走,我可以分享一些技巧看看是否对大家有帮助。

预先引导

项目启动时,我会给相关涉众快速介绍设计流程,展示关键阶段和期待的设计交付。然后在项目的不同阶段,我会提醒各位目前项目进展以及接下来的目标是什么。

1
图1、流程案例与交付时间线

为了更好的解释流程,我认为说明“何种反馈是我期望得到并且何时得到”非常重要。有时候我甚至会解释反馈为何是必须的。如此一来,各方对如何帮助设计成功就建立起了共同的责任。

向上交流

无论何时启动一个设计项目,我都会要求跟老板见面。通常是CEO或者我能够触及的最高级别负责人。我希望从他们那里直接了解愿景及期望结果。

我会对此进行详细的记录,并视图捕捉与愿景和期望有关的情绪与声音,在宣讲设计决策时可以派的上用场。这点很有效,因为没人愿意与老板争辩。

当事情变得像往常一样混乱时,我试着将我在与老板的沟通会议中听到的内容重新强调。作为设计实践者,我们的工作就是以优雅的解决方案实现公司的愿景,没有比“来自管理层的声音”更好的方式来跟大家沟通全局形势了。

共情理解

在需求挖掘阶段,我们习惯将执行者与关键涉众召集在一个房间里,让他们描述对客户的理解。此时的目标是让涉众卸下防御,回头从共情的角度来思考产品。

我们使用了一种名为“共情地图”的设计方法来方便展开讨论。前提很简单,询问你的涉众“不同角色的客户在想什么、做什么、说什么、听什么以及感受到什么”。我们经常在产品的某个具体场景或者交互细节里为2-3名关键人物角色去使用共情地图。

2
图2、来自团队各方对共情地图一知半解的描绘

在一系列项目中使用这项技巧之后,我们得到了惊人的一致反馈:“这是大家第一次跟所有高管在一个房间里谈论我们的客户,确实很有见地”。因此我们沿用了这种方法,正如上图所示。

初看起来有些做作,但跟系统真实用户任务及洞见挖掘联系起来时,这种方法就很有效了。在许多情况下,那些我合作过的从未参加如此严格设计流程的涉众们,恰好从此开始以良性的方式帮助我们建立了设计权威。

知悉频度

如果你正在对现有产品进行整顿,经常会发现一大堆功能有必要在重设计时进行调整。大型软件研发的常见问题是,往往使用一套设计方案去适配所有情况。换句话说,用固有的产品形态应对不同的用户及场景。这类产品如有标签的话一定会是#复杂的#。对接这样的项目是很有挑战的,只有熟悉用户的使用频度才能成功。

了解一个功能、页面、标签或者输入框究竟有怎样的使用频度,能帮助你很好的处理优先级。这样可以非常有效的找出客户每天使用及划掉从来不用或者使用很少的功能,来帮客户梳理已有页面和元素。这就是我们常说的80/20法则(选出80%时间使用的功能并划掉其它功能)。

3
图3、要求客户勾出频繁使用的内容,划掉几乎不用的内容

上图是某个项目中我们为具体用户角色抽取关键因子的产出。目标是了解人们经常使用的功能以便在重设计流程中做好优先级排序。


找准始末

多数情形下产品意味着终结,产品的需求通常来自某处,对应某处进行产品的输出。

人们很容易陷入像素级别设计的细节流程之中,而忽略产品的开始和终结。用户不大可能在未受干扰的情况下,在适配的视网膜屏幕上紧盯你的产品细节。你应该更多的问自己“信息从何处来?”以及“信息接下来要去哪里?”

这些问题的答案对理解你app的上下文有关键作用。你产品所处生态系统的复杂性对设计的影响巨大。你可能获悉你的产品与超过30个的其它窗口在桌面并存,你的产品主要用于户外的平板电脑上或者其它意想不到的用途。

4
图4、走访中了解到人们使用截然不同的方式来使用产品

上图即该思路的实战案例。在现场采访中,我们将用户实际使用产品的情况与从涉众处听到的情况进行了对比,令人惊讶的是,每一个参与用户使用产品的方式完全与想像不同。

弄清楚用户集中使用什么功能,对其它产品和任务的关注度如何,决定了我们自身产品的重设计策略。

平衡可发现性及易学性

在手机上下载新app时,在应用商店只有一小块区域供其展现关键价值,如果无法引起人们的兴趣,那么这个app可以说已经挂了。这就是提升可发现性的原因,作为一个消费者你可以选择使用该产品,也有可能是你忽略了它而别人在使用它。

这类可发现性的不足甚至在企业级软件中也经常体现。我们已经听到客户有关“对用户无法找到某项功能的担忧”的批评,因此我们得让这些功能更加突出或者更容易被发现。如果经常这么做会怎样?没错,事情变得更加复杂更加糟糕。

这就是我们经常为易学性发生争论的地方,并非每个功能都需要大张旗鼓的宣传,用户能轻松学会有些交互,好的交互能让用户使用一次就学会。

这就是关键问题,复杂系统需要在可发现性的代价上对功能做优先级排序。我们的任务是揭示用户的主要用例并且让它们尽量符合直觉。用户绝非需要去“发现”这些常用功能,正如他们不应该在使用产品的时候依赖文档。

清爽度与清晰性

企业级产品的一个极大挑战是如何管理信息密度。页面上出现太多信息会将用户置于太过直观的繁杂中,太少信息则不容易形成有意义的见地。那么,它们如何平衡呢?

1、清爽度

有时你得在狭小空间容纳许多信息,而不是将其全部展示。此时,我们一般建议使用渐进式揭露策略来梳理界面,这是一种用户兴趣驱动的信息保真度的原则。

5
图5、渐进式揭露-兴趣驱动的进阶信息展现

上图即这种思路的案例。界面上的结构式信息中仅有核心元素是可见的,更多细节信息在用户需要时再作立即呈现。当然这样造成洞察速度受到一定影响,但你能得到一个更清爽更简洁的用户界面。

2、清晰性

另一方面,有的产品需要主干信息具备一定可见性以便顺利完成任务。金融、医疗保健和电商等行业的产品具备众所周知的复杂度。

当不得不保持一定的数据密度时,尽量做到在清晰性上的精细展示。使密集的用户界面更容易辨识的做法是利用超一致清晰的视觉语言。

6
图6、系统性的使用颜色、字体和标签来确保界面干净和简洁

这种一致性意味着实行极具约束性的规则:

字体变形

按钮样式

简单导航系统

与系统有关的:

颜色选择

标签

微文案

以上都形成了一个优雅的方案。这个话题当然需要更全面更深入的描述,我们暂且聊到这里为止。

标志性的动画交互

过去我们曾花费无数时光专注在设计各类线框图及与之相连的各种线条、方框与箭头。更糟糕的是,这样的交付物无法让客户更好的理解并导致错误的假设,引发令人费解的讨论。

我们在展示动效概念时无数次观察到观众兴奋的表情,因此我们开始在标志性的交互环节使用基本动效来传递设计意图。

7
图7、早期进行导航概念动画设计有助于改变静态设计沟通困难的现状

即时是使用基本的灰色线框,这些动画也能消除沟通的歧义。它并非完整线框图的替代品,但确是一个能帮助人们在同一个设计上化繁为简的利器。

满足需求并超出期望

亨利.福特最著名的格言很精准了描述了它“如果我问人们他们想要什么,他们会回答更快的马。”

客户经常需要“更快的马”,甚至可能对它的外观和工作方式有一定想法。是否相信它时常引发不必要的复杂性。正如大多数设计师一样,我们经常被要求设计一些无法使人兴奋的功能。然而,完成需求很重要,但完成正确的工作更重要。

这可能被看作对创新概念的呈现有所忌讳,尤其是这些概念都并非需求范围。当对如何改进和简化有了一定想法时,我们尝试创建一个极点视图并让涉众以全新的视角来思考问题。

8
图8、展示超出期望的想法或许能引发创新思考

我们的目标是通过基于依据和数据的理性执行,建立与客户之间的信任。我们不断挑战假设,将周到的想法摆上台面沟通,客户通常尊重并且普遍接受这些事实。

结论

设备、app访问数据的变化导致设计以令人激动的方式进化着。不到两年之前,为笔记本、手机和手表而设计的思想还比较罕见,如今却成为设计必备基础。交互设计的格局不断壮大,对复杂性的管理能力也要求更高。

过去的日子里为诸多客户打造伟大产品的经历如此有趣,如果有幸与你类似,希望这些想法能为你的下一个设计项目带来启发。

原文地址:

https://medium.com/truth-labs/designing-complex-products-8f9289ab26c9#.ijjaoq7po

译者:
阿里巴巴1688事业部/无线UED/舒舟

0 UP=UED&PD,是由用户体验部与网站产品部联合举办的UP夜校,目的是希望UED同学与PD同学能够有一个在工作之外一起交流与学习的平台。目前夜校每两周举办一期,围绕全网产品体验一致性规划思考,Work-平台整体规划,DPL模板落地,优秀作品案例,专家经验分享以及客户原声学习、讨论等课题展开。

《UP夜校》第二期由高级产品专家张建忠带来《1688全网产品体验一致性规划思考》的分享。 1

建忠首先对网站现有的主要问题进行了透彻的分析,结合SAAS类等竞品提出1688网站在体验一致性上的发力点,针对产品体验一致性的目标、实现策略及节奏发表了个人的独到见解,在场的小伙伴收货颇多。

2

针对1688网站现有的体验一致性问题建忠提出了“约束增量,改进存量”的改进策略,对现有的业务结构进行了梳理,希望能从新产品开始发力,逐步优化老产品。 3

用户体验部的望望也就网站体验一致性的问题发表了个人见解:如果我们从新产品开始优化,那如果新产品和老产品混杂在一套系统里面,仍然不是最好的体验。B2B中台DPL即将建成,我们能不能借助DPL,实现整个1688网站后台的整体升级,这样既能敏捷开发,也能更优地实现体验一致性。 4

现场的小伙伴和两位老大就网站一致性展开激烈讨论,相信每一次的思想碰撞都会让1688网站变得更好。 5

你对1688网站体验一致性有什么见解么?欢迎大家一起参与讨论,我们一起来共建。

WUP夜校

UP=UED&PD,W=WE,WUP=我们上夜校。此次由用户体验部与网站产品部联合举办的UP夜校,目的是希望UED同学与PD同学能够有一个在工作之外一起交流与学习的平台。夜校会围绕今年网站的业务重点、难点,例如供应链管理、体验一致性等等展开。

《WUP夜校》第一期———《1688中台DPL分享》,60多位小伙伴来到分享现场。石校长和望校长的精彩开场,嘉宾的干货分享,为我们的《WUP夜校》定下基调。大家满满的收获,也让我们对后续的夜校课程充满期待。

望望、石岩分享 用户体验部与网站产品部的掌门人对今年B2B的形式及发展方向进行了阐述,激励大家在B2B的发展道路上走的更远、更深。

主持现场 帅气主持的开场,为我们介绍WUP的来源及我们后续的计划与目标。爆满的现场体现了UED与PD同学的求知欲。

嘉宾分享三位分享嘉宾分别从中台、技术和业务的角度为大家介绍了DPL的来源、构成、实现及落地。DPL的开展为我们的1688全站体验的统一性提供了非常大的促进作用。

现场积极提问和讨论的同学获得阿牛白膜作为奖品。

1688骨架DPL已成功发布,有兴趣的同学可以回复评论,我们私下聊。

SMILE Design 每一个创新的方案不可复制,虽然我们都非常希望能提供一个简单易行的创新秘方,以保证每个项目都能成功,但是创新的稀缺性,恰恰决定了每一个成功的创新都是方案都是不可复制的,但其中的很多成功创新的案例中的基本规律和方法是可以借鉴的。在错综变化的商业环境中,我们需要快速响应并不断创新,在追求价值创新的极致体验中去打造“我绽放,你微笑”的设计。

几年前,一位家具设计师朋友问了我一个问题:“你认为互联网行业的设计与传统行业的设计有什么区别?”当时我回答他,说:“变化的速度”。 而时至今日,很多传统行业也开始踩着互联网的风,加快了发展的脚步。这让我想到龟兔赛跑的故事:兔子在乌龟爬了很久后醒来了, 开始飞快地跑,很快便把乌龟远远地抛在了脑后。乌龟发现自己的速度是不可能赶上兔子的,它想到一个办法:它利用滑板去加快自己的速度,慢慢便赶上了兔子。

 

虽然这只是一个故事,但事实上,现在很多传统行业已经开始步入了自己的互联网+时代。因为在全球化信息时代,科技正在改变着商业的方方面面,各行各业变化的速度空前,而且仍在加速。万能的淘宝让我们可以随时随地购遍天下物,各式各样的创新服务不断丰满你的口袋。而在许多行业中,一些多年以来的准入门槛也不复存在,现存的企业极易受到竞争和干扰的影响。

寻求差异化竞争

先来看下艾媒咨询在今年1月份发布的2015年中国几类APP的排名情况:

不知道视频类的APP大家的手机上装了几个呢?如果视频内容源都相同的话,我相信基本上大部分人只会装一个体验最好的,足以满足看视频的需求,但由于很多视频内容是被各大网站分别独家买断,以至于在寻找那部分视频内容时,我们不得不到另外的视频应用APP中观看。还有城市出行类APP,从因为服务内容相对集中,主要是:打车、代驾、租车等,同质化比较严重,市场竞争也就更加激烈。另外还有一些旅游酒店、地图、社交、新闻、音乐、等等,这里就不一一列举了,从这些排行榜中,除了看到各领域的APP的TOP排名,我们也发现各行业的市场竞争已经非常激烈,各同类性的需求被多样化地满足、甚至被饱和性的满足。

那么在竞争日趋激烈的商业环境中,我们如何占据一席之地,甚至抢占竞争市场的顶端位置呢?——寻求差异化,呈现不可替代的唯一价值。正如彼得·蒂尔《从0到1》中推崇的 “从无到有”的价值,或者说“道生一”的智慧:通过创新,给人类带来更多可能性,创造新价值,让整个市场蛋糕变得更大。 我们回归设计本源——用户需求,但在竞争激烈的商业环境中,需求是设计的本源,但也只是设计空间中的一个基础功能面。用户需求如何转化成设计,并最终服务于用户的过程中,服务体验的高度决定了市场的份额,谁能赋予更好的体验,便能获得更多的青睐。而当体验走向极致的时候,创新便出现了,创新带来新的体验,也带来抢占全新的市场的机会。

体验价值模型

基于商业环境下的服务设计,我们把体验价值分为三个层次:

1、功能价值:设计是具备功能价值的,即能满足特定的用户需求,这决定设计的目标受众,也就是用户的范围。但在竞争市场中,你如果只是同类功能产品的其中之一,那么你就很可能只是目标用户的备胎而已。

2、体验价值:在满足功能需求的基础上,体验能超出用户的期望。体验价值会影响用户的黏度,因为拥有了良好的体验,你就有机会在众多同类产品中脱颖而出,就有可能成为用户的首选。

3、价值创新:创造全新的体验,同时赋予用户不可替代的新价值,即便是同类性产品,你也就具有了差异化的特性,给人映像深刻的第一次。人的大脑更容易被新的事物吸引,从而被感动,借由第一次的感动及时机,便赢得了抢占市场的先机,成为用户的唯一。有一个经典的例子:在一群马中,跑得最快又持久的应该是其中最优秀的一匹,而汽车的出现则直接颠覆了马车时代的交通工具。

一个用户体验好的设计,必须具体功能和体验价值,而一个创新的设计,就需要同时具备:功能、体验价值和价值创新。因此创新是建立在功能价值和体验价值基础上,创造出可行的、更优的、崭新的解决方案。

如何打造有效创新

了解了不同层次的设计后,我们一定也是希望致力于进行创新设计,提升竞争力,从而带来更大的商业效益。那么如何在设计过程中去打造有效创新呢? 有两个大家熟悉的例子:Airbnb和Uber

Airbnb创立于2007年,当时住在美国旧金山的两位设计师——Brian Chesky与Joe Gebbia,他们正在为付不起房租而困扰。为了赚点外块,他们计划将阁楼再转出租出去。传统的做法是在Craigslist网站发招租帖子。但他们没有这么干,他们不希望自己的信息被淹没在各类招租广告中。而当时城里正好举办一个设计展,周边的旅馆都被订满了。于是他们结合展会,自己动手建一个网站,开始招徕“家庭旅店”的生意,以及供应家庭自制早餐服务的承诺。很快他们获得了3个租客。他们于是将这一做法复制到其他大型集会,七年之后,当年的Aired & Breakfast已经成为了享誉全球的Airbnb,其夜间租住的房间预定量甚至一举超过了酒店巨头希尔顿。截止2015年,Airbnb在全世界190多个国家拥有一亿两千万个房源,平均每晚有40万人住在 Airbnb 提供的房间里。

Uber的创立也很类似:Uber 这个通过整合社会资源,做到随时叫车服务应用的想法,正是创始人兼CEO特拉维斯·卡拉尼克(Travis Kalanick)在雪天打不到车而产生的。

在两个案例中,Airbnb和Uber的创新都是基于对空闲资源的再利用,通过提高闲置资源的利用率从而获得最大收益。同时我们也发现这两个创新的成功案例都是源于困境的一些痛点,当把痛点转变为爽点时,最有效可行、便能给用户带来幸福感的创新便诞生了。

类似的案例有很多,我们也尝试去梳理出一些规律:有效的创新大都是诞生于困境之中,当这些困境受到一些特定的束缚条件,便会把矛盾激化,而为了把矛盾变有爱,把束缚变成效,最佳的创新方案便诞生了。而这种矛盾的转化过程往往没有直达的捷径和固定的套路,必须需要经历了一番洞察、巧思、和速行,这个过程便也是最佳创新的诞生之源。 同时我们也会发现从困境(Strait)、束缚(Manacle)到有爱(Lovely)、成效(Effective)的过程需要:洞见(Insight)/巧思(Ingenious)/速行(Implement)。

而这条从SM-I-LE另辟蹊径的道路刚好构成了一个SMILE(微笑),因此我称之为SMILE Design(微笑设计)。另外也希望借由Smile(微笑)一词,把用户目标的预期更显象化,每一个创新方案的提出,一定是对现存方式或服务提出更好、更有效的新的解决方案,以消除用户的痛点,把用户从原有的困难与束缚中解救出来,除此之外还应该以创造非常有爱的方式以激发用户内心的愉悦,最终能带给用户微笑的极致体验。

而另外,对于设计者的心态而言,我们亦是心怀美好的憧憬:竭尽全力的极致,只为博得用户会心微笑。而如果是能带来长久、持续的微笑效应,还需要打造一个共创的循环,不断进行迭代和升级。

创新三维

在SMILE Design 中,Insight(洞见)-Ingenious(巧思)-Implement(速行),是创新的过程,也是正是Innovation(创新)实践过程中的三大核心要素,我们可以称之为“创新三维”。

洞见(Insight)

洞见的过程其实就是寻找灵感来源的过程,发现困境和束缚的矛盾点,便找到了问题,接着通过还原用户场景去对问题进行剖析:

1) 用户是谁(Who)、在什么样的场景(Where)、遇到什么问题(How);究其本质根源是什么?

2) 另外还需要判断这本质根源是否具有共性,而非某一用户个案需求。

3) 如果是是普遍用户的共性痛点,那我们就可以依次来确认设计目标。

举个例子:我们在做用户调研的时候,有用户反馈:“下单流程不方便,希望能够增加导入收货地址的功能,可以快速填写不同收获地址进行批量下单。”如果不管用户的本质需求直接增加此功能,其实会觉得是一个比较莫名其妙的功能。于是我们还原该用户场景时,发现:这是一个有代销行为的B类买家,在进行代销下单的时候,需要直接填写下游终端消费者的收获信息,而这类订单经常需要对同一个商品填写多个不同收获地址,需要不断重复填写各个收获信息分别下单,因此下单流程时收获信息的填写非常繁琐。于是基于这个现象我们就去进行数据检测,发现在网站的交易买家中,有接近30%(此数据为一个假设数据)的B类买家有代销行为,那么我们可以判断这是有普遍共性的痛点,就有基于问题设定一个目标:优化代销交易流程。

所以,总结一下,洞见需要去做一个有心者,善于发现问题和矛盾点,因为问题和矛盾背后必然隐藏着机会点,抓准机会的三个关键点就是:

1) 从现象到本质

2) 从个性到共性

3) 从问题到目标

 

巧思(Ingenious)

有了目标之后,就是需要基于目标,制定策略、并设计解决方案。如果设计的过程就如对事物的信息进行重新组合编排,那么创新就是创造新的排列组合方式,因此思考的过程并非是毫无头绪的随机发散,而时可以有基本规律的策略方式,甚至可以用最基础的几种数学方式来解释:

1)加法策略:即一专多能,也就是给产品、服务中的某个部分分配一个附加的任务或功能,让它在发挥原本作用的前提下完成新的任务。

2)减法策略:包括简化流程、去掉一些步骤、或则减掉一个功能,也许更有另一番更好的体验,使得“更少”变成“更多” 。

3)乘法策略:可以先明确产品、服务或流程的组成部分,通过选择某个基本部分加以复制,从而将其改造成 “更有新意”的部分。

4)除法策略:就是化整为散,通过分解以致胜。很多时候我们容易把某产品或服务看成一个整体,认为它们就应该以我们熟悉的样子而存在。当打破这种固有结构,把功能分解成多个部分,然后将分解后的部分重新组合,往往就会出现惊喜。

5)变量共创:通过梳理出个性化的规律,给予属性巧妙依存的策略,让原本不相关的属性,以一种有意义的方式关联,选取产品或流程两个原本不相关的属性,让一个变量随着另一个变量的变化而变化,就会获得千人千面的结果。这其实也就是让用户参与共创的,从而获得各种可能性的新品,让用户实时体验未知的新服务。

继续刚才的例子如果以“优化代销订单流程”为目标,如何通过五度发散策略,进行创新设计发散。 首先还原用户的大场景,以淘宝买家在1688进行代销下单的行为流程进行分析:基于商家在货品在下游消费者买家的销售情况来到1688网站中找到合作供应商中并进行下单行为。

1) 分解:我们对代销下单的操作流程进行分析,就下单行为还可以拆分成这么几个行动点:找到目标商家、进入旺铺、找到订单制定商品、选择商品规格数量、加入购物车、确认订单信息、填写收货信息、付款下单等。

2) 加法:如用户说的在增加收获信息时候,增加导入收获地址的功能/或者是整个收获信息的导入,若用户同时也是淘宝卖家,直接获取其在淘宝的下游买家的收货信息;

3) 复用:可匹配导入收获信息的功能同样可以服用到:找到目标商家、进入旺铺、找到订单制定商品、选择商品规格数量、加入购物车这几个流程中。

4) 减法:于是我们大胆假设,这几个流程可以合并删除,完全由系统自动匹配完成即可,那么商家在进行代销下单时只需要做确认信息和付款的操作即可。

5) 变量:同样的此种方式适用于淘宝平台,基于商家自身的行为和偏好为其智能匹配他的C类的电商平台,并依据规则设立同样的交易方式即可。

同样的加法策略、减法策略、乘法策略、除法策略、变量共创等发散方式可以适用于其他创新设计以及实践案例的策略发散中。如果

速行(Implement)

经过多种策略发散而得到多种方案后,还是需要基于自己的现状进行整合汇聚,对各方案进行筛选取舍,从而作出最佳选择进行实践落地,因为能够真正实践落地的设计才是完整的,也才能有机会论证设计的结果,最终的用户使用反馈才是设计的最终评判者。因此把实践的过程称之为速行,包含了约束和速度两个部分,或者也可以称之为束行和速行。

束行:就是基于市场环境、技术能力/自身能力优势、各方案的实现成本、项目资源情况、时间计划、及预计可达到的商业效益,进行综合评估去进行实践方案的选择,可以说束行也就是环境的约束。

速行:也就是实践的效率,天下武功唯快不破,行动的效率和时间很重要,这往往也觉得了最终谁是优先出现在用户面前,可以获得的用户的第一次新体验。 一切发想止于实践,一切成功也将源于实践,在这条创新之路上,实践是至关重要的环节。

 

虽然我们都非常希望能提供一个简单易行的创新秘方,以保证每个项目都能成功,但是创新的稀缺性,恰恰决定了每一个成功的创新方案都是不可复制的,但其中的基本规律和方法是可以借鉴的。因此SMLIE Design中:从洞见(Insight)-巧思(Ingenious)-速行(Implement)的创新实践过程的正是构成了Innovation(创新)最核心要素。

但关于创新,还想说几点:

1、有效、成功的创新是稀缺的:创新的结果一定是惊喜的,但通过惊喜的过程却往往比想象中的艰难,创新的过程中:“为了找到一个王子,我们可能需要亲为无数个青蛙。”

2、一些创新的灵感是偶然发生的,或者需要一些天时地利人和的因素,但通过一些规律的练习,我们可以提高偶然的发生概率。

3、创新有时候是孤独的,因为创新是超前的,需要点时间,但不要灰心,请耐心等待时机的到来。同时尽量给自己的创新以保护,比如申请专利。

回顾

最后来回顾下整体的内容,也希望大家带走三张图:

1、体验价值模型:基于商业环境下的服务设计,我们把体验价值模型

2、在打造创新设计的过程中,我们亦是心怀为用户创造幸福感的服务体验为目标,发现各场景的触痛点,并转化为能让用户尖叫的愉悦体验,这个从SM-I-LE另辟蹊径的创新之路,称之为SMILE Design。同时也需要通过不断迭代与升级,能带来长久、持续的共创效应。

3、在SMILE Design 中,Insight(洞见)-Ingenious(巧思)-Implement(速行),是创新的过程,也是正是Innovation(创新)实践过程中的三大核心要素——“创新三维”。

两点之间不仅仅只有直线,有时候拐个弯,你会发现原来微笑最美。微笑送给用户也送给每一个设计师,因为快乐的设计师才能创造令人愉悦的服务。

原文链接地址:http://heyuchan.com/?p=864

【译者注】Adobe近日发布Adobe Experience Design CC(原Adobe Project Comet)公测版,新兴的原型工具Silver被InVision收购,业界类似事件的发生再次掀起了原型工具讨论的热潮。尽管当前阿里集团各团队的研发流程不尽相同,各有千秋,但原型对团队的帮助却越来越明显。 译者上家公司的Scrum团队就是在Sprint中以交流、草图和原型为主,文档输出逐渐弱化,可惜5年前的设计工具还没有发展到这么成熟的阶段,很多创意只能依靠静态的paper prototype沟通。这是设计师最好的时代,原型设计再次成为设计师必备技能,那么应该以何种心态和思维方式来对待原型设计呢?相信这篇文章可以给部分设计师带来启发。

本文内容经过即将出版的新书《Sprint:搞定难题验证想法5日秘诀》授权和许可改编在medium发表。

很荣幸能够在第一时间收到我的三位Google风投合作伙伴Jake Knapp, John Zeratsky和Braden Kowitz编写的新书《Sprint:搞定难题验证想法5日秘诀》。几年之前,Jake就引入了敏捷开发中Sprint的概念,它是通过设计、原型制作和同客户验证创意来快速回答关键问题的流程。从某种程度来说,它是业务策略、创新、行为科学、设计思维等内容的合集,是一种能够适用于任何团队实战检验的流程。它被广泛运用到他们在GV所投资公司的工作流程中,例如Slack,Blue Bottle Coffee和Foundation Medicine。如今,这些方法被编写成一本书,这样团队可以在任何地方开始尝试自己的Sprint。

一个Sprint发生在短短的五天内。周一,分解需要解决的问题。周二,在纸上用草图描绘有竞争力的解决方案。周三,决定如何将创意转化为可检验的假设。周四,推敲出一个原型。周五,与真实用户进行测试检验。

Jake邀请我从书中选择一个章节发布简要摘录,我选择了自己最喜欢的一章内容:原型设计。Sprint提供了良好机会,在你正式开始打造MVP(敏捷开发概念,最小价值产品,被广泛用到精益设计流程中)之前,就能从这些时刻与原型保持互动的客户身上学习。现在你就可以随处预订本书,来了解相关内容。

0*VmBiscec4cJRiteZ

原型设计思维

一个长着方下巴的西部牛仔站在酒吧门外,他调整帽子后瞥了一眼满是尘土的街道,发现五个黑西装的男人骑在马上,手中紧拽着散弹枪。远处的街上,商店周围有村民在交谈。尘土飞扬如旋风,无人说话,但大家都清楚:镇上有麻烦了。

如果看过一部老的西部电影,你可能非常熟悉这一幕。大量的情景剧中,好人戴白色帽子,坏人则是黑色。小镇看起来是影片中最真实的部分:隔板建筑物、木板通道与大门随风摇曳的酒吧。

当然,这些复古西式电影场景从来不是走完全写实的路线。有时候,导演找到一个看起来不错的拍摄地,比如废弃的鬼城或者风景如画的意大利村庄。但大多数电影都在好莱坞的某套外景中拍摄。牛仔身后的酒吧?仅仅是一个虚幻场景而已,外墙之后什么都没有。

这对观众来说没有什么区别。当看到小镇的一段时间里,我们完全沉迷在故事之中。无论是虚幻场景或者鬼城,沉浸的想象力发挥了作用,让一切看起来似乎那么真实。

在一个Sprint中,周四即虚幻场景。当你对一个正在跟进的问题获得灵感或解决方案时,不需要花费成年累月来构建它。你能够在一天之内就做出原型,让一切显得那么真实,正如复古西部电影中的虚幻场景。到了周五,你的客户就像电影观众一样,会忘记周遭一切虚拟的场景而专注于体验产品。

虚幻场景比你想象中更容易搭造。比如你正在进行一个需要100天完成的项目,能做到90%的程度已经足够逼真,从而方便进行测试。简答的数学判断是,你需要花费90天来达到90%的程度,这样你得在3个月左右之后才可以测试。不过,要是仅仅做一个虚幻场景,便能在一天之后就达到90%的程度。

“哇,伙计!”你可能认为这有点扯。正如周四早晨时,除了白板上的涂鸦与纸上的草图你还未做任何事情,我们能指望在一天内制作出真实的原型吗?这是否不可能呢?确实不可能,除非你已经在Sprint前三天中完成了最困难部分的工作。使用一个故事板来移除所有产品功能范围的猜测,画出解决方案的草图,配上文字和细节说明。这时候你已经准备就绪,能够利用合适的技能来打造原型了。

没错,制作一个更完美的原型需要更长时间,但这样做的话只对学习进度有所延缓。如果产品设计方向无误,这些都无所谓。但面对的现实往往是并非每个创意都是对的,无论你是冒险尝试一个大胆想法,或者仅仅在无法确信时寄望于及早弄清方向。在错误的事情上浪费时间无疑最让人心烦,也许最大的问题是,你越花费精力投入的东西,不论是原型或真实产品,你越无法承受测试后的糟糕结果。仅一天的投入,你还能接受反馈及时调整。要是三个月的投入,或许你在发现错误后已经觉得回头太难。

0*TDee7qOeG9q7wkcH

0*a6GJO9VXfxT7EVTd

0*U-6d1QR3c3HEfarv

起初,你处在以上图表的甜蜜点,仍未确信你的想法是否靠谱,万一测试结果不理想,你会很容易调整或者抛弃想法。如果你相信虚幻场景的力量,很容易像图中的弧线一样在短时间内达到90%程度的效果。不需要管道,也没有布线,也没有结构工程,只要搭建一个虚幻场景即可。

或许做一个虚幻场景让你和团队都感觉心里没底,为了及早测试想法,你需要在观念上做临时改变:从完美到恰好为止,从长期品质到暂时模拟。我们称之为原型设计思维,它由四个简单原则组成。

1、万物皆可原型

这么说听起来有点老套,但确实如此,请务必相信。如果在进入周四时怀着乐观的心态,保持总有方法制作原型并测试产品的信念,你就能搞定。在下一章节中,我们会聊聊制作硬件、软件和设备原型的具体方法,它们可能对你有帮助,可能需要你充分利用各类资源来自己搞定。只要保持乐观并且秉承原型设计思维,几乎总有办法。

2、原型阅后即焚

不要试图制作任何不愿意抛弃的原型。切记:这个点子可能不靠谱。所以不要让自己容易沉溺在花费数日准备原型的想法中,减少对原型上额外工作回报的期待。与此同时,迷恋上可能会被证明失败的方案,你会更加失落。

3、原型点到即止

原型存在的意义即验证假设,所以请保持它聚焦在目标上。我们不需要一个完整功能的产品原型,只需要被测试的与用户互动的部分看起来像真的一样。

4、原型必须真实

为了获得周五检验结果的准确性,不能要求客户凭想象去完成测试。你得展示真实的原型,如果这样,客户的反应将是真实的。

怎样才算真实?周五测试原型时,你希望客户的反应是自然真实的。要是仅仅出示虚幻的原型,比如手绘的纸上原型或者简单的线框设计,是没法奏效的。

一旦客户无法完全沉浸在真实场景中,他们就会自动切换到反馈模式。这种模式下的客户会努力表现的更有帮助并绞尽脑汁的提供建议。在周五测试时,客户的本能反应更具价值,而反馈的意义就要大打折扣。

反应和反馈的区别很重要。人们往往希望通过原型来验证客户的本能反应,在一天的日程之内越真实越好。我的合作伙伴Daniel Burka说过,理想原型应该拥有“金发女孩的品质”。要是原型质量太低,人们不会相信这是真实产品。要是原型质量太高,会耗费太多精力以致于无法按时完工。原型需要“金发女孩的品质”,不要太高,也不算太低,恰到好处即可。

0*S055Tip5b7H2ra9X

诚然,“金发女孩品质”对不同的产品要求也不同。该书中收录了5个团队的详细案例,从iPad应用到医学诊所的原型都有。当你阅读他们的故事时,你将了解每个团队如何确保原型达到“金发女孩的品质”,并且学习到他们是如何将原型设计思维融入独特的挑战之中。

原文地址:
https://medium.com/galleys/the-prototype-mindset-396c979a356f#.2puoc7uep

译者:

阿里巴巴1688事业部/无线交互/舒舟

【译者注】在移动设备上进行可用性测试是大多用户体验设计团队既关注又头疼的部分,市面上的各种专业测试工具各有利弊,如何抉择是一道难题。性能好、对用户干扰少、录制质量高、能记录用户面部表情和手部操作、价格便宜等要素成为大家在选择工具与方法时重点关心的内容。本文作者Colman Walsh提供了一种讨巧的方式,能较好的解决测试中大部分问题。尽管不完美(无法记录用户与移动设备屏幕互动),依旧值得一试,有精力的同学可以结合Lookback(https://lookback.io/),或许能捣鼓出一套更完善的解决方案来。

移动端令人难以置信的增长趋势和移动设备的全面普及,让用户体验设计师的工作更具挑战性与趣味性。这意味着移动应用与移动站点的用户测试成为用户体验工具中的重要一环。

与桌面环境有所区别的是,移动端可用性测试缺少像Silverback或Camtasia这样开箱即用的软件记录工具。

即使不开发一款移动应用,你的网站大部分流量也可能来自于移动设备。执行常规的移动可用性测试,便成为衡量该渠道是否正常工作的唯一途径。

此时需要一定的动手能力,经过多年实验,我们认为已经找到了最理想的手段。如果你想简单测试iPhone或Android的体验,这套方法不仅简单,性价比高,而且效果出色。

旧法:线缆加胶带

过去我们使用“雪橇”将智能手机与摄像头固定在某个位置,从而方便我们记录用户在屏幕上的行为。(要制作一个雪橇,我们在五金店买了一些丙烯酸通过烤面包机将其弯曲成型,非常有趣)

我们将摄像头用胶带粘贴在雪橇上,并且把手机用胶带和尼龙搭扣装好。回头看来,这种做法还是很简陋的。用户不得不经常用两只手托稳手机以保持雪橇稳定,当然也谈不上自然体验。

Mobile-testing-old-way-500-opt
图1. 用户正在使用绑着摄像头与雪橇的手机

从技术上说它是不可靠的。由于使用了一台笔记本的双摄像头(雪橇上的摄像头和笔记本内置摄像头),我们不得不同时开启两个摄像应用,这导致了一定性能问题。要么在设置中造成内存紧张,要么在测试中摄像头熄灭,往往两者兼而有之。

还有其它一系列问题,比如屏幕炫光和摄像头失焦。总得说来,设置测试环境非常耗时,而且性能不可靠,测试环境并非最优。尤其是客户在身边时,压力尤其大,但这也是那时我们能做到最好的情况。

新招(当然更好):无线

理想情况下,用户应该无法看到测试环境与软件。我们希望创造尽可能自然的测试环境,只有用户与智能手机,没有线缆、雪橇、摄像头或胶带等干扰。

对于用户体验团队来说,在用户测试中不断学习和洞察才是关键。我们不希望一直为设置测试环境或者摄像头熄灭而费心。

我希望通过介绍一个简单的设置来达成这些目标,它帮助用户体验团队专注于真正重要的事情,让用户专注于他们的手机。因为它非常可靠,所以我们经常在培训课程中面对客户使用。

接下来重点谈智能手机的可用性测试,我们使用一台MacBook作为记录设备。当然,这种方法也适用于Windows PC。

Mobile-testing-wireless-500-opt
图2. 无线测试的方式更加自然

【第一步:安装软件】

产生神奇效果的关键在于Apple的AirPlay无线技术,该软件能让你把流媒体(音乐、视频)通过无线的方式传送到Apple TV上。

因此,首先你需要购买并安装一个叫做Reflector(大概15刀)的软件,它能将笔记本变成一个AirPlay信号接收器,像Apple TV一样。这样一来,我们能够把用户智能手机屏幕以镜像的方式投射到笔记本电脑上,用户屏幕上的内容将在笔记本屏幕上同步出现。

现在我们可以不需要额外摄像头来录制用户屏幕了,只需要在笔记本电脑上通过屏幕录制软件进行录制即可。强烈推荐ScreenFlow(大概99刀),不但可靠性高,并且在测试环节中能通过笔记本电脑摄像头捕获用户面部内容,这是任何可用性测试的重要组成部分。

【第二步:设置显示器】

这一步是可选的。因为我倾向于使用外接显示器,使主持人和记录员不必同时瞥过用户肩膀来观察行为。这样也能将用户干扰降至最低,用户不会看见面前笔记本电脑屏幕上的巨大手机屏幕投射,它会出现在外接显示器上。

所以,为你的MacBook连上外部显示器,如果外接显示器与笔记本屏幕显示一致内容,意味着这不是我们希望设置的镜像模式。打开“系统偏好-显示”,将“镜像显示”去掉勾选。

Mac-system-preferences-500-opt
图3. Mac的正确显示设置

【第三步:设置Reflector】

要将智能手机内容发送到笔记本电脑屏幕上,只需打开Reflector,在笔记本电脑屏幕左上角的工具栏上可以看到它的图标。

Mac-reflector-toolbar-500-opt
图4. Reflector打开后你将看到的图标

【第四步:对智能手机进行镜像】

现在就是见证奇迹的时刻!如果你使用的是iPhone,从屏幕底部上划,启动AirPlay。然后从列表中选择你的MacBook,再打开镜像按钮。

iOS-mirroring-setup-500-opt
图5. 在你的iPhone上打开镜像

你的iPhone应该出现在外接显示器的中间,是不是很神奇!(要是iPhone出现在MacBook屏幕中,只要把它拖拽到外接显示器上即可)

使用Android 4.4.2或更高版本设备的,从屏幕顶部向下划动进入设置,选择“投射屏幕”选项,然后选择你的MacBook。

注意:你的智能手机和MacBook必须保持在同一Wi-Fi网络中,要是出现问题,这是故障排除首先进行的事情。

【第五步:设置ScreenFlow】

开始录制前,打开ScreenFlow。初始设置对话框弹出,你需要做如下设置:

ScreenFlow-recording-setup-500-opt
图6. 设置ScreenFlow

1、“录制桌面来源”

选中并确保从下拉菜单中选择你的外接显示器。(参照示例中的2270W)

2、“录制视频来源”

选中并确保选择默认选项“FaceTime高清摄像头(内置)”。

3、“录制音频来源”

选中并选择“内置麦克风”。

【第六步】开始录制测试内容

让用户处于MacBook正前方,这样你能在ScreenFlow的预览中看到他们的面部。然后按下红色录制按钮,搞定,现在已经开始录制了。

当你与记录员在外接显示器上观察用户行为时,用户正端坐在空白的笔记本电脑前,像往常一样使用手机,没有线缆、胶带、摄像头或者其它干扰。

在以下截图中,我在iPhone上把玩Spotify。你能看到,在录制手机屏幕的同时,ScreenFlow提供了画中画窗口来显示用户面部表情,完美的可用性测试。

screenshot-of-recording-500-opt
图7. ScreenFlow输出录制内容的截图

当然,这种方式依旧不能展示用户的手指与设备互动的过程。但总体说来,它的优点还是很多(见结论中的列表),算是一个无可非议的好方法。

【设置总览】

需要明确的是,让我们回顾下设置的全貌。用户应该坐在MacBook面前,使用自己的手机,主持人和记录员应该坐在附近,通过外部显示器观察用户行为。

user-testing-overview-setup-500-opt
图8. 测试中房间与屏幕等设施的安放方式

使外接显示器正面远离用户视线,否则大屏幕上的手机屏幕影像会干扰用户的注意力。


结论

我们介绍的这种方法有诸多优点值得一试:

1、简单

首次将所有环节调试完毕之后,接下来每次只需要花费5分钟左右来设置。

2、可靠

它并不完美,但软件崩溃和设置问题出现的几率很低。然而,雪橇+摄像头的方案出现问题则是意料之中的事。

3、性价比高

假如你使用MacBook,整个解决方案只需花费不到200刀。(与之对应,专业高端的可用性测试软件Morae售价2000刀)

4、专业

高质量并专业的输出,看上去不像是黑客技术。我们把录制的内容与参与的客户、高管们分享,效果很好。

5、灵活

这种方案适用于主流平台:PC、Mac、Android和iOS。

6、方便

因为不需要任何胶带或者尼龙搭扣,测试者还能使用自己的手机,这让你的测试更加自然有效。

原文地址:
https://www.smashingmagazine.com/2015/12/simple-and-painless-mobile-user-testing/

译者:

阿里巴巴1688事业部/无线交互/舒舟