it-swarm.cn

最常见的UI /组件是什么?他们的优点/缺点是什么?如何提高?

嗯,我正在寻找自己,希望我们拥有社区Wiki

看到这个问题之后: 世界上最常见的用户界面是什么? 我认为通过尝试仅选择most常见,但讨论我们(人类)日常交互的许多常见接口,以及如何改进它们。

那么,最常见的UI/UI组件是什么?他们的优缺点是什么?如何改进?

例如:


组合框

组合框在整个网络和桌面软件中都很丰富。

优点:允许用户在不使用时需要最小空间的情况下拥有选择列表。

问题:如果选择列表太长,对用户而言将变得笨拙而困难。

可能的解决方案:自动完成组合框,在键入的用户输入上使用文本匹配来缩小可能的选择范围,并使选择更加容易。


显然我没有发明自动完成组合框;请注意,答案不一定是您发明的。

3
instanceofTom

桌子

答案是从桌面应用程序的角度给出的,但对于Web应用程序也可能是好的。

优点:可能在相对较小的区域中包含大量数据。

缺点:如果条目数量很大,搜索可能变得不可能。没有有吸引力的渲染(图标,颜色),应用程序可能看起来很无聊。对于某些用户,某些信息可能是多余的。数据优先级被展平。

如何改进:提供数据组织方法-即时(即在键入时)过滤器进行排序(必须!),列重新排序。在可能的地方,使用图标代替文本,并使用颜色。提供列选择器选项。默认情况下,仅显示基本列,并且仅在单击条目时才在封闭但分开的位置显示完整数据。

1
Assimiz

不要重新发明轮子,而是在这里阅读: http://www.welie.com/patterns/index.php

1
Özgür

对于用户界面模式,我经常参考 Yahoo!设计模式库 。我喜欢的是,他们针对每种模式回答了这些相关问题。

  • 这解决了什么问题?
  • 何时使用此模式
  • 有什么解决方案?
  • 为什么要使用这种模式?
  • 特别案例
  • 辅助功能

而且我认为这些问题必须在每个UI设计人员每次选择UI组件时都引起他们的注意。

1
Sebastien Rothlisberger

我发现 Sencha ExtJS示例页面 是此类组件的最佳编译。

就如何改进它们而言,单个帖子的问题可能太大了。那是您要的书。也许更具体地问关于单个组件的问题?

1
Glen Lipka

滚动条

优点:
  • 允许直接导航到文档/页面中的任何点
  • 允许细粒度的运动
  • 允许快速滚动文档/页面
  • 指示文件/页面的长度
  • 根据 菲特定律
缺点:
  • 对于非常大的文档来说效果不佳
  • 自滚轮问世以来,它的用处不大
  • 不同的实现可能导致混乱
如何改善
我认为滚动条是最可用的UI元素之一:大量功能,但通常都很好理解。但是,如果滚动条的实现不一致(例如在某些Flash应用程序中),则会出现问题。也许视觉元素可以增强滚动条-例如Acrobat缩略图与滚动条的组合。
0
Bobby Jack