任务流程是交互设计的核心,但很多设计师拿到需求就开始画页面,很少停下来想:这个任务到底是怎么来的?应该分几步?每一步放什么?兰亭妙微在项目中总结了一套任务流程设计的方法,今天用买电影票的例子把它讲透。
先想一个问题:任务是原本就存在的,还是人为设计的?
游戏里 NPC 交给你一个任务,完成后给奖励,这显然是设计的。但你觉得 "上厕所" 是自发的吧?其实不然 —— 你想去厕所,目标是解决内急,任务是找到厕所、进入隔间、完成 "作业"。这个流程是经营者设计好的:厕所在哪、隔间怎么分布、洗手池放哪,都是人为规划的结果。
再比如家里的动线设计:洗完澡脏衣服放哪、拿到哪去洗、洗完晾在哪、晾干收去哪 —— 这些都是根据用户需求设计的任务流程。好的动线让你顺手,差的动线让你绕路。
所以,任务是设计师根据用户需求设计出来的。 理解了这一点,你就不会觉得 "流程本来就该是这样",而是会主动思考:这个流程能不能更顺?能不能更少步?
设计任务流程时,一个常见误区是只考虑主场景。比如有人问:为什么厕所的洗手池不放在隔间里?上完厕所直接洗手不是更快吗?
答案是:场景不是单一的。来厕所的人不只是为了上厕所 —— 有人只是洗个手,有人抽根烟,有人补个妆。如果洗手池放在隔间里,这些人就得等别人上完厕所才能洗手,效率极低。那隔间里外都放一个呢?对经营者来说,还要考虑成本、空间、利用率 —— 不是体验好就可以不计成本。
这个例子告诉我们:设计任务流程时,要考虑所有相关场景,同时平衡效率、体验和成本。
设计任务流程,兰亭妙微总结为四步。
先明确用户的目标是什么。比如买电影票,用户的目标是 "在线上预定一张票,去线下看电影"。
围绕这个目标,头脑风暴列出所有关键行为节点:选择电影、选择日期、选择影院、选择时间、选择座位、确认订单、支付。注意,一开始列的时候顺序可以是乱的,颗粒度可以大一点,先把所有关键行为列全。
节点列出来后,根据用户的核心场景来排序。比如 "选择影院" 和 "选择日期" 谁先谁后?
有人说我先选影院再选电影,但这是少数场景 —— 比如你在外地出差,突然想看电影,先找附近的影院。大多数用户的场景是:先想好要看什么电影,再考虑什么时候看、去哪看。所以选择电影排在最前面。
那日期和影院谁先?可以把行为具象化来判断:选择影院需要一个列表,用户要筛选和浏览;选择日期只需要一个简单的控制器(一周内的 tab 就行,看电影不像买机票需要大跨度时间)。需要筛选浏览的内容放在界面下方更合理,所以日期在前、影院在后。
节点排好序后,开始考虑怎么分配到页面上。这里要区分场景:
这里有一个重要原则:如果任务是线性的,且节点之间的场景会重复,就要让用户在当前页面直接修改,而不是返回上一级。 比如用户选完影院后突然想看其他电影,不需要返回到最开始的列表 —— 在当前页面就能切换影片。选座位时也能同步修改时间。每个页面里的信息和之前有重复,但这是为了效率,不是冗余。
那为什么不把所有东西都塞一个页面?Web 端空间大,确实可以把影片介绍、选影院、选日期、选时间都放一页。但移动端不行 —— 太复杂了,而且一个页面不能出现多个核心任务按钮("选座购票" 和 "确认选座" 不能在同一页)。页面拆分的本质,是在空间有限的情况下,控制单页复杂度。
主流程跑通后,还要补充支线场景:用户选错了怎么返回?支付失败怎么办?没选到合适的座位怎么换场次?这些边缘场景虽然不常发生,但一旦发生就是体验的硬伤。
任务流程设计不是 "把步骤列出来" 那么简单,它需要你理解用户目标、分析核心场景、平衡页面复杂度、补充边缘情况。
兰亭妙微的四步法 ——列节点、排顺序、合页面、补支线—— 看起来简单,但每一步都需要深入思考。下次做设计时,别急着画页面,先把任务流程想清楚。流程对了,页面自然就顺了。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。