it-swarm.cn

切换用户界面模式,显示/隐藏

我目前正在开发企业网络应用程序。在发票输入屏幕上,我遇到了一些UI麻烦。

基本上,当前发票输入屏幕如下所示:

Screenshot

默认模式/状态项目输入模式/状态(当按下“切换项目输入”按钮时)

当前的项目输入方法有些不直观的当前问题。

考虑了内联编辑,但由于需要始终存在库存搜索和选择模块,因此需要进行内联编辑,因为浮动模块的自动完成样式比较笨拙。

除了当前的按钮解决方案之外,是否还有其他界面/模式之间更直观的切换?


仍然有一些事情正在处理,例如显示价格而不显示4位数字的最佳方法,同时又保持了准确性。 (一些建议会很好)

2
vener

您怎么知道它不直观?您的用户到底在做什么行为,他们在说什么?

如果他们只是找不到按钮,我想您的主要问题就是按钮标签。当用户需要添加发票项目时,他们不会考虑“我需要切换某些内容”。他们在考虑“我需要添加或编辑产品。”因此,请尝试使用“产品输入”。如果您的用户也无法找到其他“切换”功能,则可能是您的问题。

通常,您希望通过图形设计而不是文本标签来指示控件动作。例如,对于您的按钮,在标签的末尾附加一个向上的箭头或+号,或者关闭Java-Swing样式的水龙头,将其与向下的箭头,-号交换,或在打开输入窗格时将其打开。或者将按钮设置为切换按钮。在这种情况下,让用户预见UI行为可能并不那么重要-当他们单击按钮时,他们将看到它的作用并知道下一步该怎么做。

另一个可能的问题是,您似乎在将编辑和添加项目组合到同一按钮中,这具有一定的逻辑。但是,“输入”的概念可能是用户对事物的看法之上的抽象层次。相反,他们可能会将添加和编辑视为应该具有不同控件的不同功能。因此,您必须具有单独的“添加”和“编辑”按钮(都切换同一个窗格),并且只能承受其他混乱情况。对于标签,我会尝试“编辑产品”,然后尝试“添加产品”或“插入产品”。

您可能还需要考虑将窗格默认为对可能正在编辑的用户可见。

糟糕的是,您找不到一种就地编辑的方法。

3
Michael Zuschlag