我工作了这么多年,终于找到概念设计落地的最快方法

大家是不是经常听到战略层、框架层、表现层这些专业的名词,但是不知道具体是怎么回事,更不知道如何使用,今天就来带大家简单认识一下用户体验五要素。

五要素这个概念主要来源于《用户体验要素-以用户为中心的产品设计》这本书。

 

用户体验五要素

用户体验五要素具体是指:战略层、范围层、结构层、框架层、表现层。

图片

具体的含义就是:

  • 战略层:产品的目标方向,用户可以在产品上得到什么,可以带来怎样的收益
  • 范围层:产品的特性和功能,依据战略层的目标这个产品该有什么功能
  • 结构层:产品的基本结构,产品的核心功能应该出现在哪里,用户的大致体验流程
  • 框架层:产品具体功能的位置布局,整体页面的交互流程
  • 表现层:产品最终呈现给用户的视觉效果。

 

基本框架

这五个要素给产品提供了一个基本框架,这个框架是自下而上而建设,每个层面都是由它下面的那个层面决定的,表现层由框架层决定,框架层建立在结构层的基础上,结构层的设计基础来源于范围层,范围层则是根据战略层来制定的。随着层面的上升,我们要做的事情就越来越具体。

图片

每个层级研究的内容不一样,所要达到的目标也不一样,具体每个层级应该得到什么结果如下:

战略层:用户需求和产品目标

范围层:功能规格和内容需求

结构层:交互设计和信息架构

框架层:界面设计、导航设计、信息设计

表现层:视觉设计

图片

 

战略层

战略层要解决的问题就是产品的目标用户是谁,用户需求是什么,产品目标是什么,能带来什么商业价值。可以通过行业分析、市场分析和用户研究来得到产品目标用户需求

当然这一部分的主要工作是由产品经理去完成的,设计师只需要知道最终的结果。

图片

 

范围层

范围层要解决的问题就是,将战略层的产品目标和用户目标转变成具体的内容和功能,同时对它们进行优先级排序。可以通过竞品分析和需求分析来确定功能范围和优先级。

这一部分主要工作由产品经理完成,设计师也只需要了解最终的结果。

图片

 

结构层

结构层要解决的问题就是梳理出产品功能的信息框架,按照功能的优先级排出哪些优先展示,哪些页面该展示哪些功能,展示的顺序是什么,并且梳理出大致流程,完成基本的交互流程。

这一部分由产品经理完成,设计师可以协助参与。

图片

 

框架层

框架层要解决的问题就是细化页面的信息框架,主要涉及到的就是界面设计、导航设计和信息设计。界面设计就是应该选择怎样的组件、组件怎么排版。导航设计就是将整个产品的界面串联起来,引导用户跳转。信息设计就是将界面中信息有效的组织出来,包括用户需要输入的信息和系统提示给用户的信息,都是经过设计之后,简单明了的传达给用户。

这一层的工作变得具体详细起来,要思考用户使用的过程中是否用的方便,前后逻辑是否清晰,最终是交付出一个线框图,也就是低保真的原型图。

这一部分是由产品经理和交互设计共同完成。

图片

 

表现层

表现层要解决的问题就是通过视觉设计去完成其他四个层面的目标,例如依据产品的目标、用户的需求来确定产品的调性,利用颜色、空间等来区分功能的优先级等等。具体的设计包括了整体风格、主题颜色、字体大小、图标风格、控件样式等等。

这一层就是设计师主要发力的层面,依据另外四个层面的结论,去完成设计。

图片

了解用户体验五要素的最终目的就是让我们设计有理有据,让我们的设计更加有目标和方向,让我们的设计更加有价值。

 

以上就是用户体验五要素的简单介绍,这五个要素除了可以来推动产品设计以外,还可以用于竞品分析,需求分析等,每一个层面也会涉及到一些别的方法论去得到最终的结果,具体详细的内容大家可以去看看《用户体验要素》这本书,里面除了介绍了五要素以外,还在每一个层面给出了具体的操作方法。

 

原文地址:Leo设研所(公众号)

作者:设研_仓仓君

leosheyansuowx

 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码