提升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

相关推荐

  • UED新刊 | 马岩松:梦露十年

    UED105期《MAD国际实践专辑》现已开始预售更有30本马岩松亲笔签名版,只限预售!具体购买详见文末互动福利PART 1新刊导读尽管频频有人发问,中国建筑为何迟迟未能冲出亚洲、走向世界,然而这是个太过深广的课题,涉及文化、经济、 政治、意识形态等等诸多方面,并不是三言两语甚至是一期杂志就能说清楚的。在这样的大背景下,马岩松和他的MAD 建筑事务所在国际上的实践探索,便分外独树一帜、另人瞩目。2004年,马岩松在纽约创办MAD建筑事务所...

    2018-02-07
  • 用户体验必读:将用户需求转成产品需求

    如何挖掘需求,来和大家聊聊如何全面分析收集好的需求,如何判断需求真伪。通常收集到的需求,绝大部分都是“用户需求”,所谓用户需求,是指听到用户说想要的东西,以及用户以为自己想要的东西,而产品经理要做的,就是思考如下三个问题:1、这个需求靠谱么?(需求的判断)2、这个需求真的是需求么?(需求的挖掘)3、怎么向别人讲清楚这个需求?(需求的描述)需求的判断产品经理先要判断这个需求是否靠谱,判断的标准就是需求是否有“价值”,这个价值,具体包括:用...

    2018-03-03
  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • 印尼APP用户体验调查报告

    随着智能手机功能的不断优化,用户对设备的体验要求也逐渐提高,用户的满意程度不再仅仅由服务质量来衡量。移动市场的竞争逐渐加剧,简单易操作的移动应用程序更能获得许多用户的青睐。市场玩家需从用户的角度去优化用户体验。用户体验一直是一个非常主观的问题,每个人都有自己的偏好。年龄、受教育水平、设备类型等因素都会影响到用户体验。近期一篇关于用户手机app使用体验调查报告透露了印尼用户的一些使用行为习惯,详细如下:(注册偏好)大部分受访者在注册一个应...

    2018-04-12
  • Sketch入门教程,教你4步打造完美投影

    经常逛Dribbble,Behance还有很多外国设计网站的小伙们应该都会发现,流行了一阵子的扁平化风都带有一个很清爽的投影(diffused drop shadow)。比如像这样的这样的还有这样小伙伴们有没有自己尝试过去做呢?会不会觉得很简单?确实,使用Sketch的小伙伴儿们应该都知道,Sketch添加投影的方法超级简单,旁边Shadows按钮一点击,就添加了一个投影。但有个问题是,Sketch的投影不是很好控制,容易做出这种四周黑...

    2018-04-16
  • 浅谈交互设计的七大定律

    新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

    2018-02-06
  • 设计一个快速提升用户体验度的网站架构

    点击上方“公众号”可以订阅哦渔哥服务☆ 网站建设:网站结构、网站功能、关键字策划、网站SEO、设计与开发。☆ 整合营销:品牌形象文案策划、产品销售概念策划、产品销售文案策划。☆ SEO优化:SEO排名优化、论坛营销、口碑营销、公关活动等病毒传播。☆ 托管服务:市场分析、受众分析、品牌与产品分析、全网整合营销推广。☆ 微信运营:微信公众号开发、朋友圈广告、微信运营活动、微商城搭建。☆ 定制培训:专业施教团队、完整课程体系、实际项目操作、低...

    2018-04-08
  • 交互设计七大定律

    除非有更好的选择,否则就遵从标准。——阿兰·库珀(交互设计之父)1、费茨定律(Fitts’ Law)使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(S)有关。用数学公式表达为:时间 T = a + b log2(D/S+1)。T指的是:移动设备所需时长;S指的是:目标区域的面积大小。D指的是:设备起始位置和目标位置之间的距离;a、b指的是:经验参数,它们依赖于具体的指点设备的物理特性,以及操作人员和环境等...

    2018-02-03
  • 马化腾:用户体验,比一切事情都大

    企业快速成长中,第一个大问题就是战略。/演讲|马化腾来源|笔记侠(ID:Notesman)我非常希望也很高兴在这个平等氛围中,以创业者的身份跟大家进行这样一场交流。在座的创业者,很多拿到A轮、B轮,有些在走向C轮。企业快速成长中,第一个大问题就是战略。创业最难的就是选准创业的点,你会面对很多机会、很多诱惑,需要不断做出选择。自腾讯初创开始的六七年,是我们变化最快的时期,我想把这个时期包括战略选择等方面的经验跟大家分享。一、关注痛点你出来...

    2018-02-16
  • 手机系统苹果、安卓交互设计的通用原则总结!

    :请点上面免费订阅系统的设计从用户角度来说,交互设计是一种如何让产品更容易用,让用户更愉悦地使用产品。它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解用户心理和行为特点,并用通用的交互能满足用户操作的预期。下面介绍一下在交互设计中一些比较通用的设计原则,大家可以参考一下。交互1、就近原则:将同一类的功能都组织放在页面相同模块中。2、容错原则:必须允许用户有犯错的操作,给予用户后悔的操作机会。3、帮助原则:为用户提...

    2018-02-16