2012-04-25 43 views
3

我正在構建一個用戶界面,並且使用「點」來表示有多少個元素。它們可以用於導航,但這是可選的。我想描述這個元素,但我不知道如何調用這種類型的元素。 '點或子彈'的聲音很奇怪,它不僅僅是'導航'。這個界面元素的名稱是什麼?指示幻燈片/頁面的位置

我已經包括這種類型的用戶界面元素的一些例子(在其他應用中)。這是一個旋轉木馬: The dots in this carousel

這是在iPad雜誌應用程序:(?移動網站)

The dots in this iPad app

另一個應用

enter image description here

這是怎麼回事元素叫什麼名字?我正在尋找技術設計文檔/其他文檔的正確名稱。我正在用JavaScript編寫它。

+3

我會稱之爲*尋呼機*。 p.s,你可能在http://ux.stackexchange.com有更多的運氣 – Matt 2012-04-25 10:17:49

+1

@Matt,你可以將它添加爲答案嗎? – 2012-04-25 10:18:27

+0

看起來更適合[用戶體驗](http://ux.stackexchange.com/)。我相信這裏是無關緊要的話題。 – Oded 2012-04-25 10:18:28

回答

5

通常它被稱爲分頁指示器。每個平臺都有自己的名字。

老實說,它甚至不是一個真正的模式,只是在許多模式用來表示小頁的數目的常見意象。

你最好把重點放在你想要顯示的數據上。是書頁,演示文稿幻燈片,動作標籤等頁面,然後弄清楚如何顯示它並以某種方式集成分頁指示器。

想想需要顯示的最大信息:

  • 你需要表現出比10多嗎? - 這個傳呼機不適合
  • 用戶是否需要現在在哪個頁面上? - 將當前頁面圖標換成數字?
  • 用戶是否需要能夠按圖標才能進入頁面? - 然後帶數字的按鈕會更好。

有許多不同的方式來表達分頁:http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/

+0

有一些文件或參考資料可以幫助我們? – 2012-04-25 10:23:43

+1

我會如果你告訴我你打算使用這種模式的平臺。 Android模式 - http://www.androidpatterns.com/uap_pattern/horizo​​ntal-scrolling-page-indicators – 2012-04-25 10:26:42

+0

我正在設計一個html5/js。但我有來自多個平臺的用戶 - Android,iPhone,PC,Mac等。 – 2012-04-25 10:29:42

1

在iOS系統中,這是一個UIPageControl。這裏是適用於iOS的tutorial

更具體地說,我會說,「點」是簡單的「當前頁面」的指標。