【问题标题】:What is the name of this interface element? Indicates position of slide / page [closed]这个界面元素的名称是什么?指示幻灯片/页面的位置[关闭]
【发布时间】:2012-05-06 00:25:36
【问题描述】:

我正在构建一个用户界面,并使用“点”来表示有多少元素。它们可用于导航,但这是可选的。我想描述一下这个元素,但是我不知道这种类型的元素是如何被调用的。 “点或子弹”听起来很奇怪,它不仅仅是“导航”。

我已经包含了一些此类用户界面元素的示例(在其他应用程序中)。这是一个轮播:

这是 iPad 上的杂志应用:

另一个应用程序(移动网站?)

这个元素是怎么命名的? 我正在为技术设计文档/其他文档寻找正确的名称。我正在用 JavaScript 编程。

【问题讨论】:

  • 我称之为寻呼机。 p.s,ux.stackexchange.com 你可能会有更多的运气
  • @Matt,你能把它添加为答案吗?
  • 看起来更适合User Experience。我认为它在这里是题外话。

标签: jquery .net html ios user-interface


【解决方案1】:

通常它被称为分页指示器。每个平台都有自己的名称。

老实说,它甚至不是真正的图案,只是许多图案中用于表示少量页面的常见图像。

您最好专注于要显示的数据。它是一本书的页面、演示文稿的幻灯片、动作的标签等。然后弄清楚如何显示它并以某种方式集成分页指示器。

考虑一下需要显示的最大信息:

  • 您需要显示超过 10 个吗? - 这个寻呼机不合适
  • 用户现在需要知道他在哪个页面上吗? - 用数字交换当前页面图标?
  • 用户是否需要能够按下图标才能进入页面? - 那么带有数字的按钮会更好。

显示分页的方式有很多种:http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/

【讨论】:

  • 有一些文档或参考资料来帮助我们吗?
  • 如果你告诉我你打算在什么平台上使用这个模式,我会的。 Android 模式 - androidpatterns.com/uap_pattern/…
  • 我正在为 html5/js 设计。但我有来自多个平台的用户 - Android、iPhone、PC、Mac 等。
【解决方案2】:

在 iOS 中,它是 UIPageControl。这是适用于 iOS 的tutorial

更具体地说,我会说“点”只是“当前页面”指示符。

【讨论】:

    【解决方案3】:

    pager 是一回事。我在jQuery cycle plugin 中见过它的一个例子。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-05-21
      • 1970-01-01
      • 2017-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多