交互学堂
专注分享专业知识

提升POS产品交互设计实践

  • 用户体验

            User Experience,简称UE/UX)

            ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。

            用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。

  • 交互设计(Interaction Design,简称IxD)

            交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之间创建的一系列对话。这种对话是用户与产品之间最直接的接触,产生最直接的影响。

            交互设计的好坏,可以直接影响用户操作产品的感受,进而影响产品的用户体验。

用户体验图解 摘自http://www.studioaum.in/


用户体验要素 摘自《The Elements of User Experience》

        用户体验的提升涉及产品的方方面面,在传统POS向智能POS转型的过程中,最大的升级是系统和设备;而设备和系统的改变,给用户带来最直接的感受就是交互方式的改变。通过自身产品纵向比较、与竞品的横向分析再结合用户体验要素,我们发现在产品的交互设计上还有很大的提升空间。过去的一年,我们在这方面做了更多的工作,以寻求突破,总结为以下7个方面。

  1. 优化结构

  2. 精细微交互

  3. 便捷的输入

  4. 为使用场景而设计

  5. 为不同用户而设计

  6. 高颜值

  7. 超出预期的设计

        好的交互,应该是引导用户去快速的完成操作。我们首先整体规划,对功能进行梳理,站在用户的角度布局,优化结构。

  • 小微商户零售页面层级展示

优化后的界面

  • 零售主页

  • 数量\金额输入

  • 口味编辑

  • 扫描录入

  • 针对商品行,设计多种微操作方式。

  • 同时无限滑动(跨分类)和分类跳转。

优化结构与精细微交互的提升结果

  1. 页面结构更合理,层级清晰,归类明确,增强了产品的易用性。

  2. 极简的页面,展示最主要内容;减少信息干扰,降低误触率。

  3. 保持主数据层置顶;可在任何情况下对主数据的进行操作。如:可在任何情况下完成结算动作;连续更改商品价格。

  4. 针对摄像头扫码模式进行了创新设计,采用非全屏模式,在保证扫码功能的同时,保持对主数据的关注。

  5. 减少弹出窗口对操作的打断。

  6. 比竞品的”toolbar“模式,每次编辑操作可减少1-2次的点击操作。

  7. 直接点击进行编辑,减少了视觉的移动距离,降低了操作耗时。

  8. 在同类产品中率先引入滑动删除,并将原有的先滑动,再点击删除按钮的2步操作,简化为直接滑动删除。

  9. 在保留微操作的同时,同样保留按键操作功能。

  10. 同时支持了无限滑动(跨分类)和分类跳转,提升了商品录入的速度。

        较传统POS,智能POS的输入是一个短板。由于智能设备的输入依靠系统软键盘,这样既降低了输入的速度,又打断了操作流程。但是输入是一个不可避免的环节,所以我们针对输入也进行了优化。、

  • 选择代替输入

            由于智能设备可触摸操作,点击操作是非常友好的。我们尽可能的提供更多的选择项,将输入转化为选择。

  • 键盘再定义

            针对必须需要输入的操作,我们也尽量避免使用原生键盘,而是对键盘进行了再定义,并将键盘和功能界面做了很好的融合。

  • 减少操作

            当用户需要修改金额或者数量时,输入框内会展示当前金额或数量,用户无需删除,直接输入新数值即可。

  • 模拟真实的操作场景

  • 更突出的元素

            移动设备的按钮标准是48dp,考虑到POS产品的实际操作距离要大于普通的移动设备,而准确性要求更高的特点,在设计时将主要的操作按钮,放大了1.5到2倍,并通过颜色将不同的功能区域进行划分,让用户可以更准确高速的进行操作。

  • 固化输入位置

            传统POS快速的操作,是依赖用户对键盘盲操。为了给用户一致的体验感受,我们在触摸屏中尽可能的还原了这一特性,使相同的元素保持一致。

  • POS6.0产品,所有的数字键盘位置和大小均保持一致

        我们在设计时充分考虑了使用者的专业程度。传统POS的使用者,大多为专业的收款员,在使用POS之前都一定操作经验。而自助POS直接面对消费者,就需要可以在零培训的情况下独立使用。

  • 更清晰的流程

            针对自助POS的用户,我们采用单线程的操作流程,用户根据提示,一步步完成操作即可。

            去掉了冗余的功能,确保每一个页面只有一个主题,操作流程清晰。

  • 更明确的提示

            为确保每一位初次使用的用户都可以独立完成操作,除普通的文字提示外,我们还采用了丰富的动画及语音提示。

  • 自助POS界面

  • 自助POS提示动画

        颜值重不重要?当然重要。

        颜值有多重要?直接决定了用户对产品的第一感受,而这种感受贯穿用户使用产品的整个周期中,间接影响了最终的用户体验。

  • 小微商户项目,努力打造高颜值的产品。

        在同质化相当严重的今天,如何在众多同类产品中脱颖而出,那我们就需要有自身的特点,有超出用户预期的设计。

  • 口味功能

            口味是我们经过多款竞品分析之后,发现我们所特有的功能。我们不仅支持了口味类型的选择,还支持了对口味数量的编辑

  • 外卖功能

            针对外卖功能,我们也做了细化,将外卖功能支持到了单品。这样既可以满足整单外卖,也可以满足一单内同时存在堂食和外卖的需求。

        超出预期的设计,这点我们做的还不够;后续会深度发掘自身产品的亮点,形成取胜之匙。

        在完善POS产品交互体验的过程中,我们不断融合新型交互方式,并结合自身POS产品的特点,加以创新,形成一套符合自身产品的交互设计方案。当然我们在探索和追求的路上,还有很多缺点和不足;我们将秉持匠心,不断打磨产品,从整体框架到每一处细节,做到认真谨慎,注重点点滴滴,以确保产品的精致与精美。我们会遵循内心的极致追求,努力创造出品质卓越的产品,并且让这个世界变得更美好一些。


未经允许不得转载:IAMUE » 提升POS产品交互设计实践