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

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


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

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

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

什么是交互流程?

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

简单地说,就是用户为了达到某个目的所需要经历的操作和步骤。举个简单的例子,我现在想要在网上买一个商品,那么我首先选择某一个电商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

相关推荐

  • 交互设计初体验(iUED)

    对于一个初入交互设计行业或者即将和我们一起在交互行业并肩作战的你是不是有种不知所措的感觉呢?其实这是一个很正常的现象,造成这个现象的原因一方面是交互设计师在实际工作中的产出物一般是线框图、流程图、信…

    2017-08-02
  • 【IXD案例】国际第一时尚品牌VOGUE-iPhone端案例高保真原型-抽屉效果案例

    本次分享给大家展现依然是高保真效果的原型,上一次展现的是iPad版本的,这次是iPhone端版本的原型,和上次一样,我们依然以国际第一时尚品牌VOGUE为例:iPhone端的效果比iPad更复杂,难度更高,我们要做的是抽屉效…

    2016-02-26
  • 译文 | 4种帮助设计师整理设计思路的方法

    当我们刚刚接手一个项目的时候,我们总能在初期迸发出很多有趣的想法,很多闪光的细节都是偶然闪现的,但当我们在设计的过程中,有多少能够真正落地到产出中呢?怎样才能成功捕捉到这些有趣的创意,并使之在后续的产品设计中表达出来?本文向大家推荐了四种方法,帮助大家整理设计思路,避免创意在你的脑海里逃走!下面进入译文。

    2017-05-25
  • 用户体验和可用性之间的联系和差异

    关注一下,更多精彩等着你用户体验和可用性的不同目标对于网站而言,唯一的可用性目标是“易于使用”。但是,用户体验的目标是关于用户在使用网站之前,期间,之后获得的整体感受。因此,可用性和用户在网站中完成任务的难以程度是有关的,而用户体验关注的则是用户和网站互动上的感知。可用性在用户体验设计中扮演着重要的角色拥有良好可用性的产品,用户在使用之后会感觉方便、快捷、舒适,同时减少用户操作出错的可能性。很显然,它会唤起用户良好的情感体验,让用户感到...

    2018-03-09
  • 四个帮你提高UI设计效率的工作技巧

    业界 NG 率:接近 100%许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好——我负责光鲜亮丽地画图,工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文。

    2017-05-20
  • 浅谈如何从零学习成优秀的交互设计师

    浅谈如何从零学习成优秀的交互设计师 本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始…

    2014-12-23
  • iPhone十年,移动用户体验领域已经到达成熟阶段

    译者:Daisy全文共 3904 字 7 图,阅读需要 8 分钟———— / BEGIN / ————最开始的iPhone于2007年6月发布。2008年末,当我们开始研究第一版移动报告时,大多数人还是在使用有着最极其糟糕的用户体验的原始移动设备。在那个时候,相较于体验糟糕的移动设备和移动网站,任何稍微像样的产品都会带给用户愉悦的体验。三年前,移动报告第三版出来时,我们对移动端可用性做了严密的评估。我们很高兴移动端可用性报告不再是一种矛...

    2018-04-11
  • 总结|2017年的5个网页设计趋势

    几何图案与全屏背景图结合、灰色的高级用法、色彩叠加……这篇总结的这5个网页设计趋势,其实在年底就初现端倪,所以2017年大面积运用几乎势在必行,想不落人后记得打开阅读哟。

    2017-05-08
  • 交互进阶指南:如何扫除交互设计路上的3大障碍?

    目前网上基本没有对做交互设计师的难点进行系统的归纳和总结。基于这个原因我总结交互设计师的三大障碍以及如何扫除交互设计师路上的3大障碍。

    2017-04-29
  • 网页重设计的7个常见误区与解决方案

    “如果所有都是重点,那么就不存在重点了。——Patrick Lencioni”“用户在手机上永远用不到这些内容。”

    2017-05-23