我必须为销售点 (POS) 系统设计和开发 UI。
需要包含一些明显的功能,例如产品选择和数量、支付方式、投标金额、用户登录(因为许多用户将使用一台终端)等。
我的问题更多地与开发该系统的 UI 设计方面相关。
UI 功能/控件应如何定位、调整大小?
有首选的布局吗?
我应该避免使用它们的颜色吗?
如果您知道有任何资源可以指导我,那也会有帮助。
这对我来说至关重要,因为我知道使用 POS 系统的压力环境,并且我希望使流程尽可能 (i) 快速、(ii) 易于使用和 (iii) 以结果为导向用户来服务客户。
欢迎所有答案、信息和建议。
谢谢。
附注如果您能提到控件之间的“附加”,我们也会表示赞赏(即,如果提供触摸屏键盘控件,但如果还支持键盘和鼠标输入,您如何有效地管理键盘和 UI 空间?)
来自我参与过的几个项目的一些想法:
对于触摸屏,请确保“粗手指”的人可以像小手指一样轻松地按下每个按钮(某些布局鼓励在特定位置使用拇指)。按下时还要突出显示每个按钮(如果您有空闲的 CPU 周期,则会缓慢淡出)。
较大的网格比较小的网格更好。数字键盘应始终位于同一位置(通常位于右下角)。输入/投标/等。 “交易”键应该比单个数字键更大 - (1) 使其位置更明显,(2) 它会比其他屏幕区域更频繁地被按下并且会磨损(更大的区域平均持续时间更长;这对于旧式触摸屏更为重要;较新的技术更具弹性)。
允许功能/SKU重新分配到不同的网格位置;对于一家商店来说效果良好的布局对于另一家稍有不同的商店来说可能是错误的。
按颜色对相关功能进行分组,但使用出色的对比度。确保前/后组合在所有角度都看起来不错(某些 LCD 会从左到右和/或从上到下角度“渗色”颜色)。
带声音的积极触摸屏反馈需要具有可配置的音量和声音设置。在安静的高档商店中,柔和的音调可能会更好,但在背景音乐/噪音较大的服装店等中,“活泼”的声音会更好。
允许以百分比或“网格块单位”而不是像素指定网格大小,并用矢量等绘制所有内容,因为某些硬件组合可能具有分辨率更高的 LCD。 (我工作的一个系统最初指定为 640x480,但出厂时为 1280x1024,因此我的设计预先规划节省了后来的大量返工。)
当然,首先查看现成的解决方案(特别是如果您可以获得演示软件/硬件进行评估)。尽管它们可能很昂贵,但它们通常会实现很多您稍后需要完成的事情,并且从长远来看可能会更便宜,即使在为您的系统创建自定义附加组件之后也是如此。
Also:
我们的 UI 也支持普通的键盘/鼠标组合(可触摸按钮只是尺寸适当的标准按钮控件)。如果您按下数字键,它将触发与单击屏幕键盘按钮相同的事件;其他热键映射到常用的按钮命令(Enter 等)。
如果在非 POS 桌面(例如后台)上运行,窗口大小也可以调整(“POS 桌面”保持相同的宽高比,如果需要,在侧面添加死空间)。标准的顶部菜单可用于额外的管理任务、报告等。
该设计允许每个人在相关硬件最终确定之前构建和测试 UI。标准的 UI 测试工具也可以工作。
更:
我们的条形码扫描仪是串行/USB 的,而不是类似键盘的,因此来自设备的每个数据包都会引发一个通信事件。所选的“扫描仪类型”驱动程序类使用设备可以为我们提供的最安全的格式 - 如果编程正确,有些可以提供前缀、后缀和/或校验和字符 - 然后在将代码交给应用程序之前将其剥离。
当条形码无法使用时(例如,当现金抽屉打开时),系统会发出“bzzzt”噪音。
这种设计还避免了将键盘焦点设置到特定输入区域的需要。
提示:如果用户通过键盘手动输入条形码,但尚未通过按 Enter 键完成输入,然后尝试扫描另一个条形码,则应该发出蜂鸣声,以便用户可以先接受或取消待处理的项目。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)