问题标签 [ui-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 投票
3 回答
612 浏览

c# - 按钮列表?

我一直在开发一个小程序,它从网络服务器(最新的论坛主题)获取 url 列表,并在创建新主题时警告用户。

所以我的程序的主要形式有一个按钮列表。每个按钮都有论坛主题的文本和下面的额外信息。当用户按下时打开带有主题 url 的浏览器。

问题是,为每个主题创建按钮感觉不对。我确信有更好的方法来为这个程序创建用户界面。我尝试了 listview,但我需要一些额外信息的空间,所以一行和一个文本大小不适合它。

编辑:对不起,这是一个 Windows 窗体应用程序。

0 投票
25 回答
5637 浏览

user-interface - 如何让用户阅读错误信息?

如果您为非技术受众编程,您会发现自己面临很高的风险,即用户不会阅读您措辞谨慎且富有启发性的错误消息,而只是沮丧地单击第一个可用的按钮。

所以,我想知道你可以推荐什么好的做法来帮助用户真正阅读你的错误信息,而不是简单地放弃它。我能想到的想法将遵循以下原则:

  • 格式化课程帮助;可能是一条简单的短消息,带有“了解更多”按钮,可显示更长、更详细的错误消息
  • 将所有错误消息链接到用户指南的某些部分(有点难以实现)
  • 只是不要发出错误消息,只是拒绝执行任务(有点“苹果”处理用户输入的方式)

编辑:我心目中的受众是一个相当广泛的用户群,他们不经常使用该软件并且没有被俘虏(即,没有内部软件或狭窄的社区)。这个问题的一个更通用的形式是在slashdot上提出的,所以你可能想在那里查看一些答案。

0 投票
7 回答
4207 浏览

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

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

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

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

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

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

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

更新:

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

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

0 投票
4 回答
151 浏览

user-interface - 如何在视觉上拒绝表格中的用户输入?

在基于表格的应用程序模块的编程中(即用户主要在已经布局的表格中输入表格数据),您将如何拒绝用户对给定单元格的输入?

场景是:用户编辑单元格,输入一些东西(文本,图片,......),您希望他们在完成编辑(例如按 Enter)时注意到他们的输入对于您给定的“格式”无效(在更广泛的意义上:可能是他们输入了一个字符串而不是一个数字,他们的输入太长,太短,他们包含一张图片,但这是不可接受的,......)。

我可以看到发生了两种不同的事情:

  1. 您可以很容易地将他们的条目放入您的格式中,并且您这样做了,但是您希望他们注意到它,以便如果您的猜测不够好,他们可以更改(例如:他们在需要是的字段中输入“15.47”整数,因此您的程序将其设为“15”)
  2. 您无法猜测如何处理他们的条目,并想通知他们它是无效的。

我的问题具体是:您可以提供什么视觉显示来通知用户他的输入无效?是拒绝退出编辑模式,还是不退出?

我能想到的两件事是:

  • 使用颜色(如果无效则为红色背景,上面我的案例 1 为黄色背景)
  • 当您拒绝输入时,请执行 Apple 对用户帐户密码输入所做的操作:您使单元格“摇晃”(即左右摆动)一秒钟,并将焦点/编辑保持在其上,以免它们松动他们输入的内容。

让我们听听您的建议。

PS:至少在我的思考过程中,这个问题是我之前关于让用户阅读错误消息的问题的延续和专业化。

PPS:制作了这个社区维基,对这类问题做正确的事情吗?

0 投票
2 回答
164 浏览

iphone - iPhone 上的“关于...”页面

我在询问所有在 Apple iPhone App Store 中拥有应用程序的人。您的应用程序中是否有“关于...”窗口/页面/视图,或者您是否依赖 iTunes 向客户提供开发者信息?如果是前者,那个按钮/链接在哪里?房地产在 iPhone 屏幕上是如此宝贵,我想不出我可以浪费一些空间来放置“关于...”按钮,而不会像拇指疼痛一样粘在上面。

0 投票
5 回答
12133 浏览

java - Java CLI UI 设计:框架还是库?

我目前正在开发一个只需要命令行界面的小型实用程序,我开始想知道 Java 是否提供了创建 CLI 的任何标准方法,类似于用于 GUI 的 Swing 等。我对命令行参数和解析它们并不真正感兴趣,而是用户与程序使用它的基于命令的交互。这适用于 GUI 根本不需要或不是使用该程序的选项的情况。

谷歌搜索这个主题几乎只会得到关于如何使用 BufferedReader 等与用户进行基本交互的教程,旨在让人们学习 Java 的基础知识并编写简单的 UI 来询问名称并打印“Hello World!”。ETC..

是否有任何库专注于为快速实现更复杂的 CLI UI 提供良好的框架,或者这真的是每个人都以特殊方式为自己的实用程序实现的东西吗?

也许有人知道在并非一切都是图形的时候创建的实现模式?这也是有用的资源。

0 投票
16 回答
628 浏览

ui-design - 业务应用程序:搜索表单的基本特征是什么?

在典型的业务应用程序中,具有用于搜索的表单是很常见的。

一些基本特征是:

  • 包含搜索条件的窗格
  • 显示结果的网格
  • 在网格上排序
  • 在结果网格中选择项目时打开的详细信息页面

您希望业务应用程序的搜索功能具有哪些其他功能?

0 投票
2 回答
477 浏览

winforms - 是否有任何用于可视化设计业务应用程序的好的资源/习语?

我想我们都知道“贵公司的业务线软件”是什么样的。

贵公司的申请
(来源:glompix.com

是否有任何资源、建议规则或一般技巧来在视觉上驯服这样的应用程序?我们的业务领域非常复杂,大多数情况下,我们的客户需要很大的灵活性。跟踪每个对象上的大量字段并不是完全可以避免的。

除了一般建议外,我还对 WinForms 特有的用法和工具感兴趣。如果有任何此类(视觉上)设计良好的软件示例,那也会有所帮助。

0 投票
1 回答
532 浏览

delphi - 是否有 Delphi 下拉通知组件?

您知道在 Firefox 中,如果发生需要您注意但没有立即紧急到需要模态对话框的事情,它会在选项卡顶部下拉一个带有问题的小条?我希望能够将这样的功能放入 Delphi 应用程序中,但我不知道是否有这样的组件。有人知道吗?

0 投票
2 回答
150 浏览

standards - UI 设计帮助/建议

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

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

非常感谢,

格雷格·安多拉

替代文字