用户场景化思维,在交互设计中的体现

当不清楚我们要得到什么的时候,那就先从交互设计三要素开始。


当不清楚我们要得到什么的时候,那就先从交互设计三要素开始。

用户场景化思维,在交互设计中的体现

交互设计过程中,很多人对于信息架构、交互流程以及页面布局的思考总是偏向于实实在在的结果,总是用是是而非的结果来框定它。其实,脱离场景而进行的设计都是无价值的。不以用户的场景为设计基础而进行的设计,都是水中之月。

产品开发的过程,总是希望将更多的功能添加上去,让产品大而全,但是却没有对功能进行分类,只是进行了功能的堆叠与罗列。然而从产品的另一端,产品的使用过程,用户使用只是完成自己的一个或多个目标任务。因此,用户只会使用其中一个或者若干功能,没有哪个用户是抱着了解产品有多少功能的目的而使用你的产品。如果不考虑用户在使用产品时的场景,而仅仅是进行功能的添加、删除,怎么可能提升用户的使用体验?

用户场景化思维,在交互设计中的体现

产品开发的“一对多”与产品使用的“一对一”

因此,设计师不仅仅要站在用户的角度去思考问题,还要为用户所处的场景,提供相应的解决方案,做好信息的整理与分类,引导每一类用户能够准确快速的找到相应的功能,这才是好的交互设计。

要想做好场景化下的用户思维的运用:

首先,要对用户场景中的功能进行梳理,整理出符合用户心智模型的信息架构。

下面是笔者之前做过的一个案例。产品需求是为了汽车的销售顾问提供一个销售助手,帮助销售顾问管理用户,以及提供车辆的信息查询等。其中,左侧的原型将一个产品的所用功能都塞进了一个叫“首页”的垃圾桶里。不管什么功能,都要从首页进入。如果,要从当前的A功能,进入B功能,不好意思,先回首页,再去B功能。这样的页面,就会显得头重脚轻,仿佛百度一样,控制了所有的功能入口,而底部标签栏的另外两个便签,在逻辑上是和首页标签同级的,但是,在内容上却更像是首页的一个小功能。

用户场景化思维,在交互设计中的体现
旧版与新版

通过对整个汽车销售环节中的所有角色进行分析,笔者梳理出了在整个过程中的角色关系模型。在每个小的关系单元中,都包含销售顾问、顾客、车三个要素。

用户场景化思维,在交互设计中的体现

角色关系模型

对销售顾问来说,就是人、车以及销售数据三方面的信息,这也是通过对销售顾问所处的场景分析得到的,也符合销售顾问的心智模型。因此,可以将整个产品中的功能点分门别类的放置到这三个标签中,得到应用中的三个标签。另外,对于销售人员来说,有一个交叉功能使用的很频繁,那就是日程提醒,它牵涉到顾客、车辆、回访、客户关怀等等,因此独立出来,成为一个新的标签。

这样的信息架构不仅仅功能分类清晰,而且符合用户的心智模型,销售顾问想要看到什么样的数据,都可以快速准确的找到想要的功能入口。

其次,要对功能所处的应用场景进行详细分析,了解场景的特殊性与限制条件。

场景是决定一个页面设计是否成功的关键。即使是同样的一个功能,在不同的场景中好的设计也不是一成不变的,都需要根据场景而进行相应的变化,有的是两个场景所做的设计是相冲突的。

用户场景化思维,在交互设计中的体现

左滴滴,右支付宝

拿国民APP支付宝而言,转账设计成了对话的形式,在正常的情况下,设计是没有问题的,既能满足功能的需求,还能保证交流的顺畅,不会出现断点,同时保证对话界面的整洁。这种设计对于熟人之间的交流是没有问题。如果将这种方式推广到所有的转账场景中就不合适了。

举个例子,在杭州,你早晨在甘其食的店里面买了两个包子一杯豆浆,采用的是扫码支付。这种情况下,店员手中并不能直接通过手机查看你的支付情况,因为你的转账账户是店长或者这个区域的负责人的账号,这样整个支付环节就存在监管的漏洞。店员就不能明确知道你支付的金额是否准确,以及你所支付的账号是否准确。如果店员过于监督这种环境,不仅会影响用户的购买体验,而且会影响工作效率。

相同的支付场景还有滴滴BUS的购票页面,相比较而言,滴滴的购票与验证页面就更加合理。当你上车时,在移动的场景下,让司机查看所购车票,滴滴采用的是类似弹出框的形式,并采用多种颜色的闪烁,来表示已经验票的状态。虽然视觉上不是很协调,但在远距离、晃动、不能集中注意查看的情况下,这种设计避免了逃票情况的发生。

但是这两种场景还是存在一定的差异的:

  • 滴滴购票的金额是一定的,所以只要验证是否购买就行了,而不必验证金额。
  • 支付宝的转账对象很多,而滴滴的售票方只有一个。因此,滴滴的结果验证,只检验你是否购票即可,而支付宝不仅仅要验证是否支付,还要验证金额以及转账对象。若再加上收款账号不在售货员手中,问题就更加复杂了。

最后,针对场景下的功能需求,提供出合理、合适的解决方案

在用户清晰、需求明确、场景明了的情况下,解决方案并不难提出。但是对于不同场景下的同一功能,解决方案相对来说会显得投鼠忌器,很多方案都会出现顾此失彼的情况,这就需要作出设计方案的取舍与考量。这一点确实是经验积累,踩过很多坑以后,才会有能力做出迅速、准确的判断与选择。这里没有固定方法,也来不得半点取巧,至少以笔者的经验来说。

对功能的梳理,可以让用户快速的找到解决问题的入口;对场景的分析,可以解决具体场景下的功能实现问题;对设计方案的取舍考量,可以实现产品方案的最优化选择。

用户的场景化思维,不是一种方法,更多的是一种思维。假想自己是产品的某一用户,在具体的场景中,带着具体的目的,来使用产品,你希望看到、用到一个什么样的产品。

 

作者:莫忘&初心,微信公众号:UIUX设计工作坊(UIUX-HUANG), 希望与同行者多多交流。

本文由 @莫忘&初心 原创发布于人人都是产品经理。 未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-16 05:04
下一篇 2017-05-16 07:01

相关推荐

  • 什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

    2018-03-20
  • 来!说一个影响用户体验的网贷“非典型”案例

    点击上方文字“Fintech首席体验官”关注最在乎你体验的公众号这是一个体验至上的时代,无体验,非产品。今天的推送选择了最近在新金融圈,因体验问题而引发的一个“非典型”案例,或许可以作为大家在追求合规过程中的一个警示。先来聊个5毛钱的吧……无论在哪个行业,用户体验都一直被强调。毫不夸张地说,一次用户体验上的失误,给平台带来的伤害几乎是不可估量的。近期,深圳网贷平台人人聚财就遇到了这样的事儿。【背景资料】人人聚财成立于2011年,主营业务...

    2018-03-28
  • 顾振宇:Ubiquitous Fun-交互设计的享乐主义未来——上海交通大学创新设计论坛-体验和交互设计分论坛

    演讲题目 Ubiquitous Fun-交互设计的享乐主义未来 在可预见的未来,随着用户数据的积累和人工智能的发展,产品“可用性”问题会逐渐淡出我们的讨论主题,同时,人们对物质的需求总是非常有限的,因此“实用性”价值空间…

    2017-01-03
  • 互联网产品开发阶段,几个典型阶段

    在互联网产品开发阶段,通常要经历以下几个典型阶段:确定用户需求和产品目标、概念设计、原型设计、界面设计、信息设计、视觉设计、前端开发、用户体验测试、产品完善、产品发布等过程。当然,这些阶段的划分有时…

    2015-12-23
  • 全民关注用户体验的时代已经到来

    聚焦2018年全国两会,共有13位人大代表和政协委员提倡在相关领域内发展与提升用户体验,范围遍布于新能源汽车、互联网、通信、教育科研、传媒、版权保护、交通运输与医药等数十个行业,引起了社会各界的广泛关注。两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。叶友达建议,从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。同时要加大对基于用户体验的设计创新的宣传力...

    微信热点 2018-03-22
  • 成也排版败也排版:一个选择的过程

    作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
    1.000x 1.618 = 1.618
    1.618x 1.618 = 2.618
    2.618x 1.618 = 4.236
    4.236x 1.618 = 6.854
    6.854x 1.618 = 11.089GoldenRatio (1:1.618)

    11.089x 1.618 = 17.942
    17.942x 1.618 = 29.03
    29.030x 1.618 = 46.971
    46.971x 1.618 = 75.999
    75.999x 1.618 = 122.966MinorSecond 15:16
    MajorSecond 8:9
    MinorThird 5:6
    Major Third 4:5
    …PerfectFourth (3:4)

    9.969x 1.333 = 13.288
    13.288x 1.333 = 17.713
    17.713x 1.333 = 23.612
    23.612x 1.333 = 31.475
    31.475x 1.333 = 41.956
    41.956x 1.333 = 55.927FontSizes
    Header1: 55px
    Header2: 42px
    Header3: 31px
    Header4: 24px
    Header5: 14px
    Body:17px
    Caption:14px

    2017-05-01
  • Web用户体验设计总结

    最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。

    交互设计 2017-06-03
  • 超全面!聊天机器人的界面交互设计实战经验总结

    最近在做智投App的机器人Neo的原型设计,是一个chatbot 聊天机器人 ,整理了一下关于 聊天机器人 设计的一些心得。一. 背景:这是Neo的第一个版本。Neo通过问答的方式了解用户的基本信息…

    2017-08-02
  • 如何让头脑风暴更有效率

    头脑风暴法是广泛用于团队的一个产生想法和解决问题的方法。然而,许多头脑风暴活动是有不完美的,最终并不能帮助激发思想上的创新。众所周知,传统的头脑风暴,团体在一起,把想法一个接一个的表达出来,通常这是…

    2014-11-10
  • 交互设计师的60日计划第十五天

    今天晚上去上了想上已久的舞蹈课,超级超级开心。说要学舞说了这么久,总是不能兑现。今年的另一个要实现的事情,就是每周坚持学舞蹈吧。 20150813 产品经理的自己提的方案也可能并不是他想要的 很久以前师父和老大…

    交互专题 2015-08-20