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

相关推荐

  • Axure RP入门第五篇——全局变量实现不同窗口加载

    产品经理入门:Axure RP入门第五篇——全局变量实现不同窗口加载

    2018-03-04
  • 广告与用户体验如何共存?

    今天给大家分享的是来自UI中国会员-海舟Ocean关于广告营销相关设计的一些经验总结。最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体...

    2018-04-20
  • CTB50成员周红军| 从互联网用户体验谈交易银行创新发展思路

    诚邀各领域专家学者、从业者及机构投稿或荐稿与30余万行业精英分享与共同发展投/荐稿邮箱:tougao@sinotf.com中国交易银行50人论坛:客户在使用交易银行服务过程中所关注的用户体验,是竞争激烈的交易银行服务能否在市场上取得优势地位的决定性因素。文/安邦保险集团国际部总经理、中国交易银行50人论坛(CTB50)成员 周红军来源:中国交易银行50人论坛 学术成果汇编(2017)当下,随着互联网技术的迅猛发展,各行各业已经融入到“互...

    2018-03-31
  • 不会编程?Axure一样可以做网站

    说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做网站。接下去将分为几个步骤去阐述:1. 这些我们必须知道的小知识axure是可以生成html文件的,这为我们使用它来制作网站提供了可能性axure只能搭建小型的个人网站 ,他不具备数据库,比较适合做展示类的网站和普通网站构建一样,我们需要购买域名和购置虚拟服务器2...

    2018-03-04
  • 注重用户体验场景化,不局限于赛事版权的世界杯营销新浪怎么玩?

    缺少赛事版权,是所有互联网公司进行世界杯营销时面临的难题。新浪的做法是,利用社交网络的优势,通过提高用户体验,最终实现成功的营销。距离2018年俄罗斯世界杯还剩不到三个月时间,目前还没有任何一家新媒体平台获得赛事新媒体版权,在此情形下,各大网络平台选择怎样的报道及营销策略,将成为世界杯媒体大战的胜负关键。3月29日下午,新浪在北京总部局举办了体育产业论坛,首席运营官兼总裁杜红分享了体育产业新时代,在用户认知和消费全面升级的趋势下,如何通...

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

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

    2018-02-03
  • 在Sketch中做游戏?盘点那些你不知道的奇葩Sketch插件

    静电说:我想你一定是看了这个标题进来的,对,今天静电就要来给大家介绍几款看起来很奇葩的Sketch插件,甚至有些插件可以直接生成游戏!诶哟厉害了我的哥哥!来看看吧。Latex Sketch PluginLatex这款插件可以生成像下边的带有上标的公式,也许这个适合数学老师来用。当然如果各位小伙伴有做这方面设计的话,也许可以给你不少惊喜。嗯,这个插件已经被爱因斯坦点赞。下载地址:http://www.sketchchina.com/rea...

    2018-03-02
  • 在007里的用户体验是“爽”还是“不爽”

    有一天在微信上和007社群的班级一位同学聊天,一通天南海北的乱扯后,话题就回到007这个社群上了,因为这段时间我参与007社群的一些活动,对这个话题特别敏感,然而他却流露出对这个社群的很多不满意,我们之间的一段对话让我思考了很久很久。对了,这两天你看了你们小组的信息了吗?小组信息?刚看,不过我最近在考虑要不要直接退出007,感觉没意思,也啥时间整这些了。那你当初为啥参加007啊?没啥,就是觉得应该养成一个写作的习惯以及可以认识一些稍微志...

    2018-04-11
  • VUI语音交互设计:三步打造任务导向型对话场景

    语音交互的主要能力在于开放式domain的聊天型功能与任务导向的技能型功能。如果说快捷高效、轻松自然是语音交互的独特优势,那么任务导向型功能就是这些优势的完美落点,一个量好的语音交互产品,自然是技多不压身,能够cover的domain多越好,能够get的技能越强大越好。那么,作为语音产品设计人员,如何以短平快的方式设计一个任务导向型对话场景呢?当然,和传统交互设计工作一样,前期调研是很有必要的。你想设计的这个功能是否能满足产品目标、是否...

    2018-02-15
  • 《2017中国设计行业价格报告》——交互设计

    《2017中国设计行业价格报告》——交互设计创意点亮生活设计美好人生创意设计一个有温度有格调的公众号合作、投稿:cda-zj@vip.163.com微信:13777850472微博:@浙江省创意设计协会

    2018-02-14