提升POS产品交互设计实践

用户体验User Experience,简称UE/UX)ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。交互设计(Interaction Design,简称IxD)交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之...

提升POS产品交互设计实践

提升POS产品交互设计实践

  • 用户体验

            User Experience,简称UE/UX)

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

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

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

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

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

提升POS产品交互设计实践

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


提升POS产品交互设计实践

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

提升POS产品交互设计实践

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

  1. 优化结构

  2. 精细微交互

  3. 便捷的输入

  4. 为使用场景而设计

  5. 为不同用户而设计

  6. 高颜值

  7. 超出预期的设计

提升POS产品交互设计实践

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

提升POS产品交互设计实践

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

优化后的界面

提升POS产品交互设计实践

  • 零售主页

提升POS产品交互设计实践

  • 数量\金额输入

提升POS产品交互设计实践

  • 口味编辑

提升POS产品交互设计实践

  • 扫描录入

提升POS产品交互设计实践

提升POS产品交互设计实践

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

提升POS产品交互设计实践

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

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

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

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

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

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

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

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

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

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

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

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

提升POS产品交互设计实践

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

  • 选择代替输入

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

  • 键盘再定义

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

  • 减少操作

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

提升POS产品交互设计实践

提升POS产品交互设计实践

提升POS产品交互设计实践

  • 模拟真实的操作场景

提升POS产品交互设计实践

  • 更突出的元素

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

  • 固化输入位置

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

提升POS产品交互设计实践

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

提升POS产品交互设计实践

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

  • 更清晰的流程

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

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

  • 更明确的提示

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

提升POS产品交互设计实践

  • 自助POS界面

提升POS产品交互设计实践

  • 自助POS提示动画

提升POS产品交互设计实践

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

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

提升POS产品交互设计实践

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

提升POS产品交互设计实践

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

  • 口味功能

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

  • 外卖功能

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

提升POS产品交互设计实践

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

提升POS产品交互设计实践

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

提升POS产品交互设计实践


提升POS产品交互设计实践

提升POS产品交互设计实践

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35189/

(0)
交互精选交互精选
上一篇 2018-02-09
下一篇 2018-02-10

相关推荐

  • 交互设计篇-如何处理需求

    如何处理需求,是产品经理的基本功,不管是来自老板还是客户的,亦或来自企业内部(运营、业务)及产品本身的发展,产品经理都需要把需求的收集、分析、管理做到有效进行。一、需求收集用户调研运用场景:产品规划初期或者遇到重大版本迭代,需要重新架构设计时,将会进行用户问卷、用户访谈的方式去挖掘用户的真实需求。基本方法:用户问卷-定量研究的方法,问卷问题一般为15个左右,包含用户基础资料信息(包括年龄、收入、教育水平等人口统计学范畴信息)和主观性的信...

    2018-05-06
  • 利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

    2018-05-04
  • Fitbit:一份用户体验案例研究

    当谈论到锻炼时,这个世界上有三类人:每时每刻都在健身的健康达人;那些一天中全部锻炼内容就是从前门走到车里,每天在沙发看电视的人们;在这两者之间,想变的健康强壮但缺少一些动力去健身房的人(又称在屁股上踢一脚才行动的人)。 我,和我知道的大多数人一样,都是第三种类型的人。我们被称为是

    微信热点 2018-03-31
  • 【招商零售】海底捞VS胖东来:用户体验背后的成功基因

    点击上方“聪聪说零售”可订阅哦!招商证券零售组:许荣聪、邹恒超近期的“老鼠门”事件再将海底捞推向风口浪尖,食品安全问题再次引发关注,但与一般公关危机不同的是,本次事件发生后没有出现一边倒的对海底捞的口诛笔伐,反而海底捞及时坦率的回应得到不少消费者的理解和支持。海底捞能坦然面对此次

    微信热点 2018-05-02
  • 用户体验是一门玄学秘籍

    Part 01 - 用户体验和用户体验设计关于“用户体验”这个词,很多刚入行的新人都觉得它玄之又玄,妙不可言。一方面是不知道他具体到底是什么,就好像那是一块理想地,看不见也摸不着,另一方面呢糟糕的用户体验,作为用户是能清晰感觉到它的存在。所以呢,在这里,会围绕“用户体验”这个词做一个科普性质的解释和综述,希望对初学者一些小小的帮助。1.1 什么是用户体验?用户体验的定义有很多种,我比较倾向的解释是:“用户体验是人对于使用一个产品、系统、...

    2018-02-22
  • 当售电开始谈“用户体验”

    [图片]   现在,很多售电公司打着“增值服务”的噱头来签客户,承诺给客户绝对满意的用电服务,但现在很多用户却反映:售电公司并没有兑现签合同时所承诺的很多增值服务,用户蒙受损失。即使仅仅只是部分售电公司的原因,但是这样下去,增值服务这手好牌迟早会被打烂,增值服务的说服力会也来越低

    微信热点 2018-02-14
  • 设计和记录用户体验的细节

    设计和记录用户体验的细节体验设计是产品开发过程中一个复杂、多用途、耗时的阶段。组织良好的流程通过减少误解使结果可预测来减轻团队压力,在本文中,我希望着重将主流方法映射到实际项目中,并且将可交付的成果归总在一起。阶段1: 构想这个阶段的目标是弄清楚客户的业务如何运作以及产品目标是什么。低保真原型是一种工具,它可以帮助你与利益相关方确认产品的心智模型,并讨论设计方法,在这一点上,我们正在寻找一个关于“我们正在建设什么东西?”问题的答案。附注...

    2018-03-31
  • 交互体验大升级 云视听极光3.0最新版本体验评测

    作为腾讯视频官方的电视端应用版本——云视听极光迎来了第三个大版本的更新:云视听极光3.0。在我之前的国内4大电视端视频应用软件的对比评测中我对云视听极光的老版本在交互体验上的感受只能用一般般来形容。这次的大更新官方声称对交互界面体验上针对用户需求和建议做了较大的改进,我也立马升级了软件进行了一番体验。让我们来看看云视听极光3.0在体验上到底如何吧。UI交互体验:界面设计进入软件就可以看到3.0版本的大变化,相比老版本,3.0的频道分类栏...

    2018-01-30
  • 关于用户体验,我有6点零星想法

    提升用户体验不是单方面的事情,它有多重影响,本文主要从六个方面来探讨关于如何提升用户体验。用户体验是指用户的主观感受(无法量化,因时而异,因人而异,因产品而异),它不仅仅是用户对产品本身的感受。产品所有可以延伸涉及的一切事件都可以是用户的判断基准,它所涵盖的范围很大,甚至对产品背后公司法人形象的认知都会影响到用户对产品的用户体验。提高用户体验不单单是靠交互、视觉、又或是产品,它还需要运营、市场、策划、客服等等部门的共同参与,用户所有能接...

    2018-03-16
  • 为增强产品的用户体验,UI设计师会做哪些工作

    近年来,人们越来越多地谈及用户体验,甚至将其视为互联网产品赢得市场的最关键因素。作为UI设计师,我们战斗在用户体验设计的一线,那么在实际工作中我们会通过哪些工作来提升产品的体验呢?下文给出了几点关于实际工作中提升产品用户体验的思考。我们在设计一个程序或者系统的时候,前提是保证产品定位及有目标用户群,保证产品是有用的,能连接不同的节点产生价值。如果一个程序没有用,那么对用户来讲就没有下载、使用的必要了。而当程序有用了之后,如果用户需要付出...

    2018-02-03