UCD设计:以用户为中心的产品设计(一)

释放双眼,带上耳机,听听看~!

UCD(User Centered Design)是一种设计思维、模式,指以用户为中心的设计。是指在设计过程中以用户体验为设计决策的中心,强调用户优先的设计模式。

UCD设计:以用户为中心的产品设计(一)

UCD为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面,强调用户体验第一位。因此,交互设计和视觉设计是UCD的核心思想。

一些B端的朋友,可能会说:作为B端产品经理关注的重点在于产品的业务本身。更多专注的是业务的逻辑和流程、业务之间的依赖关系、穷尽业务场景、推倒因果关系……交互设计和视觉设计不应该更多的是C端产品经理的关注重点吗?
这个观点并不完全正确。

对于C端产品来说,交互设计和视觉设计是产品的核心竞争力,是产品在商业战场上赖以生存的法门。但随着市场发展下的行业壁垒加大,B端产品间的竞争也进入了红海……在这种背景下,优秀的交互设计和视觉设计同样是对B端产品的竞争力能起到推动的作用。在以业务为核心,注重结果和商业利益的B端产品中,能起到画龙点睛的作用。

用户体验五要素

UCD设计:以用户为中心的产品设计(一)

用户体验5要素模型是UCD设计的经典设计模型之一。

是 杰西·詹姆斯·加勒特(Jesse James Garrett)在《用户体验要素》中提出的概念。

PS:这本书是2002年写的,当时的互联网环境和背景对比今天有着翻天覆地的变化,所以里面的一些案例现在来看并不准确。并不建议大家去深读,可以在知乎、简书上去找一些归纳总结,间接地去了解他的一些方法和模型。

在这个模型中,将产品的用户体验分成了5个纬度。自底向上,由抽象到具体分别是:战略层、范围层、结构层、框架层、表现层。

这个模型从业务到模块,建立了一个成熟的产品设计框架和方法论。不管是B端产品还是C端产品,虽然在侧重点、侧重层级存在着一定差异,但是通过用户体验模型,可以很好的帮助PM去思考、组织、构建我们的产品。

如果单单从概念上来来讲这5个要素可能很生硬,但结合到这5个层级每层输出的具体内容,就比较好理解了。

1、战略层

在之前的一篇文章里《来说说怎么做竞研》,已阐述了在产品立项前如何去做产品的预研。战略层,即需明确产品的目标和定位,完成产品的立项分析,并输出产品的BRD和MRD。其中主要包括:

  • 产品的定位————产品的形态是什么?出发点在哪?
  • 产品的核心功能————抓住产品的差异性,解决市场和用户的痛点
  • 产品的用户————用户画像的构建,用户的行为、特点分析
  • 产品的商业模式————产品的商业价值如何呈现?盈利在哪?如何在短期、中长期存活下来
  • 产品的风险————从项目角度来看,存在哪些内外风险?对产品的前景和消耗的资源的权衡
  • 项目的目标————产品的研发和推广计划、生命周期管理以及重要时间节点
  • ……

2、范围层

由战略层向上到范围层,就是产品具体做什么。

在范围层,需要阐述产品的功能是什么?业务逻辑是怎么样的,形成并输出需求订单、PRD。

  • 业务概述————产品的基本业务概述。提供业务架构的脑图或者功能模块列表。阐述产品的模块的划分和结构
  • 产品功能性需求————对需求的业务说明,在什么场景下,实现怎么样的功能
  • 非功能性需求————产品的兼容性、并发性、实时性、持久性、可维护性、灾备等非功能性需求

3、结构层

在范围层我们明确了产品的需求点,到了结构层需要我们呈现基于业务需求点组织形成的产品架构,如信息架构、业务流程:

  • 信息架构————信息架构是产品的骨架,是产品内容的组织形式。直白点说,就是一款产品有几个一级频道。核心的支撑起整个产品的一级频道、二级频道各有几类内容、多少内容。通过脑图,可以迅速帮助我们构建产品的信息架构
  • UCD设计:以用户为中心的产品设计(一)

  • 业务流————信息元素在页面、结构层级、前后端的流转。举一个简单例子,在APP里接入蚂蚁信用认证来获取用户的芝麻信用分。从客户端页面上表单填写,到服务端调用第三方接口,再到和第三方平台进行交互以及最终客户端的结果展示……通过流程图、时序图等方式详细阐述信息元素的流转和业务流。
  • UCD设计:以用户为中心的产品设计(一)

  • 交互流程————用户的操作流程以及在页面之间的跳转,用户在一个页面上做什么操作,页面通过什么样的方式响应(toast?弹窗?页面跳转)……

4、框架层

框架层即页面元素的布局、内容的呈现。

元素布局————页面上要呈现哪些内容,需要哪些元素组件。比如在一个电商产品里,要在某一活动页里展示商品信息,需要展示哪些内容(商品名称?商品的宣传图?促销信息?)。同时在该页面上需要用到哪些组件(卡片?列表?banner?上拉sheet?)来展示内容

图1:用户动态故事,通过banner幻灯片展示的形式,图2:用户动态故事,通过卡片图片拼盘展示的形式,同样的内容,不同的元素组织布局。

5、表现层

在表现层,我们需要输出产品的交互设计和视觉设计。表现层也就是产品交互的体验和视觉的传达。

交互设计————用户和界面交互的效果,比如对页面元素操作的滑动、滚动效果;button点击的弹窗或跳转形式……

视觉设计————产品的设计语言(MaterialDesign?IOS human Interface);产品的配色及主题风格;元素与组件的样式风格(扁平?MBE)……

结语

用户体验五要素模型是经典的UCD产品设计模型之一,可以非常立体的帮助PM去对产品进行一个多维度的组织。从战略层到表现层,也是一个由抽象到具体、从定性到定量的过程。通过这一经典的设计模型,使产品设计人员能更好的整理需求并结合功能呈现出来。

预告一下,后面的几篇会结合案例写一些在UCD设计中,交互设计的一些原则,敬请期待~

给TA买糖
共{{data.count}}人
人已赞赏
产品设计

万字干货:带你了解格式塔设计原则

2020-7-31 13:46:22

产品设计

这6个设计技巧常识,你不会还不知道吧?

2020-7-31 17:29:58

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索