Webapp设计的总结思考与APP产品设计流程规范

网站模版网(www.genban.org)阅读了《必胜宅急送Web app设计背后的思考》这篇优秀博文之后，针对作者分享的进行归纳和总结。刚好老谭自己也刚刚完成一个Webapp设计。所以就一起来跟大家分享Webapp设计的总结思考与APP产品设计流程规范。

 

我们都知道手机webapp也逐渐成为各大行业的移动互联网发展的纽带，通过Html5的技术支持，web app设计可以直接适配不同平台的手机屏幕并实现类似App客户端的体验。

首先：应该善用APP产品模型设计工具来画出产品原型。

因为线框原型在功能、视觉方面的局限性，用户的困惑点相比于上线后的测试可能更多，所以执行过程中的发声思考是非常有效的工具。

然后，就是理解、计划等转化成明确、能被观察或分析到的数据，沉默的内部心理行为可以帮助测试者从用户角度发现问题本质。

最后，综合其他用户和后续迭代反馈完成最终APP设计稿。

在此之前需要做的事情是：

1、产品的客户方动机

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

2、产品的设计动机

除了实现产品功能概念外（有效性），另外的动机就是减少消费者从登录网站到预览下单的时间（效率）和让消费者接受并喜欢使用宅急送（满意度）。有效性、效率和满意度是评判产品可用性的标准，在以用户为中心的产品设计中作为衡量产品质量的指标。产品设计师基于对市场、用户、产品的理解和积累建立符合可用性诉求的价值倾向，并贯穿在产品之中。

固然好的设计师擅长如何让产品、功能与用户需求有机结合，但在有些问题上，难以避免与其他项目成员、与客户之间的分歧，这时候采用可用性测试对用户动机研究就成为判断的依据。

3、产品的用户动机

想要立即得到设计师、客户都满意又符合可用性要求的完美方案是不可能的，所以结合项目进度要求，设计团队引入了低保真原型的可用性测试进行循序渐进的设计迭代，力图通过探明用户的动机解决设计上的关键问题。

对于可用性测试的一个误解是，可用性测试需要花太多时间和金钱。误解的前提是一个成熟完整的测试可能需要若干天数进行准备和测试，再经过一定时间才能整理数据并得出分析结论，由此带来的时间成本和招募成本不利于项目进行。

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

结语

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