1.2 了解用户体验团队中的常见职位
国内的用户体验团队基本存在以下六大角色:交互设计师、视觉设计师、互动设计师、用户研究员、体验设计师、产品设计师。其中常见的为前四种,不同公司的团队构成存在着差异化。
“挖掘用户痛点—把握产品需求—梳理用户行为流程—产出界面原型—分析产品数据”,可能就是体验设计师们最常处理的体验把控和提升。
用户体验团队中的常见职位
1.2.1交互设计师
交互设计师,也称为UX设计师或UE设计师,主要关注用户的使用体验,确保产品价值最大化。正如Eric Flowers所说:UX是针对策略的无形设计,它能够引领我们找到适当的解决方案。一般而言,交互设计师通常是在做选择题而非判断题,通常需要在用户价值和商业价值间做出博弈,并通过深入思考探索创新设计方案。
交互设计师具体的工作内容一般包含研究洞察、交互设计和推动方案落地三大部分。
●研究洞察阶段。通过可用性测试、用户访谈、竞品分析等方法了解用户使用行为,发现产品体验问题,构建用户角色模型。
●交互设计阶段。可以分为两个阶段:概念方案探索阶段和详细设计阶段。概念方案探索阶段,通过头脑风暴、角色扮演、故事板、卡片分类、纸面原型等方法探索设计机会点;详细设计阶段,以用户为中心,通过场景分析、任务分析等方法分析用户使用场景和行为操作,设计用户行为路径与页面流程布局,并将功能需求转化为交互设计原型。
●推动方案落地阶段。向团队阐述设计方案,跟进视觉设计和开发,并在产品上线前进行Review测试,反馈问题并跟进修复,保证设计还原度,向着创造出“更好的”用户体验前进。
总的来讲,正如辛向阳老师在其论文《从物理逻辑到行为逻辑》中所言,交互设计已经从传统的面对物设计转变为面对人类行为的设计。
你可能会听到交互设计师们经常这么说:“当这个操作完成之后,有没有反馈提示呢。”
研究产出物:竞品分析文档、用户调研文档等
设计产出物:设计说明文档、流程图、交互设计原型图(线框图)、交互设计规范等
涉及工具:Axure、OmniGraffle、Visio、Sketch、Keynote、Pixate Studio、QC+Origami、Illustrator、Fireworks、InVision等
A产品信息结构图
交互设计文档示例说明
问题走查Excel表格
1.2.2 视觉设计师
说起视觉设计师,我更愿意称其为“神奇魔法师”,他们以“文字、图形、色彩”为元素,描摹出一幅幅精彩绝伦的精美画面。他们痴迷于信息图形化、版式合理化、画面美观度等内容,比如图标、按钮等视觉元素的布局、阴影和渐变,细致刻画容易忽略的小细节。
在不同场合下,诸如UI设计师、运营设计师、平面设计师等名称各异的设计师头衔也都被称为视觉设计师。
UI设计师
UI设计师更关注产品以怎样的界面呈现,更强调图形设计技能,也有人称其为GUI设计师。在互联网领域,UI设计师和UX设计师的界限相当模糊,尤其是在很多创业公司中这两个设计角色通常是合二为一的。
UI设计师具体的工作内容一般包含用户视觉研究、视觉设计、资源输出三大部分。
●用户视觉研究阶段。通过情绪板、竞品分析等方法了解用户对产品视觉风格的期望,为视觉设计提供指导(注:情绪板调研通常由视觉设计师和用户研究员共同完成)。
●视觉设计阶段。可以分为三个阶段:设定整体视觉风格、产出视觉设计规范、把控产品界面设计。产出视觉设计规范阶段,负责制定视觉设计规范,确保产品设计的一致性。在规范中,明确一些UI基础元素和功能组件的使用标准,比如颜色、文字、导航、错误或警告提示等。产品界面设计阶段,将交互设计稿视觉化,传达内容重要层级,给予用户清晰的视觉引导,从而帮助用户顺利完成操作任务。
●资源输出阶段。通过与开发工程师沟通提供不同机型屏幕尺寸的切图、标注等资源。
你可能会听到UI设计师经常这么说:“这个布局配色没有表达出合理的信息层级关系!”“这个按钮间距不对,应该向左移动1像素!”
研究产出物:情绪板用户研究报告、视觉关键词说明、视觉指定说明(色彩、风格、材质)
设计产出物:视觉设计稿、视觉设计标注规范、视觉设计规范文档、视觉切图
涉及工具:Photoshop、Sketch、Illustrator、Fireworks、MarkMan(视觉标注软件)
引申阅读
自从iOS 7面世以来,扁平化设计开始逐渐霸占我们的眼球。它抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。相比于拟物设计,扁平化设计增强了对页面内容的突出,同时为确保扁平界面的可用性,对UI设计师提出了新挑战:更深入理解产品需求、明确功能优先级、从扁平化中体现不同信息层级、强化交互元素的视觉特性、为界面增加人性化元素等,从而保证甚至加强产品整体体验。如加强对页面元素(颜色、字号、位置布局等)的对比,以及更加熟练地运用设计构图的基础元素(点、线、面),凸显重要信息和操作,让用户聚焦;另外,还可以试着使用更多的图片作为“有机”内容,来抵消掉扁平化元素的“数字感”,在设计中与用户建立起情感和人性上的关联。
针对扁平化设计,设计界的人这样说:
“长久以来,网站的界面风格似乎都在遵从着同一种设计美学,大家都在用斜面、渐变、阴影一类的效果来突出界面元素的质感。对于设计师们来说,制作这类‘可爱’的元素简直变成了行规甚至是荣誉。不过对于我们,以及为数不多的其他一些设计师来说,这种惯用的方式并非一定正确。”
——Layervault的设计师Allen Grinshtein
“扁平化风格的逐渐盛行固然有它的道理,但本质上它只是设计美学当中的一种;与仿古、高光、金属质感、木质等视觉效果相同,对视觉风格的选择必须以良好的信息结构及交互模式为基础。”
——Mike Cuesta(carecloud)
“内容应当先于设计。缺乏内容的设计算不上设计,最多算装饰。”
——Jeffrey Zeldman
Skeuomorph Mobile Banking(设计师Alexander Plyuto)
Learning Platform Web Design(设计师Zuairia Zaman)
Story Sharing App(设计师Ghani Pradita)
运营设计师
运营设计师多为平面设计师出身,每当产品发版、节日活动、公司活动时,就是运营设计师的忙碌时刻,通过产品运营增加产品关注度,提升产品下载量/转化率,或者营造活动氛围。而其中常常涉及以下几方面运营设计:Banner设计、产品功能宣传设计、活动专题页面设计、海报展板等。通常情况下运营设计存在短且快的特点,那么运营设计师该如何让用户在有限的时间内获得最有价值的信息,找到所得,从而实现转化,赢得这场没有硝烟的产品竞争呢?一般从以下三点来思考设计:
●深入理解产品需求。设计前期了解产品特征属性、用户特征,明确运营需求和运营目标(品牌宣传、提升转化率等),从而勾勒运营大概的设计氛围;根据运营需求拆解信息元素,明确信息层级,确定运营设计大概框架。
●收集素材。根据前期确定的需求要点和信息元素层级,运营设计师们就可以开启自己的素材百宝箱寻求设计灵感了,在确保品牌统一性的前提下,从字体、配色、专题氛围、框架布局等方面进行元素挖掘。
●设计展现。根据收集的素材,通过元素对比、营销元素、故事串联等手法,从而达到吸引并转化用户的目的。
最重要的就是运营设计师平时自身的积累,不论是素材层面还是技法层面,同时要善于沉淀总结。比如,形成自己的运营控件库和模板库,从而应对各种不期而遇的运营需求。
引申阅读
近年来由于互联网催生的UI设计师热潮,越来越多的平面设计师跃跃欲试转行为UI设计师。由于初级的UI设计其实延续了平面设计,加之扁平化设计风格的流行,平面设计师的设计技能完全可以实现无缝转换。要知道平面设计师对于颜色、造型、排版等都是熟手中的熟手。但需要注意的是,平面设计师的设计产出物——Logo、海报等,更偏情感创意类,往往是天马行空的视觉创意思维,更强调感性,通过设计让用户产生情感触动,提升品牌价值;而UI设计师的设计产出物更偏向于产品类,基于用户需求,根据目标用户的喜好,探索设计风格,进行界面布局。归根到底UI设计师兼顾感性的同时更偏理性,通过解决问题获取更好的体验。
因此,建议想转行的平面设计师可以了解一些关于界面、产品的入门知识,诸如iOS/Android的各种设计规范、移动应用UI设计模式、About Face 3等;也可以多多把玩手机中的有趣应用,试着理解分析一下。
广告设计素材
1.2.3互动设计师
不同于视觉设计师设计静态界面元素,互动设计师擅长将创意概念动态表达,搭配适合的音乐和音效,以具有视觉冲击力的互动作品阐释概念故事,比如品牌宣传片、广告、动画片等。举个例子,考虑一个应用的菜单怎样滑入、使用哪种转场效果以及按钮如何触发,用流畅平滑的动效模拟用户操作界面过程,表达产品背后的品牌故事。
精通图形设计、动态图形设计和数字艺术设计;对排版和色彩高度敏感;对材质和结构有所了解,并能够控制动态效果;了解iOS、OS X、Photoshop和Illustrator,同时能够熟练使用Director(或同类工具)、Quartz Composer(或同类工具)、After Effects/Premiere、C4D等三维绘图软件进行动效图形设计——这就是成为互动设计师的必备技能。
你可能会听到互动设计师很自然地说:“这个菜单应该从左侧淡入,时间为800ms。”
设计产出物:互动作品,诸如宣传片、广告、动画片、gif格式图片等
涉及工具:After Effects、Core Composer、Flash、Origami、C4D等
牛顿摆模拟动画序列帧(设计师Sharon)
1.2.4用户研究员
用户研究员是用户需求的挖掘者和捍卫者。用户研究通常需要回答以下三个紧密相关的问题:你的用户是哪些?你的用户场景有哪些?你的用户需求是什么?用户研究员需要访问用户,了解用户特定需求,挖掘用户心理诉求和潜在需求机会点;甚至一些用户研究员有机会接触庞大的商业数据并整理其中发现的问题,为产品的持续迭代更新提供依据。例如,用户研究员通过可用性测试,具体了解用户如何使用产品,并整理其中发现的产品可用性问题,以及潜在的用户需求机会点;通过A/B测试来筛选更符合用户需求的设计方案。用户研究员通常使用的用研方法可参阅“2.5设计调研阶段”。
用户研究员具体的工作内容一般包含确定研究目标、设计研究方案和实施研究方案三大部分。
●确定研究目标阶段。通常用户研究员与产品团队基于产品需求、产品目标等,共同确定研究目标,明确研究范围。
●设计研究方案阶段。基于可用性测试、焦点小组、眼动实验、满意度评估等方法,设计对应的研究方案。通常是定性研究和少量的定量研究(比如调查问卷)相结合来了解用户行为与态度。
●实施研究方案阶段。基于设定的研究方案,采用相应的研究方法组织用户访谈,发现产品痛点和机会点,为产品优化创新提供研究支撑。
你可能会听到他们很自然地说:“从我们的调查可以看出,一个典型用户……”
研究产出物:用户画像、A/B测试报告、可用性测试报告、专家评估报告、焦点小组报告、用户访谈报告、数据分析报告等
涉及工具:Mic、Excel、SPSS、Paper、Docs、PPT、Keynote
可用性测试报告示例
1.2.5体验设计师
在国内,阿里巴巴集团首先提出了UXD的设计师职位转型。从当前常见的交互设计师、视觉设计师转型为全面的产品体验设计师,旨在设计驱动产品发展,为产品增值,更全面地体现设计师的价值。
这个职位其实在国外一些互联网发达的国家十分普遍,不会明确区分交互设计师、视觉设计师甚至用户研究员的职责。作为设计师需要具有更全面的能力,从产品设计之初就加入项目团队,和产品经理、研发人员一起从最初探索产品形态,从用户角度出发分析产品策略,进行用户研究并分析用户得到设计策略再进行交互设计,甚至直接完成最终的视觉设计。
因此可以说体验设计师需要具备极强的综合能力和多样化的专业能力,从商业、技术和设计维度全面综合地思考问题,需要当前的设计师全面提升设计能力的广度和深度,成为全链路设计师。
体验设计师岗位的产生也旨在为全能型高素质的设计师提供明确的发展路径,降低专攻的发展瓶颈,提升体验和设计的效率以及价值,做设计驱动的产品。
以下是阿里巴巴集团对于UXD的分类和定义。
产品型UXD:满足业务诉求并形成自身使用闭环的产品,考虑这类产品在相对独立的用户场景或整体平台体系框架内的一切用户体验行为。
平台型UXD:搭建体系化的整体框架,具备基础和通用的工作(或设计)能力,服务于平台承载和功能匹配的内容和业务,设定用户的一切使用场景和体验行为。
互动型UXD:融入新环境和新场景确保产品完整,突出和业务的联动,体现产品的互动性和娱乐性,设定用户与之互动的内容和设备之间的一切用户体验行为。
研究产出物:市场分析报告、用户研究报告
设计产出物:设计策略及用户流程图、交互设计原型稿、视觉设计稿
涉及工具:PPT、Keynote、Sketch等(同交互设计师),Photoshop等(同视觉设计师)
UXD能力模型图(原阿里设计总监汪方进在IXDC大会上的分享)
UXD能力模型探索原(阿里设计总监汪方进在IXDC大会上的分享)
体验设计师输出物/工具表