交互总结篇(二):流程设计

上篇文章介绍了交互框架与布局的设计, 详情请见《交互总结篇(一):框架与布局》,而本文作为交互设计总结篇的第二篇——流程逻辑篇,主要是系统地整理一下交互流程设计所需要思考的方向。指由两个及以上的业务步骤,完成一个完整的业务行为的过程。


上篇文章介绍了交互框架与布局的设计, 详情请见《交互总结篇(一):框架与布局》,而本文作为交互设计总结篇的第二篇——流程逻辑篇,主要是系统地整理一下交互流程设计所需要思考的方向。

交互总结篇(二):流程设计

我们还是先理解一下概念:

什么是交互流程?

指由两个及以上的业务步骤,完成一个完整的业务行为的过程。

简单地说,就是用户为了达到某个目的所需要经历的操作和步骤。举个简单的例子,我现在想要在网上买一个商品,那么我首先选择某一个电商app,然后点击打开,搜索关键词,寻找筛选合适的商品,加入购物车,选择sku,确认订单,提交订单,选择支付方式,支付成功,等待收货,确认收货。那么,从开始打开app到最后确认收货整个过程就是一个完整的网上购物流程。

一个好的产品流程相当于其心脏和血液,能够让整个产品循环运作起来。同样,一个糟糕的流程除了增加用户的操作负担之外,还会影响用户和产品达成相应的目标。

举个例子,我们去医院看病,我们都知道很多人是不愿去医院的,为什么呢?因为医院的体验很糟糕。怎么糟糕呢?

我们来分析一下它的流程:

交互总结篇(二):流程设计

从上图可以看到,前前后后至少需要8个步骤,这还是最理想的情况,然而对于大部分患者来说完全是没有这个流程概念的,也就是说患者来到医院的那一刻开始就开始盲目的瞎找,找挂号大厅,找科室(很多人都不知道自己该挂哪个科室),找收费处,有时候好不容易排队挂完号后来发现挂错了,然而在这个过程中没有任何人给予提醒,最后不得不重新去排队挂号。暂且先不说排队和挂号这种无聊的等待之外,最让人无语的每个流程上的地点为什么都那么远呢!为什么挂号厅不能在收费厅的旁边,为什么收费厅和取药的地方要相隔几栋楼,如果某个环节上出了点问题,你可能真的会在这几个地方来回奔波……

当然这些问题都只是你去医院看病的一小部分而已,真实情况大家都经历过,广大用户对于医院的流程或许真的没有什么好感,也谈不上什么体验,所以通过这个案例我们可以明白,一个流程设计的好坏对用户能够完成任务与否以及用户的使用体验有着决定性的影响!

那么,该如何设计交互流程呢?

这里就要说到交互流程设计三要素:角色、场景和目标。

1、角色

角色是指处在这个流程里面所涉及到的用户,包括性别、年龄段、职业、收入水平等等……在分析用户的过程中尽量多维度,把整个用户画像描述越清晰越好。比如在网易严选上买东西的大部分都是年轻文艺女性,刷知乎的主要是大学生和上班族,用网易云听音乐的主要是一群热爱音乐的文艺青年……

2、目标

目标即用户想通过这个流程所达成的结果,也是用户操作这个流程最核心的意义,比如女孩子用网易严选是为了能够买到商品,大学生玩知乎是为了打发时间,文艺青年用网易云是为了听音乐。当然这只是很浅显的理解,探寻用户目标需要更深入的思考:

  • 用网易严选那类人真的只是为了能够买到商品?为什么放着淘宝不用?
  • 玩知乎真的只是为了打发时间?刷微博不是更有趣?
  • 听音乐为啥用网易云?qq音乐的音乐库不是更多嘛?

多想想这些背后的原因,这样你才能真正get到用户的“痛点”。

3、场景

场景也分为内部场景和外部场景,内部场景即当前用户的心理场景,外部场景相对就比较多:网络环境、时间环境、气候环境、位置环境、设备环境等等…..

打个通俗易懂的比方,我想出去旅游,本来打算坐飞机直达,突然明天有台风入境,所以在此场景之下我不得不重新选择其他交通方式,所以导致了我整个旅游路线和流程的变化。这个地方就出现了由于气候环境的影响导致流程变动的情况。

只要精准理解你的用户,用户目标和用户的使用场景就能够设计清晰准确的流程。假如我用这种思路尝试重新改造一下医院的流程呢?按照上面的步骤来分析:

  • 第一步,分析目标用户,医院的用户即患者,他们的特征即身体出现了一定的健康问题,有可能为老人、小孩、孕妇、青年或者中年患者,这里的用户范围太大,几乎包含了每一种人群,但是小孩孕妇和老人基本上都有家人陪同,所以我们可以把流程里面涉及到的角色更加细化,即青年或者中年的患者或者患者亲属,关键是这类用户对医院流程没有太清晰的感觉。
  • 第二步,探寻用户目标,患者的目标当然是去医院看病,当然最终极的目标是找到病痛根源,药到病除。然而在医院挂号排队等之类的流程并不是用户真正想要的流程,那是医院强加给患者的,所以会有一些医疗app做了一些网上预约挂号的功能,就是希望能让用户提前在手机上完成这些繁琐复杂的流程。当然此案例不考虑线上app,只单纯针对医院现有的看病流程。
  • 第三步,场景分析,这里场景比较复杂,不同的环境和地点的切换,要考虑到患者大多有着急需看病的需求,所以在流程设计上尽量减少不同场景间的切换,比如可否删除一些不必要的流程,合并一些步骤,位置顺序是否可以调整等等……

通过上面梳理我们提炼一下设计的思考方向:为用户做清晰的流程指引、减少不必要的操作流程、减少场景环境的更换、快速达成目标。

以此重新规划流程:

交互总结篇(二):流程设计

流程是这样的:患者和家属来到医院大厅前台,前台针对患者的病情描述告知患者需要挂的科室,然后发放医院的就医流程图,告知患者下一步该去哪里做什么,并附上医院每个科室的方位图,方便患者快速查找;然后患者来到相应的科室再次确认病情并挂号排队,等待的过程中护士可以跟患者针对病情再深入沟通并详细记录,既减少患者的等待焦虑,又增加了后续医生就医时候的效率;然后就来到就医的阶段,这个步骤视相对比较复杂,不同的患者出现的情况不同,这里主要考虑大多数患者的看病流程,即看病结束,医生开药,然后患者拿着单去交费,然后直接在交费处旁边的取药处取药,然后整个看病流程结束。

整个流程下来,不知道各位有没有觉得比我们现在的医院流程要好一些呢?虽然这是一个比较理想的情况,现实情况也不太可能是这样,但是以这个例子来讲其实主要是具象化流程设计的那些思路和方法。

最后,总结一下交互流程设计的三要素:

  1. 角色:仔细分析整个流程里面你的用户,有哪些特征,他们的心理预期是什么;
  2. 目标:用户想要通过你这个流程想达到的目的是什么,能给他带来哪些好处;
  3. 场景:思考这个流程下用户的心理场景和外部场景,合适的场景做合适的事;

(待续……)

相关阅读

交互总结篇(一):框架与布局

 

本文由 @小米渣和大冬瓜 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-08-04 10:25
下一篇 2017-08-04 11:26

相关推荐

  • 如何合理的在移动应用中使用动效

    译者语:本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章,很多词句用的可能不太妥当,在这里给大家作揖了!knock knock……

    2017-06-03
  • 让人最不喜欢的交互设计错误列表,来看看你中枪了没!

    好的交互设计可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计错误列表,来看看你中枪了没!1缺…

    2017-08-02
  • 【干货分享】从交互角度聊聊四类弹框的设计准则

    本来传统意义上的弹框一般有三种: 系统自动弹出的提醒 帮助用户快速的做出选择 对用户的操作给予反馈 但是现在还多了一种,而且很多产品都在用这种弹框方式,因为它很赚钱 — 广告。所以广告类的弹框已经被我列入弹…

    2016-08-11
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12
  • 交互体验大升级 云视听极光3.0最新版本体验评测

    作为腾讯视频官方的电视端应用版本——云视听极光迎来了第三个大版本的更新:云视听极光3.0。在我之前的国内4大电视端视频应用软件的对比评测中我对云视听极光的老版本在交互体验上的感受只能用一般般来形容。这次的大更新官方声称对交互界面体验上针对用户需求和建议做了较大的改进,我也立马升级了软件进行了一番体验。让我们来看看云视听极光3.0在体验上到底如何吧。UI交互体验:界面设计进入软件就可以看到3.0版本的大变化,相比老版本,3.0的频道分类栏...

    2018-01-30
  • 探究设计的本质,运用符号元素的经典好设计有哪些?

    符号,通常是指具有代表意义的标志。人类运用图形符号来传达信息远比文字传达信息早,它的起源可以追溯到原始社会中部族的图腾标志。随着人类文明的发展和科技的进步,符号设计有着由简至繁再至简的波浪式发展过程。今天很多的图形符号从古至今不断的发展演变,日趋精简,成为经典的视觉符号设计。

    2017-05-16
  • 体验不仅是界面——百度UE大讲堂笔记整理

    一、从注册页面看移动端交互设计 不知道你有没有过这样的经历,碰到一个好奇的软件,或者为了下载某个资源需要注册,当看到繁琐的注册页面时,或者是一看到页面就觉得令人心累的注册过程,你就立马放弃了使用这款软…

    2016-03-02
  • 灵兽奇谋之教你5招提升用户体验

    (来自梧桐树资本远方的祝福)007灵兽奇谋《灵兽奇谋》起源于我们携手100位行业大咖组成灵兽家族,每位家族成员都必须跟新零售007的粉丝们分享一篇,自己近年最干货的心得文章,可以是感悟,也可以是奇招,没有任何限制与约束,给予读者们干货与奇谋,是我们唯一的标准。每十篇奇谋为一季,2018年第一季,火热连载中。奇谋无高下,真诚见初心,谢谢每一位老师的付出,亦谢谢对面每一位乐于倾听的你。今晚灵兽奇谋来自灵兽家族代盐人兽哥,兽哥跟大家聊聊新零售...

    2018-02-11
  • UI设计师:教你以问答形式“来“把玩”APP

    作为APP狂热分子,定期去App Store或者其他渠道找新鲜的产品来玩儿,已经持续了很多年。但是光浮于表面的玩儿,还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。

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

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

    2017-08-02