问题标签 [interaction-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 投票
4 回答
2029 浏览

captcha - 验证码算法

我注意到 Stack Overflow 只是偶尔给我一个验证码。有谁知道它是否有一个很好的算法来感知我是否可能是一个机器人,或者它是否只是随机的。

减少对验证码的依赖显然是一件好事。

0 投票
1 回答
120 浏览

open-source - 需要交互设计师、可用性的开源项目?

我正在寻找任何开源项目来让自己参与其中,我可以贡献我作为交互设计师的技能——专注于可用性和明显良好的用户交互。我在 sourceforge 上看了几个,但看起来他们将可用性与图形设计捆绑在一起(我将在另一天解决这个问题)。

在网站上搜索项目或任何项目线索的任何想法?

0 投票
1 回答
1040 浏览

user-interface - 向导模式和其他用于不频繁、复杂任务的 GUI 模式

我们正在考虑使用向导模式来帮助用户完成任务。

向导模式似乎解决了我们的问题。我们还对人为因素研究可能对非专家用户需要完成一项不常见且复杂的任务的基本问题感兴趣——还有其他可能比向导更好的范例吗?

0 投票
3 回答
530 浏览

design-patterns - 这个 UI 模式的名称是什么?

有时,当某些功能需要许多不同的设置时,它们会以类似完形填空的文本编写,其中间隙(=变量)显示为打开某种查找列表的组合框或超链接。

例子:

如果可用空间小于 [10%/5%/1MB/...] 则 [向管理员发送电子邮件/播放声音/...]

Outlook 规则向导是另一个很好的例子。

这个 UI 模式的名称是什么?

0 投票
3 回答
4745 浏览

usability - 多级网格的 UI 设计模式

目前我需要在多级网格中显示相关项目。那是曾祖父母->祖父母->父母->孩子

例如:Country-> state->City->Street 是显示的顺序。

建议的解决方案是在多级网格中显示所有这些(最多 4 级)。

国家 -> 州 -> 城市 -> 街道

由于在可用性方面我对这个解决方案不满意,我正在寻找一种 UI 设计模式,它将显示分解为逻辑单元。

谢谢

0 投票
2 回答
371 浏览

user-interface - 为丰富的交互式 GUI 建模(使用用例或其他方法)的最佳方法是什么?

我的公司根据详细的规范文档开发了一个丰富的 GUI,编写为 100 多个用例 (UC)。这些详细的 UC 推动了发展。它们被写成带有演员和描述列的表格。我们(我和其他人)已经破坏了真正的 UC 散文风格,以支持我们应用程序的交互性。

我们还使用规范来(手动)生成测试规范,所以细节(对我来说)似乎很重要。此测试规范用于验证以进行签核。

注意:我们的产品还有更多的组件,而不仅仅是 GUI。GUI团队6-10强,项目整体,60左右。

直到最近,我一直在创建一个“故事板”文档,详细说明每个面板及其与规范相关的交互。曾经还有一个 GUI 架构,以及主要子组件的设计。哎哟! 它导致了非常缓慢的开发时间、糟糕的代码库(哈哈!)和缺乏动力的团队。

该应用程序更像是一个 IDE,允许用户使用拖放、流程图习语创建自己的测试用例(用于移动“手机测试”)。它非常复杂、成熟(7 年以上)并提供许多功能。然后运行测试用例并分析结果。作为一个免费工具(用户可以通过该工具遵循几乎无限数量的路径),它似乎使顺序用例变得毫无意义。我们使用“O”表示可选,“R”表示可重复、嵌套和许多其他“扩展”。UC 从根本上说不适合设计 IDE 的交互。将此应用程序视为提供了一个空白工作界面(如文字处理器或电子表格),用户可以在其中以任何顺序执行任何操作:这导致了 UC 膨胀。

目前希望将规范从 100 多个 UC 简化为基本 UC:“开发测试用例”、“运行测试用例”、“分析结果”(或类似的东西)。

虽然我了解我们的 UC 不是“真正的”UC(专注于商业价值),但作为 GUI 团队负责人和开发人员,我担心的是,如果没有详细信息,我的人将不知道要开发什么。三个UC似乎太抽象了。

我们遵循统一流程的形式,预先完成规范。也许我们应该改用更敏捷的流程,让开发人员自己进行交互设计。

0 投票
4 回答
897 浏览

evaluation - HCI 项目的评估技术是什么(不涉及用户或心理学家)?

我将为我的论文选择一个主题,这将是一个 HCI 项目。(人机交互)。

这将是一个研究项目,我需要考虑对其进行某种评估。我宁愿不使用人类用户,也不想为此与心理学家合作。

有没有我可以使用的指标或评估模型?

谢谢

0 投票
3 回答
7498 浏览

user-interface - CRUD Web 应用程序的 GUI 模式

这是一个关于 CRUD Web 应用程序的用户体验和交互设计模式(不是编程)的模糊问题。

假设有几个简单的实体,例如Student, Course, 并且Lecturer具有明显的关系。

据我了解,CRUD 应用程序通常为每个实体提供一个屏幕来浏览实体、更新、删除它们并添加新实体。该屏幕还可以提供一个搜索框。

应用程序 GUI 使用关系来显示与实体相关的信息(例如每个学生的课程)并从一个实体屏幕导航到另一个实体屏幕(例如从屏幕中的Student's课程名称到Student屏幕中的Course描述Course)。

是否有意义 ?CRUD 应用程序还有其他 GUI 模式吗?你会推荐什么例子来学习?

0 投票
4 回答
5155 浏览

java - C++ 应用程序的 Java GUI - 这是一个好的设计吗?

是的,当面试官提到他们在 C/C++ 应用程序中使用 Java-swing GUI 时,我有点惊讶。我很好奇,问他他们是如何将这些整合在一起的,他的回答是“通过消息传递”。有趣的!好吧,我对这种方法很陌生,我很好奇那里的公司是否真的使用这种设计。如果是,那么这种设计有很大的优势吗?我有点难以理解这种设计如何运作良好,如果您有任何参考,请分享。

仅供参考,该产品是基于数据备份的应用程序(可能在 Linux/Unix 平台上)。谢谢你。

简历

0 投票
2 回答
242 浏览

user-interface - “All”、“Some”、“None”的图形用户友好表示

我正在构建一个报告工具,用户可以通过从各种复选框列表中选择一个或多个选项来过滤结果。

为了节省空间,一旦做出选择,我想缩小每个列表,但每个列表旁边都有一个符号,以提醒用户他们是否选择了一些、全部或没有选项。

我可以使用“已过滤”和“无”这两个词,但我试图思考是否有一个简单的图标可以传达相同的意思。

有没有人解决过这个问题或看过一个很好的例子?

谢谢