问题标签 [gui-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
375 浏览

mfc - 风险分析应用程序的 GUI 设计指南

在空闲时间,我正在开发一个风险分析应用程序。我已经完成了数学和模拟引擎,但我仍然坚持用户界面的设计。我希望我的应用程序对 Excel 用户尽可能易于使用,但我不想将其设为 Excel 加载项,因为 Excel 需要很长时间才能加载加载项。所以我将使用古老而古老的MFC。

我想在我的应用程序中简化这些事情:

建模任务:

  • 定义概率和不确定性分布
  • 定义变量之间的数学关系
  • 将不确定性与可变性分开(二阶风险建模)
  • 验证风险模型
  • 假设(敏感性)分析

数据操作/显示任务:

  • 从 Excel 和数据库导入/导出数据
  • 向用户显示漂亮的图表

你知道我在设计用户界面时可以考虑的任何指导方针吗?我知道的唯一例子,LINGORockwell Arena,实际上是不该做的例子。也许我需要在系统中包含一种简单的脚本语言,但在这种情况下,它将是高级用户的一个选项,而不是每个人的选项。

0 投票
2 回答
7482 浏览

java - Java:MiGLayout:如何使用`hidemode`?

我开始使用MiGLayout进行 GUI 设计,我需要的功能之一是根据其他组件的状态显示/隐藏某些组件。

当我注意到MiGLayout 支持的组件约束hidemode之一是.

这和我想的一样吗?如果是这样,假设hidemode已设置,我如何触发隐藏/取消隐藏操作?(在查看文档后,我能够找到如何设置hidemode,但不知道之后如何使用它)


hidemode

设置组件的隐藏模式。这种隐藏模式可以被组件约束覆盖。隐藏模式指定布局管理器应如何处理不可见的组件。模式是:

0 - 默认。意味着不可见的组件将被完全处理,就好像它们是可见的一样。
1 - 组件的大小(如果不可见)将设置为 0, 0。
2 - 组件的大小(如果不可见)将设置为 0, 0,并且其周围的间隙也将设置为 0。
3 - 不可见的组件根本不会参与布局,例如它不会占用网格单元。
示例:“隐藏模式 1”

0 投票
7 回答
4207 浏览

java - 如何指示表中的列是可排序的(UI 设计问题)?

在我正在处理的应用程序中,有表格数据(为了记录,它是一个使用 的 Java Swing 应用程序JTables)。在某些情况下,可以通过单击列标题对数据进行排序。我想知道的是什么是向用户指示给定列是否可排序的好方法?

我想出了以下几种可能性。

1)在每个可排序的列中放置一个图标,表示它是可排序的。我个人不喜欢这个选项。

2)当鼠标悬停在标题上时,将鼠标光标更改为其他内容以指示它是可排序的。

3) 将鼠标悬停在列上时,在工具提示文本中添加注释,说明它是可排序的。

有没有人有任何其他建议?

更新:

我认为有必要澄清一下。我的问题不是如何指示给定列当前已排序。这已经通过向上/向下排序三角形范式实现。在用户单击标题对其进行排序之前,我想给用户一个线索,了解哪些列可以排序。

更新 2:我想我应该解释为什么我没有完全支持选项 #1。在我看来,如果要放置一个图标来指示哪些列可排序的,那么这将增加视觉混乱。在这种情况下,有时 UI 会在“鼠标悬停”时发生变化。恰当的例子:Windows Vista 和 7 允许在列上添加过滤器,但在您将鼠标悬停在标题上之前,不会出现此指示符。

0 投票
2 回答
150 浏览

standards - UI 设计帮助/建议

我有一个难题,我们的客户关系部门被请来就 UI 提供建议,我强烈不同意……尽管我根本不认为自己是设计师。虽然我一直在直言不讳地表达我对此的不同意见,但我被要求指出设计标准,以证明我所说的是正确的,而客户关系部门的人完全错了。

下面是一个模型,我试图争辩说飞机、船和沙发的图标(是的,我也没有选择这些图标)属于页面标题(与徽标相同的区域)而不是页面的内容区域。任何人都可以通过向我指出一些有助于证明我的观点的东西来帮助我吗?

非常感谢,

格雷格·安多拉

替代文字

0 投票
2 回答
416 浏览

user-interface - 使用 HTML5 的新输入类型显示表单错误

目前,HTML5 的新输入类型,

只需关注表单提交时用户输入不匹配的任何有问题的文本框。

问题:对焦很好。然而,这是告诉用户为什么表单没有提交的一种非常微妙的方式。

以下哪一项是让用户知道问题所在的更好解决方案:

  • 通过添加背景颜色在焦点文本框上添加 css。它仍然有点微妙,用户可能不会立即理解为什么特定文本框被聚焦。
  • 用于显示错误消息的 Javascript 验证(jQuery 验证插件)。在这种情况下,我还不如使用普通的输入类型,在这里做所有的事情。

欢迎提出建议!

0 投票
2 回答
1109 浏览

user-interface - 花哨的图形用户界面是如何编码的?

我想知道是否制作了“精美的 GUI”。

当我这么说的时候,我想到了像 iTunes、Picasa、Skype、Songbird、Spotify、Vlc(主题)这样的软件......所有与标准 GUI 不同的东西

用哪些语言?使用了哪些框架/工具?

0 投票
3 回答
330 浏览

silverlight - 在 RIA 中编辑数据的最佳设计实践是什么?

首先这是一个UI设计问题!

在 RIA(例如 Flex 或 Silverlight)中编辑数据的最佳设计实践是什么?

我想显示客户的详细信息,但会有一个编辑窗口,客户的数据将是可编辑的。

我想展示一个可以编辑数据的新表单。显示此表格的最简单方法是什么。我可以将我的 ui 选项卡化,这样我就可以在新选项卡中打开表单,或者我可以在弹出/模式对话框中打开表单(保存-取消)。也许我可以在行编辑中使用。

Silverlight 或 Flex GUI 中最用户友好的解决方案是什么?你有什么意见?

谢谢!

0 投票
1 回答
47 浏览

colors - 需要在地图上可见的颜色值

我需要在谷歌地图图像上写一些文字。我尝试了很多颜色组合,但它很难看。谁能给我一种在该地图上可见并且看起来不错的颜色(十六进制值)(我根本没有设计天赋)?

在此处输入图像描述

0 投票
2 回答
695 浏览

apache-flex - 在 flex 中使用 2 个不同的鼠标事件

我正在做一个弹性项目

我希望使用鼠标提供一些 UI 功能-我有两个不同的 UI 事件要通过鼠标来实现 a) 更改值 b) 删除对象

我似乎没有足够的鼠标点击事件。我避免使用右键单击,因为它有一些默认选项(其签署将影响整个项目——不仅仅是这个)。我有用于更改值的鼠标单击 - 我如何使用双击,因为单击事件似乎事先被调用?

有什么想法吗?

0 投票
2 回答
1363 浏览

java - 如何向 JPanel 添加空间,以使 JScrollPane 不会位于我的组件之上?

我有一个 JScrollPane,当我加载我的应用程序时,该栏位于我的一个按钮的顶部。我想做的是在我的按钮侧面添加一些空间,以便滚动条在空间上而不是我的按钮上绘制。

我试过的示例代码:

这段代码的问题是它仍然覆盖了我的按钮并且没有添加空格。确保 JScrollPane 不与我的 JFrame 中的组件重叠的最佳方法是什么?

谢谢