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

相关推荐

  • 交互设计笔记整理

    PC与手机对比使用环境pc:固定位置,干扰少,注意力集中,输入方式强大。手机:任何地方,干扰多,注意力难集中,输入方式单一。交互媒介pc:操作精准快速,桌面大显示内容多,过大屏幕会有视觉盲点。手机:手指操作,精准度低、速度慢。使用特点pc:需处理复杂任务,多任务切换,讲究效率和强互动,没有电池流量问题。手机:适合处理简单任务,多任务切换困难,适合各种姿势使用,电池流量问题严重。web与APP界面对比web是书架,内容繁多,一目了然。更直...

    微信热点 2018-04-07
  • 「Sketch | 译文」用共享样式创建文本系统

    原文作者:Bunin Dmitriy来自:Medium阅读全文大约需要 6 分钟相信字体样式管理对很多新人设计师而言并不是一件容易的事,甚至很多工作多年的设计狮也并没有很好的规划自己的项目字体样式的习惯,这不但增加了设计项目的维护难度,更主要的是随着项目的不断膨胀,你项目中的排版会变得杂乱无章、极不统一。其实使用Sketch来进行字体管理并不复杂,今天带来的是Bunin Dmitriy的一篇关于文本样式系统的文章,不到十分钟可以让你对文...

    2018-04-14
  • 【每天一小讲】便捷的用户体验才是命题简化之根本!(语音版)

    如何进行命题简化?来自盯盯学院00:0001:24命题简化是让产品或者服务的水平超出竞争对手一大截。根本是要让顾客用的特别方便,特别爽。命题简化瞄准的是优质市场,一般来说这个市场比较小。当然也有特例,比如苹果手机,既存在于高收益的优质市场,同时也创造出了一个全新的大规模市场。一个优秀的命题简化者根本不需要花多少钱做宣传,用户会主动向周围的人推荐,实现爆炸式增长。如何进行命题简化?产品设计几乎是命题简化的全部。目标就是让产品具有使用上的愉...

    2018-04-09
  • 学交互设计,怎样选择到适合自己的学校?

    欢迎关注弗斯特国际艺术教育出国留学选择学校,哪些会成为你的考虑因素?学校名气超大,排名都是top级?明星校友超多,都是艺术大佬?学校位置超好,正居于市中心?校园环境超美,好似旅游学习?不得不说这些会成为许多学生和家长,在选择目标院校时经常考虑的一些因素。排名、明星校友、地理位置,可以作为参考依据。BUT!这些不能是最终的决定因素,最重要的还是自己对专业的最终追求。交 互 设 计 详 解交互设计又称互动设计,英文名称为Interactio...

    2018-04-03
  • 2017用户体验行业调查报告

    更多精彩内容:IPO新机制 催生市场四大变化最全关于企业上市流程知识汇总!(强烈建议收藏)由IXDC主办的2017国际体验设计大会于2017年7月12-16日在国家会议中心举行,作为全球极具影响力的体验设计交流平台,吸引了3000多名从业者参加,大会通过主题演讲、工作坊等形式充分交流经验,共享体验设计盛宴。而作为一年一度的用户体验行业报告发布也是大会重要的组成部分,备受从业者们关注,报告每年通过全面详尽的调查分析,系统梳理整个行业脉络,...

    2018-02-14
  • Axure RP 8.0软件安装教程及下载地址

    破解文件下载地址在文末,请查看!1.双击AxureRP-Setup.exe安装文件。2.点击Next。3.勾选I Agree,然后点击Next。4.一般是默认安装路径。5.点击Next。6.点击Next。7.等待安装。8.取消勾选!取消勾选!Run Axure RP 8使其处于未选中状态,然后点击Finish。9.在桌面找到Axure RP 8,鼠标右击选择打开。10.点击确定。11.勾选Don’t  show this at star...

    2018-03-27
  • 交互设计之流程设计(1)

    流程设计是将信息架构转变为交互稿的重要步骤,什么是流程设计呢?简单来说,就是用户完成一项任务的步骤流程,用户是怎样一步一步的完成任务的。本文将从流程设计重要性、如何进行流程设计、流程设计与交互工作三个方面来阐述流程设计。一、流程设计的重要性流程设计对于用户体验来说非常重要,一个好的流程设计将会给用户带来非常的体验。在这里从流程设计是什么、流程设计中需要考虑的问题、优秀流程设计的好处三个方便来进行讲解。1 流程设计是什么首先理解交互设计是...

    2018-05-06
  • 交叉学科-交互设计春季周末班课程计划

    开课时间:本周末4.14日开课,可预约免费试听。请单独联系教务老师。联系方式:教务老师微信二维码上课地址:北京海淀区北四  环保福寺桥南  恒兴大厦10层E室

    2018-04-11
  • 如何平衡广告盈利和用户体验?

    如果你是一名手机应用开发者,你肯定知道广告可以为你的应用提供巨大的收入潜力。可以说手机应用就是在为流量主下金子: 到2020年,将会有高达1890亿美元的收入,而其中仅应用内广告带来的收入就会达到1170亿美元。事实上,我们最近对1000多名应用程序开发者进行了调查,发现高达84%的人承认他们通过广告将应用变现 —— 61%的人声称广告带来了最多的收入。但是,一如既往,能力越大,责任越大。作为一名应用开发者,你要负责确保用户的使用体验,...

    2018-04-06
  • 一款运动类APP的产品交互设计全过程(两万字干货)

    这次的分享是前不久完成的一次比较完整的交互设计工作,基本上涵盖了前、中、后期的完整流程,包括前期的定位分析、用户调研、业务需求分析、目标用户画像、用户需求分析、关键因素分解、路径分析,完整的交互设计文档,以及后期的可用性测试,希望对需求分析、交互设计或可用性测试感兴趣的朋友们有用。1第一卷 需求分析1概述1.1 产品目标以运动为主题,选定某一种运动形式,完成一款 APP 产品的交互设计,内容集中在统计和分享运动量方面。1.2 关键词分解...

    2018-01-31