創新使用者互動介面研究 (UIUI)

由 Microsoft 的 Patrick Baudisch 所做的研究，中間的螢幕是普通的電腦螢幕，可以看到比較高解析度的畫面，而外圍是投影機打上來的，可以看到比較整體的畫面，但是比較不清楚，不過可以提供整體的資訊。這篇研究可以在 CHI 2002 以及 UIST 2001 上面看到。

熱門程度: 3%

熱門程度: 3%

Read Full Post »

Xerox 1991 年的研究，如果看 Demo Video 會覺得有點遜，但是如果我們把時間倒回 17 年，恐怕這在當時是超級創新的 Idea:
所探討的應用有: Copy、文字辨識、虛擬試算表等等

這篇 Paper 理所當然的也就上了 UIST 91。
熱門程度: 59%

熱門程度: 59%

Read Full Post »

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

熱門程度: 25%

熱門程度: 25%

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 必須用工作管理員強制關閉)

熱門程度: 26%

熱門程度: 26%

Read Full Post »

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

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

熱門程度: 22%

熱門程度: 22%

Read Full Post »

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

熱門程度: 27%

熱門程度: 27%

Read Full Post »

由 Edward W. Ishak 在 Steven K. Feiner 指導下所發展出來的 Scroll Bar Widget。上面那張人像是 Steven K. Feiner ，他似乎也蠻有名，不過這個研究是他學生 Edward 所做的，Edward 專門專研在 Content Aware Interaction 這一塊上面，因此他這個在 UIST 2006 上面的研究是他整個博士論文中的一部份。

主要的貢獻就是利用 Content Aware 的方式來瀏覽 Document。因此，我們也可以說是 Semantic Browsing。也就是說，我們先要有 Prior Knowledge 知道 Document 是怎麼被瀏覽。當然，比較特別的 document，他們可以讓你用手點瀏覽的方式，如下圖。我想這篇最大的 contribution  應該就是把 Content Aware 的觀念套用過來吧。

看 Video 最容易了解:

熱門程度: 22%

熱門程度: 22%

Read Full Post »

Georgia Tech 的 Nick Diakopoulo 以及  Irfan Essa 設計了一個新的 UI 介面來幫助使用者做 Video Tagging 以及 Video Segmentation。這篇研究也上了 UIST 2006。他們在這篇研究中提出了幾個創新的 UI，來介紹一下:
首先最創新的就是這個稱為 Polyfocal Visualization 的預覽視窗:

當使用者在的滑鼠在 Time Line Segment (藍色部份) 上面移動時 ，會自動 Pop up 出這樣子的 window，作者稱這樣子的 window 解決了 Overvuew + detail + detail context view 的問題。
另外就是 Time Line 的表現方式:

我們可以看到 Time Line 被切成兩個模式，一個是藍色的那一條，根據 Video Frame裡面的顏色，來將 Video 做 Segment，而 Video […]

熱門程度: 35%

Read Full Post »

Igarashi 2000 年時在 UIST 上面提出了自動 Zoom-in/out 的方式，來解決拖曳 Scroll bar 找東西的問題。整個的概念非常簡單，就是在快滾滑鼠時，就要 zoom out，而滾的比較慢時，就要 Zoom in 回來。當然，實做上面有些參數需要調整。這邊可以看 demo。
因此概念可以寫成一個式子:
Scale = constant/speed
而他們實做的 Browser 有所謂的 Semantic Zoom，在很快 scroll 時，會將標題自動放大:

Image browser:

不過就如同 Takeo 在自己的 paper 裡面所說到的，因應不同的 content，其實不是每個都可以套用 Automatic Zoom，像是 Image Browser，似乎沒有多大的意義。又以實際數據來看，其實 Manual Zoom 沒有比 Automatic Zoom 來的差。不過如果以另外一個角度來看，的確提供了不一樣的 UI。
Demo Video 
熱門程度: 29%

熱門程度: 29%

Read Full Post »

這個由多倫多大學在 UIST 2003 上面所發表的作品，主要是解決 Video Editor 的一些問題。因此他們利用觸控筆發展了一套系統來提供使用者做 video annotation 跟 navigation。他們自創了許多的 UI 包括:
Position + Velosity Slider:

Twist Lens Slider:

無限制的 Video Segment:

以及類似 Hypervideo 方式的 Annotation 連結:

Paper 跟 Demo Video 見此
熱門程度: 40%

熱門程度: 40%

Read Full Post »