基于移动地图的团购APP改良设计探索

摘要：通过移动端和电脑端的团购对比以及传统团购流程的分析，确定移动团购在终端使用、消费习惯都与传统团购有着显著的差异。目前国内三个主流团购APP的LBS（基于地理位置的服务）现状各不相同，从入口位置、精确形式两方面对比发现，美团在两者的设计上相对合理。本研究以美团APP为基础，从信息架构、交互方式以及视觉表现方面提出相应的设计改良方案。

关键词：移动团购;LBS;地图;用户体验

1.引言

2.移动团购与传统团购的差异

移动端的用户与PC端没有太大差异，但由于使用设备、场景和出发点有很大的不同，所以在操作界面和流程上也发生相应的改变。傅小贞、胡甲超[3]等曾对移动设备与PC的物理和交互特征的不同进行了分析，以下是笔者针对团购的整理与补充：

2.1使用的终端差异。主要围绕团购所出现的情境因素进行时的实用性评估[4]由于平台的特性存在显著差异，移动端要求设计更加简洁、高效、一致，面对各种情景，能够具备有效、清晰和即时的反馈，在情感上使得用户倍感喜悦[5]。

2.2消费习惯差异。在移动团购尚未成熟前，人们使用团购平台消费目的主要是寻找自身喜欢且有较低折扣的团购的商家，在团购完后进行到店消费，主要流程如下：

可见，早期的团购流程较长，以实现功能为主，较少考虑用户的使用情景。团购发展至今，对消费者的吸引力使得大多数商家都愿意加入。随着人们生活水平的提高，移动支付的成熟，对折扣的追求已是其次，利用团购来避免不必要的消费价格支出变成目前人们使用团购的目的。这使得移动端团购具有实时性，用户选择的消费地点绝大多数位于所处地理位置的附近。基于移动端使用场景的多变性与灵活性，移动互联网下消费者行为[6]发生了相应的变化。外部情境刺激作用下带来的内心活动，影响着用户的体验[6]。

3.1美团。美团是目前在移动定位上基于地图形式的唯一的主流APP，相比于其他平台，给用户的搜索体验更加直观。美团将“定位”图标以操作按钮的形式放置在主页右上角操作区域，通过独立入口的形式将它与其他团购区分开来，十分便捷。但从该平台的团购流程来看，基于地理位置的团购并不最具效率，在搜索的简洁性和准确性上远不及其他两种搜索方式。从美团团购搜素流程的分析可以看出，在基于地理位置的团购上步骤较为繁琐，由于用户判断错误而导致无法准确搜寻到理想团购商家的可能性较大。

大众点评和美团、百度糯米不一样的地方在于：没有把基于地理位置的团购形式在主页表现，而是将它隐藏在“团购”这个标签式导航里面。以“附近最热”的类别名称与“为你精选”、“今日更新”并列。

3.2百度糯米。百度糯米选择把基于地理位置的团购（“附近”）放在底部主菜单内，将它从团购大流中独立出来，与美团的界面布局异曲同工。进入该菜单之后，以默认的筛选项（3km以内）作为列表的排序规则。用户可以很有效的排除距离太远和其他分类的商家，虽不及美团的地图背景来的直观，却也是比较快捷方便的形式。

4.怎样提升团购的用户体验

4.1信息框架――突显并增强从属关系。导航设计需要突出产品的核心点[5]，针对于结论1中关于基于地理位置的团购入口的位置问题，在保持“突显强调”的基础上，为增强其与团购的从属关系，实现路径的扁平化的界面设计目标[10]，笔者选择将其直接放在团购页面。与其他团购整体成并列关系，便于让用户了解该功能的存在。在保持底部标签式导航的基础上，将搜索功能的文本输入框放在页面顶端，方便用户更快捷的进行操作。

4.2交互方式――加入易识别的动态手势。在保证直观的优势上加入简单有趣的手势，让用户的操作不再局限于按钮。“附近”页面的顶级导航――商户分类，仍旧保留清晰的抽屉式，这也是Andriod UI规范所提倡的。但是在距离范围和定位形式上改为动感较强的拖拽，给用户带来新的体验。由于可视化的定位了范围，对于范围内的商户，作者可以选择以列表形式浏览，避免“群重叠”产生的误触。

4.3视觉表现――保持基础色、平台设计标准化。美团的APP有自己独特的品牌基础色，为了能够保持一致性，降低用户的认知负荷，在保持基础色的同时积极遵循Android平台的设计标准。细心设计每一个操作的反馈，让用户对自己的操作有掌控感。笔者认为在尽可能不改变原有原素的基础上渐进增强使用体验，做“让用户觉得简单的产品”[11]。

5.小结

从上述探讨中我们能够了解到：只有以用户为中心的设计才能真正满足用户需求，才能创造良好的用户体验。笔者仅针对移动团购中基于地理位置的团购场景进行了分析探索，发现团购软件在适应LBS生活服务的同时――机遇与挑战并存。团购软件的设计必须围绕用户，做好设计与技术间的平衡、创造与约束间的平衡，打造用户友好型的应用。（作者单位：江南大学）

参考文献：

[2]林小兰.OTO电子商务商业模式探析[J].中国流通经济，2012，

（5）：77

[4]樊明辉陈崇成.移动应用中的界面编辑[J].出版发行研究，2012，

（6）：56

[9]樊明辉陈崇成.基于地图的交互式可视化技术[J].华南理工大学报，2012-5，36

（5）：48