用户体验5要素

在不完整的工作流程下,设计师要学会走“弯路”。

如今的网站或app,同质化现象越来越严重,企业不再因为推出一个创新功能而自视甚高,因为会在很短的时间就被“抄袭”,所以产品特性已经不是抢占市场的利器。越来越多的企业已经意识到优质的用户体验才是商机,才是体现差异化的最好方式,才是提高用户忠诚度的最大因素。

之前文章里提到过用户体验5要素的概念,同时笔者认为这5要素也是产品设计流程。

用户体验5要素

请点击此处输入图片描述

图1 用户体验5要素

5要素从下至上分别是战略层、范围层、结构层、框架层和表现层。这5个层面提供了一个产品设计的基本架构,同时用户体验也要基于这5个层面去处理问题,从抽象到具体,每一层都是以下面一层为基础,同时每一层也会反向影响下面一层的决策。

战略层

战略层是指对于产品的决策,包括市场定位、目标用户、目标用户的需求。

设计师在这一层面的任务则是做相关的用户调研,通常的方式有调查问卷、用户访谈、焦点小组、现场调查等等。之后可以细分出目标用户,再创建相关的人物角色用以提炼用户需求。

但是在很多公司里战略层的工作通常是由产品经理来完成,他们会从商业利益和项目的角度出发,所以造成设计师们可能无法从产品经理的文档里直接归纳出产品定位、目标用户的情况和目标用户的需求。

用户体验5要素

图2 战略层不同角度的产出

如上图所示,假设有100个受访用户,90个人是年轻人,10个是中年人,从产品的角度年轻人和中年人都是使用人群,但是对于用户调研来说产品的目标用户可能只是年轻人,那么由不同用户群所延伸出的产品功能也不尽相同。所以在战略层的阶段,如果有条件,设计师最好可以参与其中与产品经理共同完成对产品需求的梳理,从初期就可以掌握产品的目标用户,以及用户的需求,以避免进入设计阶段不必要的麻烦。

范围层

从战略层获得的目标是从目标用户的角度出发,将其转化为产品的功能和产品提供的内容就是范围层。

这个层面用户体验可以再次利用战略层所创建的人物角色,虚拟出该人物角色在真实的使用情景中会如何通过产品去完成他的需求,从这个过程中挖掘产品的功能和内容。同时也可以做相关的竞品分析,从类似产品中寻求灵感。

在这一个阶段,面对大量先前传出的产品需求,设计师需要确定产品功能和内容的优先级,此时除了考虑公司整体的商业利益外,甚至还需要了解公司技术团队的实力(这个时候如果设计师懂技术,可以极大提高工作效率),所以与产品经理和技术部门的沟通也不能忽略。在设计范围层的阶段,设计师需要产出相关的产品功能图。

用户体验5要素

图3 范围层思考的不同角度

结构层

确定了产品需求和优先级后,此时的产品需求是零散的,接下来要整理这些产品需求,完成产品架构,即确定这些需求呈现给用户的“顺序”。

这个层面,对于设计师来说,可以分为交互设计和信息架构两项工作。交互设计在之前的文章中提到过,即在此阶段,设计师需要按照用户的心理模型将产品功能的逻辑一步步规划好,例如,用户必须先完成功能A再完成功能B,才能确定下一步是完成功能C还是功能D。在这一步中,设计师可以产出产品主要功能的流程图。

另外对于信息架构,类似于交互设计,区别是交互设计针对的是产品的功能,而信息架构针对的是产品提供给用户的信息。同样地,设计师对于信息架构的设计仍然需要符合用户的心理模型,具体表现在产品的组织分类的结构。在这里提供两种构建信息架构的方法,分别是“从上到下”和“从下到上”。

从上到下是从产品战略层出发,将最满足决策目标的内容和功能进行分类,再依据逻辑细分出次级分类。从上到下的分类方式通常应用在2B产品中,从核心功能和内容分支出次级功能和内容,再分支出下一级功能和内容。

用户体验5要素

图4 从上到下的方式

从下到上是从范围层出发,将各个功能和内容依照一定的逻辑归属于最低一级的类别,再将它们分别归属于较高的类别。从下到上的分类方式在2C的产品中经常使用,从最基本的功能和内容开始一级一级归类。

用户体验5要素

图5 从下到上的方式

框架层

框架层是产品实际的表现方式,包括界面设计、导航设计和信息设计。

对于设计师来说,界面设计就是要选择正确的方式将结构层所设计的产品逻辑表现在界面上,并且设计要容易被用户理解和使用。同时需要对用户使用的过程中可能产生的特殊情况设计相应的反馈。另外在设计时还需要遵守不同平台的规范,例如ios和android,Mac和Windows。

导航设计就是用户在使用产品时的一个指向标,在这个指向标上需要表明用户当前所处位置提供的功能和内容、用户当前的位置和用户可以到达的位置。

信息设计是对产品内容呈现方式的设计。如何将产品的内容最高效的传达给用户,设计师可以采用优化图标、标签和排版的方式。

在这一层面,设计师需要整合框架层的界面设计、导航设计和信息设计,最终产出线框图。而线框图也是设计师们在实际工作中最主要的产出物,但是线框图并不是设计师们在工作中应该投入最多时间的部分,因为高质量的线框图真正的决定因素是对产品战略层、范围层和结构层的设计,所以设计师应该将主要的精力放在更深层次的设计,也就是“想清楚再画清楚”。

表现层

表现层是用户对产品的感知设计,即用户如何感知设计师对产品的设计,是通过视觉、听觉还是触觉。

现在绝大多数的产品都是通过视觉被用户感知,所以一个产品的视觉表现直接决定了产品使用时“运作是否良好”,是否在视觉上可以完美传递之前层面的设计。设计师在表现层需要产出视觉稿,并且保证视觉稿设计做到对用户“眼睛”的吸引,将用户的注意力吸引到之前层面所设计的逻辑,并且引导用户高效地完成整个流程。

用户体验5要素

在笔者看来,这五层划分,即是用户体验要素,也是产品设计阶段的流程化步骤,每一层都有相应的规则和产出物。作为设计师,遵守这样的规范,可以避免设计遗漏,同时还可以提高设计的客观性。

参考文献:《用户体验要素》

用户体验5要素

文章来源:邮件投稿(admin@iamue.com)

作者:芥子未末

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/19261/

(0)
iouedioued
上一篇 2017-03-21
下一篇 2017-03-21

相关推荐

  • TalkingData-2016年上海迪士尼人群洞察报告

    上海迪士尼开园以来,吸引了大批游客前往游览,用户画像方面,人群呈现出年轻化、中产家庭等特征;应用方面较为偏好出行和旅游类,消费意愿强于移动互联网整体;总的来说上海迪士尼吸引力较强

    2016-08-25
  • 如何入手书写产品体验报告

    体验产品是PM工作中经常做的事情,企业也常留一些这样的实习作业给面试者,是因为产品体验报告一定程度上直观的反映了面试者的专业水平。求职过程中,如果能提交一份专业的体验报告,将大大提升简历通过率,获得面…

    2015-03-05
  • 淘宝UED的设计流程

    国内知名 UED 团队的设计流程是怎样的? 淘宝 UED 的设计流程图 <img src="https://pic4.zhimg.com/75bcc954c5e1695eeeeb1710eb62c947_b.jpg" data-rawwidth="4000" data-rawheight="1678" clas…

    2016-06-01
  • 几乎是最完美的用户体验模型—CUBI

    【导读】我们都希望能做出引人注目的创意项目——能解决业务问题,同时通过有意义、有价值的体验吸引用户的项目。然而,紧缩的预算以及紧张的时间安排,都给创造真正新颖的设计、确定设计流程中的遗漏,以及充分考虑…

    交互设计 2015-04-24
  • 你见过最人性化的设计是什么?

    见识了这么多人性化的设计,可你见过人性化到让你鼻子一酸热泪盈眶的设计么!!? 日本的牛奶纸盒。 看上去没什么大不了的,我们这的也一样。 打开的地方,在开口处,为了防止顾客弄错而打开错误的一侧,标示着“开…

    2015-12-14
  • 国家地理:创新设计世界地图APP-炫酷、叼、高度还原设计方案。

    本文首发在iamue.com(我是UE网) 头条号同步发布 来看一看别人家的UEUi 国家地理做了一个世界地图app,动效狂拽酷炫叼炸天。关键是app线上高度还原了设计的动画效果,而且非常流畅。一起来欣赏一下吧 然后默默的收…

    2015-06-25
  • 2016用户体验行业调查报告

    2016年4月起, CDC通过腾讯问卷调查平台对1580名从事用户体验行业的从业人员进行在线调查,系统全面地分析了用户体验行业的整体情况,发布《2016年用户体验行 业调查报告》。本次调查对象包括视觉设计、交互设计、…

    2016-07-07
  • 用户体验设计到底有多难?(翻译)

    设计师往往声称自己是“用户体验设计师”。事实上,如今几乎所有设计师的履历上都会标上这一项称谓,那么,他们真的是用户体验(User Experience/UX)设计师吗? 一般而言,用户体验设计师主要关心的是产品感觉如何,…

    2015-05-06
  • 客户抱怨椅子,餐厅老板却把菜单换了

    入行早期是带交互设计团队,近两年负责产品团队,对于“需求”的接受方和给予方角色都有过扮演,想和大家探讨一下“需求的正确打开方式”。 每次探讨相关问题,我都会以一个餐厅的试运营案例作为开头。这个案例是借来的…

    2016-04-14
  • UED设计流程与原则

    UED设计流程在各个公司之间可能存在不同,国内的设计师在知乎社区上讨论了各自公司(包括腾讯、百度等)的UED设计原则、流程等,其中的经验值得读者借鉴。 来自腾讯的交互设计师eviliu强调设计流程主要考虑两方面的问…

    交互设计 2015-04-20