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

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


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

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

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

什么是交互流程?

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

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

相关推荐

  • 【用户体验】“互联网+”如何提升用户体验?

    “你兜售的虽然是产品,但真正能使你获益的却是服务”。为何这样讲?众所周知,顾客就是上帝。在今天,用户体验越来越多的被提及,产品得到了更多的外延及扩展,已经不再局限于产品本身的价值,而有了更多的后续价值和服务的依托。注重交付的每个环节的规范与体验,这让卖点从产品本身逐渐渗透到整个产品的生命周期中,用户对品牌的认识也开始从产品蔓延到店面、店员、交易流程是否顺畅、售后服务是否及时到位等诸多层面。换句话说,产品是基础,而优质的服务可以帮助企业赢...

    2018-03-03
  • Axure RP 8软件和安装教程

    Axure RP 8(64位)下载链接:百度网盘:https://pan.baidu.com/s/1hsfD3Kg提取密码:ivma软件简介:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。(仅供学习交流使用)安装前须知:1.解压和安装前请关闭...

    2018-04-17
  • 营销型网站建设如何优化网站, 提高用户体验!

    营销型网站建设如何优化网站, 提高用户体验!据相关研究表明:当页面加载时间从 1 秒到 3 秒,跳出的机会增加了30%左右。1s到5s的机会增加到90%,如果你的网站需要10s的加载,跳出的机会将会超过120%。  这是令人难以置信的,因此有效的提高网站加载速度,对于搜索引擎优化而言很重要。  那么,我们该如何提高页面加载速度呢?  首选,我们需要对已知网站速度测试,总结归纳问题:其次,制定相应的整改策略:1、开启MIP百度对于MIP的...

    2018-04-11
  • 朋友圈被天猫双11邀请函刷屏了?我们和它的创作者们聊了聊

    从2008年开始,每年临近11月11日,全国——现在可能是全球——的剁手党们都在等着看马云爸爸和天猫又能玩出什么新花样。今年除了史无前例的整整49张品牌海报以及4个版本的“主题大片”之外,天猫的小伙伴们居然连一封小小…

    2016-10-25
  • 美甲店如何做好用户体验?【下】 | 互联互生

    上周的一篇文章我们说到了“用户体验”对于美甲店铺的重要性,文章中我提出了一个“峰值和终值的一个概念”,以及举了几个服务性的行业的例子,它们是如何利用“多数被遗忘,偶尔特漂亮”这个心理给用户带来不一般的体验感。今天这篇文章我们重点来谈谈咱们美甲店可以怎样在“用户体验”上有一些创新。好客服的法则随着网络越来越普及和重要,大部分美甲店主都开始注重自己的店铺在网络上面的评价,我们就先拿大众点评这个平台作为例子。一个店铺在大众点评上面肯定有很多的...

    2018-05-06
  • 用好的交互设计来管理复杂-“查看更多”

    “查看更多”按钮像一个链接标签的拐杖,在各类网页及App中被通用,网站现在已经大量使用这个通用的标签链接。作为一个独立的标签,“查看更多”按钮,直接描述所表达的含义,用以帮助用户从下一页了解所期望的内容。

    2017-05-18
  • 2017赶集招聘节项目总结:建一座招聘之城

    为了在“金三银四”抢占先机,向本站导流,最重要的,是为了向广大蓝领招聘群体营造有趣、可信的平台,输出赶集优秀的设计价值和体验,我们3个设计师进行了各个维度的配合。注:视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的有景深的视觉体验。作为近年网页设计的热点趋势,越来越多的网站应用了这项技术。

    2017-04-30
  • 面试时,如何阐释设计思路?

    这几天有一些同学问我关于面试的问题,其实我对于整个面试的过程还没怎么总结过,但是对于如何阐述自己的设计思路倒是有一套方法,今天分享给大家。由于信息安全问题,我将底部的信息主架构进行了隐藏和改变,大家主要看整个设计思路的阐述,不要纠结细节。

    2017-05-07
  • 金蝶首席用户体验官对“用户体验”的思考

    “也曾经有人要我用一句话来描述清楚什么是用户体验,我说,不好意思,我一句话描述不出来,你给我半个小时。”金蝶公司首席用户体验官钟承东这样回答。产品人,你是否也曾这样认真地思考过:用户体验究竟是什么?你又需要要花掉多少时间多少语言,来组织出一个满意明确的答案?我们渴望的用户体验是什么样子?相信每个人都憧憬这样的用户体验,使用精心设计的产品,有如诗如画的视感,有如沐春风的触感,有余音绕梁的听感,甚至会精细到照顾用户的嗅觉和味觉,接触和使用产...

    2018-04-04
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07