闲鱼APP用户体验设计要素全面解析

发表时间: 2019-12-25 10:59

对于很多互联网从事工作的人员来说,“用户体验”似乎是一道避不开的话题。不仅大领导会强调用户体验,很多时候这魔性的四个字更是成为了产品经理在撕X大战中的万能药。

那么究竟什么是用户体验呢?很多人对用户体验最直接的理解,用户体验(User Experience,简称UE/UX)是用户在使用产品过程中建立起来的一种纯主观感受。”

Ajax之父James Garrett是这样描述用户体验的:“用户体验并不是指一件产品本身是如何工作的,用户体验是指“产品如何与外界发生联系并发挥作用”,也就是人们如何“接触”和“使用”它。”

笔者认为,好的用户体验不一定能成就一个产品,但它可以提升一个产品的整体形象,从而留住现有的用户(提升用户忠诚度),吸引更多的用户(口碑传播)。而坏的用户体验绝对可以毁掉一个产品。用户体验如此重要,那么对于企业而言,究竟如何去衡量所谓“好“与”坏“的用户体验呢

今天,笔者就为大家带来用户体验五要素模型,为大家深刻解读。首先,我们先从字面上理解用户体验五要素。用户体验五要素模型整体上是将其用户体验总结为从抽象到具体的五个层面,这五个层面分别是:战略层——包含产品目标、用户需求;范围层——功能规格、内容需要;结构层——具体的交互设计、信息架构;框架层——页面、导航、信息设计以及表现层——简单来讲就是呈现在用户面前的视觉设计。为了帮助大家理解,笔者将以闲鱼APP为例,详细解析用户体验五要素模型。


用户体验五要素模型


一、 战略层

战略层所要解决的核心问题就是“我们为什么要开发这个产品”。这个问题的关键在于弄清楚我们的用户是谁,用户的需求是什么?公司的商业价值和风险是什么?它包括两个方面:网站目标即产品目标和用户需求。只识别两个维度是不够的,还包括:

l 商业价值:产品能否为公司带来商业价值,带来怎么样的商业价值。一些战略型产品的商业价值可能不仅仅直接体现在盈利上面。

l 用户痛点:我们的用户是谁,有什么特征?我们要帮助用户解决什么问题,用户需要通过我们的产品达到什么目标?

l 市场现状和预期:市场的现状如何,是否存在竞品,他们的优缺点是什么?我们的市场的预期如何?

l 项目的风险:项目的风险有哪些,怎么规避风险?或针对这些风险,是否有解决方案?

l 项目计划:制定整体的开发和推广计划,确定各个里程碑的内容和日期。

战略层是重要而基础的,它决定着产品体验更具体层次的制定。简单来说,一款产品不管交互做得再好,画面有多炫酷,如果这款产品不能够解决用户的问题,对应用户的真实需求,那么对于用户来说其体验就是糟糕的,也是没有价值的。

二、 范围层

明确了战略目标后,范围层要解决的是“我们开发什么样产品?”的问题。在这个阶段,需要思考“我们要做什么”、“用户想要什么”,简单来说,我们究竟开发什么功能。

产品经理通过用户、运营、市场等各个渠道收集到用户需求。再结合战略层确定的目标对需求进行分析、筛选和过滤,最终形成一份完整的产品需求说明书。需求说明书的作用是将产品需要做什么和产品不需要做什么明确下来。这个需求说明书包含项目的背景、功能概述(对功能有个总体的了解。提供一份功能列表或一个功能结构图。如果是比较大的项目,还需要提供产品模块的划分和结构。)、需求说明等等。

以闲鱼APP为例,使用闲鱼的消费者最主要的需求是买卖二手物品。那么他们购买二手物品的流程是:搜索商品-浏览商品-下单购买-支付-收货-售后,在这个流程中,我们就需要实现搜索功能、购物车功能,可能还会有购物车功能等等来满足用户最基本的需求,而在这基本需求之上,添加“买家与卖家聊天“”评价“等功能都是附加功能。

三、 结构层

结构层其实是来产品和交互设计的交接点,在范围层,我们就已经定义好了需求,已经明确了我们要做什么。到了结构层,我们从抽象的需求逐步具体成用户可以感知的需求,同时,结构层定义了产品最终呈现给用户的框架,为下一层细化做准备。

这一层就包含产品结构、信息架构、页面结构和交互流程这四个部分。产品结构就是呈现给用户的页面和功能结构,是用户看得到的产品的结构,例如,一个社交产品,可能包括聊天页面、好友页面、个人中心页面。其中,个人中心又包括了个人信息、设置等功能。而闲鱼里则是分为:闲鱼、发布、鱼塘、消息和我的五个部分,闲鱼里还包含了扫码、分类、逛同城、找人学等等更细致的功能,发布则主要是发布闲置、租房、才艺等;鱼塘里则更多的是各个类别生活区的;我的则包含购买记录、互动信息等等。

四、 框架层

虽然命名为不过在这一层我们逐步将产品从抽象到具体。到了这一层,基本上能看得出产品的轮廓。在框架层,就需要进一步地进行设计,包含:界面设计、导航设计、信息设计。如何选择让用户更加容易上手的页面设计,如何让用户在操作的时候又位置感,知道自己停留在了哪个位置,怎么把设计元素糅合在一起都是这一层需要思考的问题。

五、 表现层

表现层是用户真真切切地可以感受到的产品外在。这是离用户最近的一层。主要是负责设计产品的配色方案,排版、对比、风格统一,充分研究和使用用户的感知方式,将产品风格呈现给用户。而闲鱼APP,整体采用亮黄色的风格,以可爱的一条鱼作为闲鱼的标志,黄色在颜色上更加的活泼,明亮与可爱,带给用户眼前一亮的视觉效果。

闲鱼界面风格展示

作者单位:深圳大学管理学院

参考资料:《用户体验要素》 Jesse James Garret 著