原作:Marek Bowers 翻译:林影落
译者说:根据自己的经验和理解,对文章内容有所调整。
如果某人要你去定义“流”或者是用一个例子来说明它,你会说什么?你会下意识认为这是和用户体验或者交互设计相关的吗?可能是……可能不是。
在这片文章里,基于我作为用户体验师的经验,将介绍如何创造流畅的用户流程。
“流”(flow)可能会让你想到水。举个例子吧,就像雪如何融化变成瀑布或水流,然后又进入水库,河流或者海洋。
你也可以认为“流”是一种空气的形式。你知道一个高尔夫球有很多小孔来控制周围空气的流动(可以减少空气阻力),这样球就可以比普通的光滑球体飞的更远吗?
你可以以效率来衡量一个流程的成功(或者缺失)。只需要看看NASA和波音的合作,他们解决了在飞行器上一个流程的问题。 小组用特殊技术配备了波音757的尾翼,使飞行根据效率。这带来了什么?降低燃料消耗,节省了航空公司数百万美元!
流程与用户体验的关系
所以上面所有“流”概念有什么共同点?
流描绘运动:水流的运动,空气的运动,网站的运动,应用的运动等
流是可变的:流的可变性能够让高尔夫球飞得更远(反过来用可以落下更快);飞机飞行得更远(反过来用可以产生更多阻力);让网站用户更方便舒适的购物(反过来用也可以让她放弃她购物车里的东西)
长话短说,流的概念至关重要。你网站或者应用的成功多是在于你如何组织流程,用来满足你目标用户的需求,同时也满足你的商业需求。
因为低保真原型缺少视觉细节,用户流程就是你原型的核心了。低保真原型让你关注在如何以最流畅的路径,帮助用户完成他们的目的。
在脑海里建立用户流程
当你需要建立一套用户流程,你第一件应该考虑的事情是什么?
很显然,你的用户!
举个例子,如果你在设计一套商业智能工具,允许用户创建文档并且分享,你会至少需要两套流程:一个流程是为数据流用户(接受或者查看文档的用户),对于创建数据的用户来说,则是一套完全不同的流程(创建报告或者分享报告的用户)。
在你创建你的原型流程之前,你需要很清楚你目标用户的动机和需求。问问你自己,是什么在驱动你的用户,他们又尝试在完成什么样的任务?
一旦你创建了你的人物角色(persona),你需要在进入设计前就对他们做好分析。
确立最终目标
如果你在设计一套网站,在设计你的流程之前,最好确定并且画出你的用户从哪里过来的,我们建议你认真考虑下面几个元素:
直接打开的网站
搜索引擎
付费广告
社会媒体
相关网站
邮件
不同入口决定了不同的用户习惯。来看下对于在亚马逊买一款手机的某个用户,这些场景所产生的不同。
搜索苹果手机评论
进入亚马逊网站
用搜索框寻找苹果手机
浏览更多苹果手机评论
用搜索框寻找三星Galaxy
浏览Galaxy评论
返回原来的苹果手机亚马逊供应商页面
购买苹果手机
进入亚马逊网站
用搜索栏找到苹果手机
购买苹果手机
现在,我们不好说购物体验就是这两种模式那么简单(也有介于直接用户和搜索用户之间的行为)。我们只能说,你必须概括出这些不同的流程,以产出一个综合下来更流程的体验过程。
创建一个流程框架
这点上,你需要知道
哪一类用户是你设计这份流程的目标用户
那些用户目的和商业需求是需要完成的
你的用户从哪里过来
现在你可以想象用户在某个特定的页面前后会发生什么了。你可以把你的界面连起来,创建你需要的流程。
一个快速方法,你可以创造一个流程框架来探寻不同的页面流程。在绘图或者做原型之前,一个框架帮助你探寻你网站或应用中最重要的部分——内容。围绕这些内容创建流程,让你更精确的了解这套用户体验需要多少个页面。
这有一些创造框架的技巧
先写下来你的框架
画大框架帮助你清理你的思想,为你网站和应用的每个页面创建一个”共识“。
比如一个银行应用吧。场景是:某人想要开启自动存款。
记录如下,在[]里的内容代表按钮或者链接
[设置自动存款]
[每月一次]
[每月两次]
[隔周一次]
[每周一次]
[选择日期]
显示额度区间
[设置自动存款]
用速记的方法框架化整个流程
我们也可以用速记的方式来框架化流程。拿上面的银行应用举例,我们可以快速创建2个或者3个步骤,像这样:
1 选择存款频率2 选择日历日期
点击”每月一次“点击日期
绘出或者制作流程原型
现在我们已经准备好给我们流程框架的每个页面输出低保真图了。绘图能够让你在排布和结构上进行更多细节思考。一旦你做完了这个步骤:一个低保真原型,它可以帮助你检测你的想法。
至于制作原型的方式,实在太多了,从手绘到各种绘图和原型软件。这里就不一一说明了。
总结一下
很多用户场景,它需要我们去平衡用户需求和商业需求。用户需要最直接的达到他们的目的,商业需求也让用户达到目的,但是他们鼓励用户能够使用他们提供的方案,你需要传达给用户的就是这个方案带来的优点。
最后,我建议你从线框图入手(让每个方框代表用户动作里的一个步骤),等到线框图没什么问题了,才开始正式建立每一个界面,并且加入交互,让你的流程变成真实案例的原型。