问题标签 [ui-patterns]

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 回答
410 浏览

user-interface - 用户界面模式

我的应用程序中有一个重复的用户界面模式。一个例子是收集 5 年的地址数据。我需要收集 5 年的数据,然后继续前进。谁能给我指点任何好的 UI 设计网站来实现这种功能。目前我在顶部有一个表单视图,在底部有一个详细信息视图,它很笨重,希望更有用。

0 投票
3 回答
530 浏览

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

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

例子:

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

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

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

0 投票
3 回答
4745 浏览

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

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

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

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

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

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

谢谢

0 投票
1 回答
260 浏览

asp.net - MVC:用户消息栈实现

您将如何在 ASP.Net MVC 中实现用户消息堆栈?(您在应用程序内的任何位置为用户设置消息。它们在应用程序内的任何位置显示为您的应用程序的提示给用户)

我想听听你的想法和想法。你会怎么做?

例如:

用户堆栈消息示例

0 投票
1 回答
193 浏览

design-patterns - 保存更改按钮

我正在开展一个关于用户贡献食谱并以不同方式连接它们的项目。我曾经不假思索地做的一件事是每当有编辑表单时,例如每当用户正在编辑食谱时,我将用户重定向到相关页面,保存更改按钮将重定向到食谱页面或食谱例如,列表页面,但后来我遇到了一些网站,它们没有将用户重定向到另一个页面,而是显示相同的编辑表单,但显示成功消息。

这对我来说更有意义,因为用户可能已经通过多种方式访问​​了编辑配方页面,因此您不能完全确定您是否正在重定向到与用户相关的页面。

你认为什么是最适合在这里使用的设计模式?

谢谢。

0 投票
5 回答
843 浏览

user-interface - 面向开发人员的 UI 可用性手册

作为一名主要的软件开发人员,我发现对我来说最难的事情是制作可用的用户界面。

我确实读过一些书,包括The Smashing BookWeb Design For Developers。但这些主要集中在设计上,而不是构建更复杂的界面(比如通过搜索分配多对多项目,两边都有不同的选项,使用不同的字段进行分组等等)。

是否有任何书籍、文章旨在为 Web 构建更多(逻辑上)复杂的 UI?

基于SO上的其他答案, Designing Web Interfaces book 看起来不错

谢谢,
德米特里。

0 投票
1 回答
187 浏览

android - 如何运行 Google Schedule I/O 2010 Android 应用程序?

我试图为 Android 实现 Action Bar UI 模式。作为参考,我从http://code.google.com/p/iosched/查看了 Google I/O 2010 日程应用程序。然后,我从现有源代码创建了一个 Android 项目,在该项目中我指示 eclipse 查看已签出的中继文件夹。但是签出的应用程序需要 sdk 版本 5,它不在 Android SDK 下载器提供给我的列表中。此外,该项目主要是针对内容提供者的错误。我的猜测可能是软件包已被删除,因此无法解决。谁能告诉我如何运行 Google Schedule I/O 2010 应用程序,因为我打算调试它并研究操作栏是如何实现的。

0 投票
3 回答
961 浏览

android - 在 MonoDroid 中使用 MVP 模式

这是我在 MonoDroid 应用程序中使用 MVP(或更具体地说是被动视图?)的尝试:

https://gist.github.com/857356

我的主要目标不是重用,而是提高可测试性和(希望)提高可维护性。重用将是一个很好的副作用,但我目前不打算做一个 MonoTouch 版本或任何东西。

我通常对此很满意(有一个例外),但我绝对需要一些批评/评估。

一个例外:“GetPortfolioIdForContextMenu”方法返回一个“int”,感觉不太正确,因为其他方法不必这样做。只是感觉不对,但我不能完全指出“为什么”,或者甚至该怎么做。

0 投票
2 回答
435 浏览

android - 在 Android 中显示空文本字段的模式

好吧,我正在开发一个简单的提示计算器应用程序作为课程的一部分,我遇到了一个问题,如果用户输入一个空的文本字段,应该如何向用户显示错误。

我想到了3个方法:

  1. 显示一个对话框,说明未指定账单金额 [虽然这真的很蹩脚。]
  2. 以红色显示一条消息,说明“未指定帐单金额”并突出显示文本字段 [类似于您在 Gmail 上不输入用户名时在 Web 上所做的事情]。
  3. 使用 Animation 类来振动文本字段以显示其未填充。

我想知道是否遵循了一些模式或良好实践来显示与必填字段为空相关的错误消息。

提前致谢

0 投票
1 回答
1125 浏览

android - 实现仪表板 UI 模式的最有效方法?

我想做仪表板模式。我目前为每个主页按钮执行此操作:

我将按钮包装在 FrameLayout 中的原因是我想要:

  • 最大化可点击区域
  • 使图标和文本正确居中。

我过去尝试过这样做,但放弃了,因为我无法找到一种与屏幕尺寸无关的方式来使文本和图标居中:

我的问题:是否有可能做到所有这些:

  1. 不将 Button 包装在其他布局中(每个按钮仅使用 1 个视图)
  2. 最大化可点击区域
  3. 以独立于屏幕大小的方式正确居中图标和文本

非常感谢。