O2O模式是餐饮业在移动消费趋势下主动拥抱互联网的方向，迎合餐饮消费者从以往经验判断为主转变为依靠移动设备、LBS、社交网络进行立体决策的过程。App成为联系消费者和餐饮业的重要纽带，承载着在O2O双向流程的闭环中加深消费者对品牌的认同和感情认知的作用。

FaceUI与必胜宅急送合作推出的手机订餐web版是对其O2O策略的补充和深化，通过Html5的技术支持，手机web可以直接适配手机屏幕并实现类似App客户端的体验。整个产品的实现过程，就是对产品背后动机的挖掘和把握，随着项目团队对动机的理解，设计思路也随之发生了转化。

产品的客户方动机

即为什么要做这个产品，客户方对此产品的定位和要求。不同定位的产品在功能或设计方向上会存在较大的差异，最常见的就是跟风型产品，如早期的各式IM、再到繁多的微博，还有如今火热的即时通讯工具，尤其移动平台的低成本高效率导致扎堆产品应接不暇。这样的产品更多是抱着分一杯羹或他有我也要有的心态定位，更注重被模仿对象的还原度，而不是个性特色。

必胜宅急送的手机web则是定位于O2O方向的探索。相较于传统本地app，手机web app可以较为轻松地实现跨平台的轻量级应用，脱离于app商店的web降低了初级用户或中老年群体的使用门槛。对客户方来说，依靠url作为入口，手机web可以便利地利用公众平台、朋友圈等社交传播网络进行推广。所以虽然手机web app仍然存在一定缺陷，在扩展消费者接触面、提高品牌自身竞争力等方面也极有潜力，这也是产品的功能目标和期望。

产品的设计动机

“要不是看必胜宅急送的logo，我还以为是个图片类网页”

“我不清楚这个优惠活动图片跟优惠列表具体有什么分别”

“点击‘预览菜单’后以为会进入菜单，没想到还要再选一次菜品种类”

“我会首先看优惠列表中有没有自己喜欢的东西，如果有就直接订购”

其中部分困惑（1和2）是线框原型带来的测试“噪音”，难以对当前版本提供实际的启发和引导，但3和4则反应了首页在布局和任务流程上存在的问题。被测用户进行发声思考使得行为背后的内容，如理解、计划等转化成明确、能被观察或分析到的数据，沉默的内部心理行为可以帮助测试者从用户角度发现问题本质。

综合其他用户和后续迭代反馈，最终的首页方案如下：

设计师对原首页方案上的方向是：简洁明了，突出订餐点单的核心功能，并在首页呈现用户所需要使用的功能入口。但在测试中发现，用户进入首页后受三种不同方向的动机驱动：

（1）已有明确的订餐目的和菜品，首页需要解决的是快速完成下单流程；

（2）浏览型用户会期望还原线下餐厅一样随心所欲翻看菜单的体验，再确定菜品和下单与否；

（3）而对于利益型用户，优惠活动和优惠力度最容易勾起他们的购买欲望。

所以最终方案在保持订餐的核心功能外，对于不同的入口动机，利用web不局限一屏浏览的特点，将菜品类目和优惠列表同时铺展，形成一个信息丰富的展示空间。

从测试中获得的另一项有价值的发现帮助解决了项目团队内部的分歧。点餐界面存在设计师出于不同考虑的方案：方案1（左边）从用户认知出发，点击“订购”后展现当前菜品数量并要求用户进行确认动作；方案2（右边）站在效率的思路，简化点餐的操作步骤，点击即增加一份菜品，并利用角标的方式帮助用户了解当前数量。

统计测试数据后，看起来更复杂的方案1的相关任务完成率较高，对比采用方案2的任务完成率较低，被测用户的发声思考也验证了这个结果：被测用户在使用方案1时更明确衔接动作，而对方案2会产生疑惑。

方案1中下单的操作比方案2多了至少2步，但整体流程上清晰明确，就像线下点餐那样，对每个菜品的数量予以确认，用户自由度较小，很难从当前菜品选择中跳出去。购物车的存在允许用户前往结算界面并支付，弥补了解总体订单情况的便利性。

方案2最大的优势是在单品数量较少（一份披萨的量较大）的情况下有较高的操作效率，在熟悉操作的情况下即使多份也不逊于方案1。但是随意点击就增加菜品带来的自由度让用户感觉会偏离任务，可以通过购物车减少菜品数量对用户来说也是个隐藏操作，所以最终用户很容易在方案2中产生困惑。

最终上线的点单界面如下：

方案1缺少了解订单总量的缺点利用上方的悬浮通知优化。用户的动机是获得需要的菜品，所以不经确认的下单动作会让用户失去安全感。对于符合用户思维模式的流程，即使步骤略多，在执行时因为习惯或直觉的引导，也不会带来太多注意力的分散或负担。用户未必能感受到方案2带来的效率提高，但一旦出现不完善就会招致不满。

同样在用户不需要为单一目标集中注意力的时候，特意突出的元素也是画蛇添足。这是被否决的结算界面原型：

本地app的样式不适合web app，网站上悬浮按钮的设计让用户感受不快，过大的面积也影响清单的查看。用户并不是任何时候都准备下单，只有在核对完自己的菜品和数量，形成支付期望后，“确认下单”才会成为他们准备点击的对象。

 结语

对动机的挖掘并不是非黑即白的单选项。在低保真原型测试的支持下，通过动机把握，确定产品哪些元素是有益的，哪些元素是无益的，最终形成效果显著的产品方案，获得品质和效率上的双赢。

FROM 动点科技