首先,應該非常小心「更新」滾動條。滾動條是一個偉大的成功故事,一個簡單,優雅,功能強大的控件,對於成功使用計算機至關重要,並且幾乎可以普遍被用戶理解。試圖改進滾動條就像試圖改進圓珠筆。它長期以來一直保持不變,因爲實際上你可以做的不多。 「無聊」並不是改進它的好理由。用戶不使用應用程序或網站,因爲它有新的和「酷」的控件。他們使用應用程序或網站,因爲它可以讓他們完成任務。要改進滾動條,請考慮更改如何改進任務完成。
好東西不起眼的滾動條均有:
容量滾動一個窗格滿。
能夠滾動一行(微調)。
在不移動鼠標的情況下重複執行上述操作的能力(因此用戶只需在最初將鼠標放在正確位置後偶爾點擊某些內容即可偶爾點擊)。
允許通過簡單的線性拖放功能隨機訪問窗格中的任何位置。直觀地顯示內容中的相對位置(例如,允許用戶判斷他/他到底有多近)。
直觀地顯示內容相對於滑塊相對於軌道大小的相對大小。
支持通過光標鍵進行直觀的鍵盤激活 - 良好的快捷方式,以及良好的可訪問性。
支持clickamatic(按下並按住鼠標按鈕以滾動多行或面板滿)。
非常流暢的用戶操作實時反饋。
所有這些都在一個非常緊湊和不顯眼的控制中,不會分散內容(用戶真正感興趣的內容)。
你不想惹什麼。特別是,您鏈接到的彈出式滾動條可能是一個糟糕的主意,因爲它會干擾通過單擊軌道來滾動窗格的容量。這也許是最常見的用戶操作,因此它應該獲得最大數量的像素(即軌道)。另一方面,建立在現有滾動條功能的基礎上,就像您所鏈接的Infoscroller一樣,這是一個值得進一步研究的問題。關於這個概念的原創性研究,請參見:
McCrickard DS和Catrambone R(1999) 除了滾動條:一個演進和替代導航 技術 評價。喬治亞州研究所 技術技術報告 GIT-GVU-97-19。
很顯然,您在滾動條軌道中顯示的內容取決於您的內容。內容的縮略圖不適用於文本列表或列表。爲此,Greg Raiz建議指出values for the current sort order。如果沒有足夠的空間,可能會出現工具提示或標註,指向要拖到的軌道中的關鍵位置。 MS Word做了與此類似的工作,顯示了一個工具提示,指示當前拖放點的頁面和部分。
我這裏還有我們可以建立滾動條上一些其他的方法:
更多的按鈕。我已經看到了在頂部和底部同時包含向上和向下按鈕的建議,因此用戶可以在向下滾動和向下滾動之間切換,而無需滾動窗格的整個高度。或者您可以使用按鈕立即滾動到內容的開始和結束位置,對於不知道Ctrl-Home和Ctrl-End的用戶,可以方便地保存這些用戶長時間拖動滑塊。微軟Word包括執行最後的查找或轉到,以及其他可能性的按鈕。
拆分欄。在MS Word,MS Word和Excel滾動條的主題中包含一個分割控件,可以將窗口分成兩個窗格。對於很多其他應用程序來說,這很方便,例如瀏覽器和大型列表和表格。
專家激活。如果你不想讓雜亂的滾動條更多的按鈕和控件,考慮通過元鍵提供專家快捷方式。按住Ctrl鍵單擊箭頭按鈕可以將用戶滾動到內容的開始和結束處。按住Ctrl點擊曲目可以立即滾動到內容中的相應位置,如果您已經實施了Infoscroller,則特別有用。按住Ctrl單擊滑塊可以彈出一個迷你對話框或文本框,以輸入頁碼,列表項標識符或查找條件以跳轉到。
左側滾動條。有一些研究表明我們通常應該把vertical scrollbar on the left side,而不是正確的(見Kellener E,Barnes GM,& Lingard R(2001),滾動條方向和項目理由的影響,人類因素和人體工程學會第45屆年會會議)。使滾動條位置與內容對齊一致意味着更快滾動條使用的平均轉換距離更短。同樣,將瀏覽器左側的滾動條放在瀏覽器中將縮短滾動條和後退按鈕之間的距離,以加快導航速度。但是,滾輪的出現可能使這種想法變得過時了。
你可能想考慮問這個問題在ux exchange ux exchange(http://uxexchange.com/) – 2010-07-13 16:35:42
那個信息卷軸非常酷,但它看起來還是很噁心 – fearofawhackplanet 2010-07-13 16:36:07
FWIW,在信息槽裏畫,就像在infoscroller的例子中上面已經有相當一段時間了。例如tkdiff至少在90年代中期以來一直在使用它。 – 2010-07-13 16:39:01