22

我必须为销售点 (POS) 系统设计和开发 UI。需要包含一些明显的功能,例如产品选择和数量、付款方式、投标金额、用户登录(因为许多用户将使用一个终端)等。

我的问题更多地与开发此系统的 UI 设计方面有关。UI 功能/控件应如何定位、调整大小?有首选布局吗?我应该避免使用它们的颜色吗?

如果您知道任何可以指导我的资源,那也会有所帮助。

这对我来说很重要,因为我知道使用 POS 系统的压力环境,并且我想让这个过程 (i) 快速,(ii) 易于使用和 (iii) 尽可能以结果为导向用户为客户服务。

欢迎所有答案、信息和建议。谢谢。

Ps 如果您可以提及控件之间的“季后赛”,也将不胜感激(即,如果触摸屏提供了键盘控件,但如果还支持键盘和鼠标输入,您如何有效地管理键盘和 UI 空间?)

4

9 回答 9

12

我参与过的几个项目中的一些想法:

  • 对于触摸屏,确保每个按钮都可以被“胖手指”的人按下,就像小手指一样容易(一些布局鼓励在特定位置使用拇指)。按下时还要突出显示每个按钮(如果您有空闲的 CPU 周期,则使用缓慢的淡入淡出)。

  • 较大的网格比较小的网格更好。数字键盘应始终位于同一位置(通常位于右下角)。进入/投标/等。“交易”键应该比单个数字键大 - (1) 让它在哪里更明显,(2) 它会比其他屏幕区域更频繁地被按下并且会磨损(更大的区域平均会持续更长时间;这对于旧式触摸屏更为重要;新技术更具弹性)。

  • 允许将功能/SKU 重新分配到不同的网格位置;适用于一家商店的布局可能对于稍有不同的商店可能是错误的。

  • 按颜色对相关功能进行分组,但要使用出色的对比度。确保前/后组合在所有角度看起来都很好(一些 LCD 从左到右和/或从上到下角度“渗色”颜色)。

  • 带有声音的正面触摸屏反馈需要具有可配置的音量和声音设置。在较安静的高档商店中,柔和的音调可能会更好,但在背景音乐/噪音等较大的服装店中,“活泼”的声音会更好。

  • 允许以百分比或“网格块单位”而不是像素来指定网格大小,并使用矢量等绘制所有内容,因为某些硬件组合可能具有分辨率更高的 LCD。(我使用的一个系统最初指定为 640x480,但发货时为 1280x1024,所以我的设计前期规划节省了很多后期返工。)

当然,首先要查看现成的解决方案(特别是如果您可以获得演示软件/硬件进行评估)。尽管它们可能很昂贵,但它们通常会实现许多您以后必须完成的事情,并且从长远来看可能会更便宜,即使在为您的系统创建自定义加载项之后也是如此。

还:

我们的 UI 也支持普通的键盘/鼠标组合(可触摸的按钮只是大小合适的标准按钮控件)。如果您按下数字键,它将触发与单击屏幕键盘按钮相同的事件;其他热键映射到常用的按钮命令(Enter 等)。

如果在非 POS 桌面(例如后台)上运行,窗口也可以调整大小(“POS 桌面”保持相同的纵横比,如果需要,在侧面添加死区)。标准顶部菜单可用于其他管理任务、报告等。

该设计允许每个人在相关硬件最终确定之前构建和测试 UI。标准的 UI 测试工具也可以工作。

更:

我们的条形码扫描仪是串行/USB 而非键盘式的,因此来自设备的每个数据包都会引发一个通信事件。选定的“扫描仪类型”驱动程序类使用了设备可以为我们提供的最安全的格式——如果编程正确,有些可以提供前缀、后缀和/或校验和字符——然后在将代码提交给应用程序之前将其剥离。

当条码无法使用时(例如,当钱箱打开时),系统会发出“bzzzt”的声音。

这种设计还避免了将键盘焦点设置到特定输入区域的需要。

提示:如果用户通过键盘手动输入条形码,并且没有按 Enter 完成,然后尝试扫描另一个条形码,它应该会发出哔声,因此用户可以先接受或取消待处理的项目。

于 2009-07-10T11:11:28.353 回答
10

聚合 POS 设计指南

基于上述和其他文献,这是我的 POS 设计指南列表。[如果我们进一步扩大这个列表会很好]

用户绩效优先级(按顺序):效率(完成交易的最短时间)有效性(准确的信息和输出)用户满意度(基于工作环境中的前 2 个)学习时间(通过简化来减少学习系统的时间)

准则

  1. 灵活的交易构建——尽可能不要强制交易顺序。以任何顺序放置产品订单并允许将它们更改为一个点。
  2. 优化交易率- 允许用户尽快完成交易(最少的点击并不是真正的问题,因为更多的点击可能意味着更大的交易价值,这具有商业意义)
  3. 支持惯用手/灵巧- 大多数用户在灵巧方面都有优势手和较弱的手。允许自定义 UI(单击一次)以适应惯用手。我的示例:一个 L->R / R->L 切换按钮,可将“OK”、“Cancel”等简单功能移动到更靠近较弱手的位置。
  4. 持续反馈- 提供快照反馈,描述交易的当前状态和提交交易之前和之后的交易计算结果(NB:账户)。
  5. 控件“音量” - 控件音量是指颜色饱和度/对比度、位置的突出程度和控件的大小。设计更常用的控件,使其相对于不常用的控件具有更大的“体积”。例如“支付”按钮大于“取消”按钮。例如,高对比度和更大的色彩饱和度会增加音量。
  6. 目标可查找性- 查找和选择目标(项目、数字键)是提高效率的关键。分组相关控件(接近),将控件放置在屏幕边缘(屏幕边缘陷阱指针),强调控制幅度(这个维度强调用户正常的运动)和颜色编码使查找和选择目标更有效。
  7. 避免杂乱- 选项过多会限制控制量并降低可查找性。
  8. 使用纯文本- 尽可能避免使用缩写(仅使用标准缩写,例如尺寸:S、M、L 等)。对于产品查找尤其如此。
  9. 产品查找- 支持常规订单(即汉堡餐)、分类浏览和商品名称搜索(最少订购商品)的快捷方式。考虑包括一个特殊项目:这是用户键入所需内容的任何项目(即特定的威士忌订单)——但这需要定价。
  10. 避免用户负担——用户应该能够从 UI 中读取客户问题的答案。因此,为交易提供定期要求/优先考虑的反馈(即客户问:“如果我购买此商品,我的帐户上的未结余额将是多少?”它应该已经出现在 UI 中)
  11. 对话式订购- 客户驱动订购而不是系统。因此允许项目选择是非连续的。
  12. Objective Focused - POS 的目的是从业务角度完成交易。始终使用“支付”按钮立即完成交易。如果点击,任何不完整的项目都将被取消:用户然后在请求现金/信用卡之前读回订单)
  13. 角色- POS 系统的用户有不同类别(角色),例如 (i) 文员/收银员和 (ii) 经理。UI 应根据这些指南向登录的角色呈现相关选项,即收银员:大量交易构建控制;经理:大量交易/用户管理控制。
  14. 触摸屏- (i) 允许使用通常较大的控件进行触摸输入,以支持较大的指尖作为指针。(ii) 提供本体感觉反馈——这是指示被按下的控制的反馈(它应该有一个短暂的延迟淡入淡出:用户手指最初会挡住路)。(iii) 听觉反馈(可选)——这有助于反馈,尤其是关于加压环境中的错误。
  15. 用户培训- 用户必须接受培训以了解业务协议以及 POS 如何支持该协议。他们是驱动系统的人。此外,与 POS 用户交谈以设计和增强您的系统 - 他们再次是 POS 系统的经验丰富的用户
  16. 上下文分析- 应该对您的 POS 系统的使用上下文进行彻底分析,以最好地有效地实施上述 POS 启发式。对用户(人为因素)、任务(频率、持续时间、压力因素等)和环境(灯光、硬件、空间布局等)的了解在设计时要综合进行,不应臆测。弄脏你的手并进入用户的工作空间!这样,您就可以开发特定用户可以有效、高效和令人满意地使用的东西

我希望这对每个人都有帮助。

对于所有受访者,我非常感谢您的反馈!请给我更多关于这个答案的信息。谢谢

于 2009-07-15T08:24:07.353 回答
5

我遇到了这个问题,我想我会加两分钱,因为这里提到了我的一些工作。

我同意大部分所说的,但重要的是要记住,所提到的大多数内容都代表启发式。这意味着虽然它们是值得遵循的良好原则,但有时(a)应该打破特定规则,以及(b)规则之间会存在矛盾。诀窍是能够权衡相互冲突的原则并将它们应用到适当的程度(正如您在之前的评论中指出的那样)。

最后,这是一个平衡业务需求和用户需求的问题,以产生最佳结果。而在现实世界中,我发现这永远无法仅通过启发式来实现。

这是一个示例:我最近完成了 Subway、Wendy's 和 Starbucks 的 POS 设计(请参阅POSDesigns.com上的案例研究)。所有这些设计都使用了可靠的启发式方法,但由于业务目标和要求、用户的需求和背景、他们工作的环境、所使用的技术以及整体的不同,它们都非常非常不同。主机的其他差异。

你永远无法在真空中创造出伟大的设计。对于上面提到的每个客户,我走遍了多个国家的许多不同类型的商店,以了解用户的工作方式、系统的使用方式、客户的订购方式等。所有这些信息 -连同公司提供的销售和其他数据 - 在创建高度可用的解决方案方面非常宝贵。

这是另一个示例:您之前提供的指南#3(“支持惯用手/敏捷性”)可以作为启发式(尽管我不得不说我质疑交换简单确定/取消的结论)。但在参观赛百味门店时,我们发现在这种情况下,收银台的位置实际上在员工喜欢的手上起着更大的作用。

换句话说,在右侧靠墙挤压的寄存器往往会产生左撇子用户,即使用户在完成其他所有任务时都是右撇子。这对我们允许 UI 被翻转的方式产生了影响……以及谁可以控制它。有很多这样的例子,但我们永远无法实现用户界面所产生的收益——比如 90% 的空隙减少、接近零的训练、提高的速度、准确性和检查大小等——仅通过遵循启发式.

还有一点(对不起......你现在让我走了:-)。很多时候,如果没有更多关于如何应用它们的数据,启发式方法是不完整的。考虑您的准则 #11,“对话式排序”。该指南不仅仅提供订单输入的灵活性。例如,您必须考虑的许多事情之一是,并非所有路径都应该以同样可能的方式呈现。

我们分析了星巴克客户在美国和英国不同地点的订购方式。然后,我们针对最常用的口语模式优化了系统。如果我们允许所有路径具有相同的“体积”,我们会牺牲其他区域的可用性,因为设计会显得更加混乱。新的 POS 系统现在支持几乎所有可能的订单模式,但最可能的路径比那些不太可能的路径以更高的“数量”呈现。

好的,结果超过两美分,但底线是:如果您有机会访问将使用您的 POS 的环境,分析客户/员工互动等......您应该采取它。上下文观察和分析对于正确地将启发式应用于您的情况非常宝贵。

祝你好运!

凯文·斯科尔斯比博士

仅供参考 - 如果您或小组中的任何其他人愿意,我很乐意进一步讨论这个问题。我的办公室电话号码在 POSDesigns.com 的“关于我们”页面上,或者您可以使用该表格发起电子邮件对话。在美国东海岸时间的营业时间内随时致电。

于 2009-07-22T13:09:49.687 回答
4

Devstuff已经提供了一些很好的答案。此外:

  • 创建一个原型设计(可以简单地在纸上进行彩色打印)并在尽可能真实的场景中进行测试,即在商店中,与真正的未来用户一起进行测试。制定一些常见的场景,并要求用户真正“使用”您的原型,因为他/她将使用最终产品。通过访谈和观察获得反馈。
  • 评估您的设计的一种方法是检查您是否应用了CRAP设计原则。本文讨论了这如何与用户界面设计相关联。
于 2009-07-10T11:45:32.310 回答
2

除了已经发布的内容之外,这里还有一些我们在此过程中学到的技巧。

我们使用两种不同的 UI,一种用于带有大粗体按钮的触摸屏,另一种用于鼠标/键盘输入。它们背后的代码是相同的,只是布局不同。

用于触摸屏

尽量不要让弹出消息将焦点从主窗体上移开,因为用户可能没有看屏幕,例如,如果他们正在与客户聊天。我们发现,如果发生这种情况,用户将继续扫描产品,而不会意识到他们没有参与销售。

如果使用条形码扫描仪,请注意他们有时会在条形码之后发送一个回车键,这将激活聚焦控件(对弹出窗口说是/否)。为了帮助防止这种情况,我们禁用了按钮上的回车键,因此只有鼠标/手指按下才会触发点击事件。我们还将制表位设置为 false(在您的语言中可能称为不同),以阻止仅触摸的控件获得焦点。

就颜色而言,我们尝试坚持使用粗体按钮和字体颜色,以便在光线不足的房间和有眩光的屏幕上轻松区分/阅读,因为大多数时候用户在阅读有问题时无法移动屏幕它。

您可以做的任何事情来加速/帮助用户都是一件好事,例如在我们的支付屏幕上,以及有 0..9 个用于支付输入的键,我们还有 £1、£2、£5、£10等等,因此用户不必将他们收到的钱加起来,他们只需按下他们从客户那里收到的每个硬币/纸币的键。

我能给的最好的提示是记住你正在为一个完全不同的环境设计一个桌面应用程序,它将在办公室中使用。并且用户可能以前从未使用过计算机。由于 POS 系统通常处于锁定状态,因此请尽量使其开箱即用。

于 2009-07-10T12:27:59.483 回答
2

要考虑的另一件事是角色(正如库珀的“囚犯正在经营庇护所”中介绍的那样)。

本质上,您构成了一些规范的“用户”。给他们名字、爱好、技能、一张照片,然后把他们当作你设计的对象。

IE:

收银员比利:有一些电脑经验(在他的 ps2 上玩)。他在读高中,可能会去社区大学。他是系统的主要用户,希望能够快速学习新系统。

cyrus the manager:需要管理收银员。需要一种方法,只有他的授权,才能使交易无效并能够查看销售日志以进行报告以及管理“缩水”(盗窃)。他有 2 个孩子,住在郊区,所以通勤时间为 45 分钟;因此,他不想花额外的时间与系统争论。

你可能需要三个或四个角色;除此之外,它变得难以设计。

我强烈推荐《囚犯在逃亡》这本书,再加上库珀写了另一本书:《关于面子》;我还没有读过。

祝你好运!

于 2009-07-10T13:36:16.393 回答
1

我建议在您当前的用户组中进行某种可用性调查。这不需要是一项复杂或高度科学的调查。向他们提出简单的问题以确定:

  • 用户在使用系统时优先考虑(任务的准确性、速度、美观)
  • 首选输入设备
  • 通过这样一个系统的工作流程
  • 教育水平和领域知识

我发现从这样一个简单的调查中可以学到很多东西,并且可以应用到你的 UI 设计中,以确保用户的可用性体验是令人满意的。

于 2009-07-10T12:41:58.443 回答
1

其他人的好评。我只想补充一点,Kevin Scoresby 博士还发表了一篇题为“如何设计每个人都讨厌的 (POS) 系统”的文章,其中讨论了 POS 系统的可用性,并对人们已经提到的内容添加了几点,例如:

  1. 不要因为顾客的选择而惩罚员工
  2. 避免与现实世界产生冲突
  3. 避免使用颜色编码(每 10 名男性中就有 1 名患有色盲)

我还在POSDesigns.com上发现了许多有用的 POS 设计技巧。我发现有趣的一件事是,过多地关注按钮按下的次数,实际上可以影响速度——这通常是主要目标。还有一个名为“影响速度的五个因素”的提示,我发现它很有帮助。

祝你好运!

凯尔

于 2009-07-18T13:01:10.630 回答
1

已经有一些非常好的系统,例如 Win 8 的 Tabtill http://www.tabtill.com或 iOS 的Shopkeep http://www.shopkeep.com. 用户需要的点击次数越少越好。由于我还参与了此类解决方案的编码工作,并与使用各种 POS 系统的客户合作过,所以有些可能真的很令人沮丧。记得在酒吧里看到收银员敲击 10 次只是为了为几件商品付款,他们的手指绝望地悬停在屏幕上试图找到正确的彩色按钮。把事情简单化!允许对您的可见产品范围进行分类、分类或使用条形码阅读器。按钮之间至少保持 5% 的间距,不要让愚蠢的动画拖慢你的 UI。要么发明你自己的,要么只是用你自己的方式复制已经存在的东西。

于 2013-10-19T11:22:17.887 回答