Tag Archive 'slider bar'

Alpha Slider

CHI 界的大師 Ben Shneiderman 在 1994 年提出了 Alpha Slider 這個創新的 UI,主要是為了解決 Slider 沒有辦法達到 Fine scroll 以及 coarse scroll 的效果。而自從 Ben Shneiderman 提出了這個問題之後,陸陸續續跑出了許多 Paper 來改進 Slider 來解決這個問題,像是 FinSlider 或是 Pop up Vernier 等都是呼應大師想法的作品。

如上圖所示,Alpha Slider 的觀念就是把 Knob 切成三等分,中間是原速度,上面是速度比較快,最下面是速度比較慢,所以在不同點上做拖曳,會產生不同的 Filter 效果。這一個研究可以在 CHI 1994: “The Alphaslider: A Compact and Rapid Selector”上看到。
熱門程度: 27%

熱門程度: 27%

Read Full Post »

Virtual Scroll Ring

無獨有偶,同一年 Brown University 的研究員 Tomer Moscovich 以及 John F. Hughes 也想到了同樣的方式解決 Stylus 的問題,所以在同一年的 UIST 上面可以看到兩個研究非常相似的 Paper。其實同樣的研究在同時進行的確是常見的事情,因此見怪也就不怪了。
“Navigating Documents with the Virtual Scroll Ring” 這篇研究所談到的 Virtual Scroll Ring 其實跟 Radial Slider 是幾乎一樣的概念的,轉小圈 Scroll 比較快,轉大圈 Scroll 比較慢。

熱門程度: 26%

熱門程度: 26%

Read Full Post »

英國 University of Southampton 的研究員 G.M. Smith 以及 m.c. schraefel 為了解決觸控筆在 Scroll bar 上的問題而提出了 Radial Slider。是這個樣子的,之前滑鼠中間沒有滾輪時,Scroll 的時候,我們必須先中斷目前所看的東西,將 Focus 移到 Scroll Bar 上,然後拉動,視線就會在兩邊來回。而 Stylus 顯然也有這個問題,因此他們實做個一個叫做 Radial Slider 的 GUI 來解決這個問題。在內圈小小的旋轉則會 Scroll 的比較快,而在外圈時,則會 Scroll 比較慢。這個研究可以在 UIST 2004: “The Radial Scroll Tool: Scrolling Support for Stylus- or Touch-Based Document Navigation” 上看到。
Demo Page (程式有些 Bug 必須用工作管理員強制關閉)

熱門程度: 27%

熱門程度: 27%

Read Full Post »

Zoomslider: 解決 Slider 的問題

德國的 Albert-Ludwigs-Universität Freiburg 這個學校的研究員 Wolfgang Hürst 針對螢幕的 resolution 有限,無法真實表現 Slider 的長度,因此做了這個研究,它提出了三種 UI,其實除了第一種以外,其他兩種似乎不是創新。這個研究可以在 MM 2004 Demo Session 上看到,”Advanced User Interfaces for Dynamic Video Browsing“.
Zoomslider:

當滑鼠往上移時,Slider 會增長並超過螢幕的範園。其實這個會有所謂的 Mind’s Eye 的問題。
NLSlider:

就是在 Knob 的地方加上 Fisheye.
Elastic Skimming:

跟 FineSlider 是個同樣的東西。
熱門程度: 26%

熱門程度: 26%

Read Full Post »

芬蘭赫爾辛基大學的研究員 Sari A. Laakso 想到要將 Scroll bar 上加入書籤功能,嗯,聽起來沒什麼創新的地方,或許因為這是 2000 年 CHI Extended Abstracts 的關係吧。
熱門程度: 27%

熱門程度: 27%

Read Full Post »

Sony CSL 的研究員 Yuji Ayatsuka 在 1998 年提出了 Vernier 的概念來解決拖曳選擇 Slider Bar 級小範圍內的移動的方式,所謂的 Vernier 就是如上圖所示的輔助量尺。

這個創新的想法自然也上了 UIST 1998,結合現實的物體的想法,並且內化成 GUI,這在許多創新 UI 上面都看的到,雖然一看就知道,但是沒想到前,總是沒人知道就是了。這一篇 Paper 也證明了新的 UI 符合 Fitt’s Law。

熱門程度: 24%

熱門程度: 24%

Read Full Post »

由 Sony 的研究員 Toshiyuki Masui 在 1998 年所開發出的 UI,所要解決的問題是快速找尋一維資料的 UI,因此發展出了這個名為 LensBar 的 UI,使用者在選定的 Entry 橫向移動時,就會以這個 Entry 為中心,將其他的 Entry 依序收折起來。收折起來的決定條件則是根據 DOI (Data of Interest),說白話一點,就是任意給定的值,值小於每個 Level 所要收起的 DOI,這個 Entry 就會被收起來了。這項研究可以在 InfoVis 1998 上面看到。

Paper 見此
Demo video
熱門程度: 27%

熱門程度: 27%

Read Full Post »

TimeSlider 是 NEC 研究員於 1997 年所發想出來的,這個研究也可以在 UIST 97 上面看到,他們當時在進行一項名為 TimeMachine 的計畫,會紀錄電腦桌面到底在什麼時點存放了什麼東西,因此他們遇到了一個問題就是如果是用 Slider 來表示的話,Range 就會不停的變動,而且是越來越長的 Range,同樣的螢幕畫素有限。他們的解決方式就是在 Knob 所在的地方用魚眼效果展開,並且將 Knob 附近的值置中。

熱門程度: 30%

熱門程度: 30%

Read Full Post »

Toshiyuki Masui,SHARP 的研究員,在 CHI 1995 年上提出了 “Elastic Graphical Interfaces for Precise Data Manipulation” 的想法來解決 Slider Bar 上面只能找簡單定點拖曳的問題。由於螢幕像素有限,因此如何能夠利用有限的 Slider Bar 來找更小範圍的東西,就是一個需要解決的問題。

Toshiyuki Masui 提出了利用像是橡皮筋般的操作來解決這個問題,單點選的位置比較遠時,所移動的速度就會比較快,而點選比較近時,則是移動的比較慢。
熱門程度: 30%

熱門程度: 30%

Read Full Post »

多層次觀看影片

這個由 Apple 於 1992 年在 CHI 上面所發的 Paper : “A Magnifier Tool for Video Data”,主要是想要解決目前 Video 普通的 Slider Bar 和 Browsing 的方式所產生的 Global Context 和 Detail 無法兼顧,因為每一個時點只能看到一張畫面,因此 Apple 設計出了這樣子的 Slider Bar,在一整段 Video 中擷取其中六張 frame。點了其中一張 frame 就會再往下展開六張,依此類推:

熱門程度: 44%

熱門程度: 44%

Read Full Post »

Page 1 of 212»