我不得不设计&开发销售点(POS)系统的UI。 有明显的功能需要包括在内,如产品选择和产品选择。数量,付款方式,投标金额,用户登录(许多用户将使用一个终端)等。
我的问题更多地涉及开发此系统的UI设计方面。 UI功能/控件应如何定位,大小? 有首选布局吗? 我应该避免他们的颜色吗?
如果您知道有任何资源可以指导我,那也会有所帮助。
这对我来说至关重要,因为我知道使用POS系统的压力环境。我希望将流程制作成(i)快速,(ii)易于使用,以及(iii)尽可能为用户提供服务客户的结果。
所有答案,信息&建议欢迎。 感谢。
P.S。如果你能提到控制之间的“季后赛”也会受到赞赏(例如,如果触摸屏提供键盘控制,但如果还支持键盘和鼠标输入,你如何有效地管理键盘和UI空间?)
答案 0 :(得分:12)
我与之合作过的几个项目中的一些想法:
对于触摸屏,确保每个按钮都可以被“胖手指”的人按下,就像较小的按钮一样(某些布局鼓励在特定位置使用拇指)。按下时会突出显示每个按钮(如果你有多余的CPU周期,则按慢速淡化)。
较大的网格比较小的网格要好。数字键盘应始终位于同一位置(通常在右下角)。输入/投标/等。 “交易”键应该大于单个数字键 - (1)使其更明显,(2)它将比其他屏幕区域更频繁地按下并且会磨损(更大的区域将持续更长时间;对于旧式触摸屏,这一点更为重要;新技术更具弹性。
允许将功能/ SKU重新分配到不同的网格位置;对于一个商店来说效果很好的布局可能会因为略有不同而错误。
按颜色分组相关功能,但使用出色的对比。确保前/后组合在所有角度都看起来都很好(某些LCD“从左到右”和/或从上到下的角度“流血”。
带声音的正面触摸屏反馈需要具有可配置的音量和声音设置。在较安静的高档商店中,柔和的音调可能会更好,但在具有更响亮的背景音乐/噪音等的服装店中,“活泼”的声音更好。
允许以百分比或“网格块单位”而不是像素指定网格大小,并使用向量等绘制所有内容,因为某些硬件组合可能具有更好分辨率的LCD。 (我工作的一个系统最初指定为640x480,但是以1280x1024发货,因此我的设计预先计划在以后节省了大量的返工。)
当然,首先要看现成的解决方案(特别是如果你可以获得演示软件/硬件进行评估)。虽然它们价格昂贵,但它们经常会实现许多以后需要处理的事情,从长远来看可能会更便宜,即使在为系统创建自定义附加组件之后也是如此。
同时强>
我们的UI也支持普通的键盘/鼠标组合(可触摸按钮只是标准按钮控件的大小适当)。如果您按下一个数字键,它将触发与单击屏幕按钮按钮相同的事件;其他热键映射到常用的按钮命令(Enter等)。
如果在非POS桌面(例如后台)上运行,窗口也可以调整大小(“POS桌面”保持相同的宽高比,如果需要,在侧面添加死区)。标准顶级菜单可用于其他管理任务,报告等。
该设计允许每个人在完成相关硬件之前构建和测试UI。标准的UI测试工具也可以使用。
更多:
我们的条形码扫描仪是串行/ USB而不是键盘,因此来自设备的每个数据包都会引发一个通信事件。选定的“扫描仪类型”驱动程序类使用设备可以提供给我们的最安全格式 - 如果编程正确,可以提供前缀,后缀和/或校验和字符 - 然后在将代码交给应用程序之前将其删除。
当条形码无法使用时(例如现金抽屉打开时),系统发出“bzzzt”噪音。
此设计还避免了将键盘焦点设置为特定输入区域的需要。
提示:如果用户通过键盘手动输入条形码,但未按Enter键完成,然后尝试扫描另一个条形码,则应发出哔声,以便用户接受或取消待处理项目第一。
答案 1 :(得分:10)
答案 2 :(得分:5)
我遇到了这个问题,我想我加上我的两分钱,因为我的一些工作已在这里提到。
我同意所说的大部分内容,但重要的是要记住,所提到的大部分内容都代表启发式。这意味着虽然它们是良好的原则,但有时候(a)应该打破具体的规则,(b)规则之间会有矛盾。诀窍是能够权衡相互冲突的原则并将它们应用到适当的程度(正如您在之前的评论中所述)。
最后,需要以产生最佳结果的方式平衡业务需求和用户需求。在现实世界中,我发现只有通过启发式方法才能实现这一点。
以下是一个例子:我最近为Subway,Wendy和Starbucks完成了POS设计(参见<{>>案例研究在POSDesigns.com)。所有这些设计都采用了坚实的启发式方法,但由于业务目标和要求,用户的需求和背景,工作环境,使用的技术以及整体的不同,所有这些设计都非常不同。其他差异。
你永远不能在真空中创造出伟大的设计。对于上面提到的每个客户,我走遍了多个国家的许多不同类型的商店,以了解用户的工作方式,系统如何使用,客户如何订购等等。所有这些信息 - 以及公司提供的销售和其他数据 - 在创建高度可用的解决方案方面具有无可估量的价值。
这是另一个例子:你之前提供的指南#3(“支持用户/敏捷”)可以作为一种启发式(虽然我不得不说我质疑交换的结论只是确定/取消)。但在访问地铁商店时,我们发现在这种情况下,注册地点的位置实际上在员工喜欢的手中发挥了更大的作用。
换句话说,在右侧墙上压扁的寄存器往往会产生左撇子用户,即使用户对其他任务都是右撇子。这对我们允许用户界面翻转的方式有影响......谁控制了它。有很多这样的例子,但我们永远无法实现用户界面产生的收益 - 例如减少90%的空洞,接近零训练,提高速度,准确性和检查尺寸等 - 通过单独的启发式方法
还有一点(抱歉......你现在让我走了:-)。很多时候,如果没有关于如何应用它们的更多数据,启发式方法是不完整的。考虑你的准则#11,“会话订购”。除了提供订单输入的灵活性之外,本指南还有很多其他内容。例如,您必须考虑的许多事情之一是并非所有路径都应该以同样的方式呈现。
我们分析了星巴克客户在美国和英国各地订购的方式。然后,我们针对最常用的模式优化了系统。如果我们允许所有路径具有相同的“音量”,我们就会牺牲其他区域的可用性,因为设计会显得更加混乱。新的POS系统现在支持几乎所有可能的订单模式,但最可能的路径以比不太可能的路径更高的“音量”呈现。
好的,结果是超过两美分,但最重要的是:如果您有机会访问使用POS的环境,请分析客户/员工的互动等......你应该接受它。在正确应用启发式方法的情况下,语境观察和分析是非常宝贵的。
祝你好运!博士。 Kevin Scoresby
仅供参考 - 如果您或该团体中的任何其他人愿意,我很乐意进一步讨论这个问题。我的办公室电话号码位于POSDesigns.com上的“关于我们”页面,您也可以使用该表单发起电子邮件对话。随时可以在美国东海岸时间的工作时间随时拨打电话。
答案 3 :(得分:4)
Devstuff已经提供了一些很好的答案。另外:
答案 4 :(得分:2)
除了已发布的内容之外,以下是我们在此过程中提到的一些提示。
我们使用两个不同的UI,一个用于触摸屏,带有大粗体按钮,一个用于鼠标/键盘输入。它们背后的代码是相同的,只是布局不同。
适用于触摸屏
尽量不要让焦点远离主表单的弹出消息,因为用户可能没有看到屏幕,例如他们正在与客户聊天。我们发现,如果发生这种情况,用户将继续扫描产品,而不会意识到他们没有进入销售。
如果使用条形码扫描器,请注意他们有时会在条形码后发送回车键,这将激活聚焦控件(对弹出窗口表示是/否)。为了防止出现这种情况,我们禁用了按键 - 按下按钮,因此只有鼠标/手指按下才能触发click事件。我们还将制表符停止为false(可能在您的语言中称为不同),以停止仅通过获得焦点而触摸的控件。
就颜色而言,我们尝试坚持使用粗体按钮和字体颜色,可以在光线不足的房间和眩光的屏幕上轻松区分/读取,因为大多数时候用户不能移动屏幕读它有问题。
您可以采取任何措施加快/帮助用户,例如在我们的付款界面,以及支付0至9键,我们还有1英镑,2英镑,5英镑,10英镑等,所以用户不必加钱,他们只需按下他们从客户收到的每个硬币/纸币的钥匙。
我能给出的最好建议是记住,您正在设计一个完全不同的桌面应用程序环境,可以在办公室中使用。并且用户以前从未使用过计算机。由于POS系统通常被锁定,因此尽量使其易于使用。
答案 5 :(得分:2)
要考虑的另一件事是角色(在库珀的“囚犯正在运行庇护”中引入)。
基本上,你组成了一些规范的“用户”。给他们起名字,爱好,技能,图片,并将它们用作你设计的人。
即:
收银员比利:有一些电脑经验(在他的PS2上播放)。他在高中,可能会去社区大学。他是该系统的主要用户,并希望能够快速学习新系统。 经理cyrus:需要管理收银员。需要一种方式,只有他的授权,无效的交易,并能够审查销售日志,以便制作报告以及管理“收缩”(盗窃)。他有两个孩子,住在郊区,所以有45分钟的通勤时间;因此他不想花费额外的时间来争论系统。你可能需要三到四个人物角色;除此之外,设计变得困难。
我强烈推荐这本书“囚犯正在办庇护”,还有库珀写了另一本书:“关于面子”;我还没读过。
祝你好运!答案 6 :(得分:1)
我建议您在当前用户组中进行某种可用性调查。没有必要进行复杂或高度科学的调查。向他们提出简单的问题来确定:
我发现可以从这样的简单调查中学到很多东西,并且可以应用到您的UI设计中,以确保用户的可用性体验令人满意。
答案 7 :(得分:1)
其他人的好评。我要补充一点,Kevin Scoresby博士还发表了一篇题为“如何设计一个人人讨厌的(POS)系统”的文章,讨论了POS系统的可用性,并为人们已经提到的内容增加了几点,例如:
我还在POSDesigns.com发现了很多有用的POS设计技巧。我发现有趣的一点是,通过过分关注按下按钮的数量,你实际上可以影响速度 - 这通常是主要目标。还有一个标题为“影响速度的五个因素”的小贴士,我发现它很有帮助。
祝你好运!凯尔
答案 8 :(得分:1)
已经有一些非常好的系统,即Tabtill for Win 8 http://www.tabtill.com或Shopkeep for iOS http://www.shopkeep.com。用户需要执行的点击次数最少。由于我还参与编码此类解决方案并与使用各种POS系统的客户合作,因此有些人可能会感到非常沮丧。记得在酒吧看收银员轻敲10次只是为了支付几件物品,他们的手指无可救药地在屏幕上盘旋,试图找到合适的彩色按钮。把事情简单化!允许对可见产品系列进行分类,对其进行分类或使用条形码阅读器。在按钮之间保持至少5%的间隙,不要让愚蠢的动画减慢你的UI。无论是发明自己的还是只是复制已经存在的东西。