UI, Innovation, Usability, Interaction
Posted in Interaction, Photo, Slideshow, visualization, web on Apr 23rd, 2008
AIRTIGHT 這家設計公司，為許多大大小小不同的公司做了很多的設計，不過他們最擅長的還是用 Flash 設計 Photo Viewer。各式各樣的 Viewer 真讓人覺得 Photo 的 Vis 貨市互動方式似乎是無止盡啊。
他們最近的一個作品 TiltViwer: 有 3D 互動效果
用 Tag 來表現的 Tag Browser: 打入一個 Tag 他會找出相關照片，同時也會找出相關 Tag，Vis 跟互動的方式很酷
AutoViewer: 我記的最近好像有哪家公司把它 AJAX 化了
PhotoSpace: 3D 化瀏覽方式，不過感覺不是這麼好用
PostcardViwe: 跟 TiltViwer 有些類似，不過這是早期作品
熱門程度: 42%
熱門程度: 42%
Posted in Display, Interaction on Apr 23rd, 2008
HypoSurface大概是全世界第一個會 “移動” 的大型螢幕，它顯示的方式，就是直接凹凸的方式表示出來。似乎用語言有點難以解釋，直接看 Demo Video 好了:
熱門程度: 19%
熱門程度: 19%
Posted in Interaction, video on Apr 22nd, 2008
做 Image panorama (環場) 似乎已經不稀奇了，Immersive Media 推出了 360 度 Video 環場。真是太神奇了，我唯一想到的方式就是，開車的時候在各個角度都裝上攝影機。請用滑鼠在下面 Demo Video 上面隨意拖拉…你就知道效果了。
剛剛看了一下似乎是這樣子沒錯:
熱門程度: 20%
熱門程度: 20%
Posted in Interaction, UIST on Apr 21st, 2008
由 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 最容易了解:
熱門程度: 23%
熱門程度: 23%
Posted in Interaction, UIST, video on Apr 21st, 2008
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 […]
熱門程度: 32%
Posted in Interaction, UIST, web on Apr 21st, 2008
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
熱門程度: 28%
熱門程度: 28%
Posted in Gesture, Interaction, UIST, video on Apr 21st, 2008
這個由多倫多大學在 UIST 2003 上面所發表的作品，主要是解決 Video Editor 的一些問題。因此他們利用觸控筆發展了一套系統來提供使用者做 video annotation 跟 navigation。他們自創了許多的 UI 包括:
Position + Velosity Slider:
Twist Lens Slider:
無限制的 Video Segment:
以及類似 Hypervideo 方式的 Annotation 連結:
Paper 跟 Demo Video 見此
熱門程度: 36%
熱門程度: 36%
Posted in Display, Gesture, Interaction on Apr 21st, 2008
LM3LABS 專門從事互動設計，根據 Engadget 報導，他們發展出了可以互動的 Hologram display。不過我看了一下 Demo Video，這個應該不能叫做 Hologram 吧…他們只是把特效做的很像 Hologram，其實是被投影加上手勢偵測而已，仔細看一下，其實還是平面而不是 3D 喔。
Interactive Real Size Hologram from Nicolas Loeillot on Vimeo.
熱門程度: 26%
熱門程度: 26%
Posted in Interaction, library, programming, visualization on Apr 20th, 2008
Bernard Kerr 是 Yahoo! del.icio.us 的設計 Leader，以下是他給的 25 分鐘的 talk，關於 mail 以及 tag 的視覺化。很有趣，發現 IBM 做了很多的視覺化應用。視覺化跟 UI 有什麼關係呢? 當然是大有關係，視覺化是呈現訊息的方式，而一個好的使用介面應當也會將資訊作良好的呈列。而且設計的趨勢有將 Info 跟 Interaction 結合了，尤其是在 Web 上面是非常明顯的 (廢話…Web 上就只有資訊啊…)
在看 video 之前，註記一下來自 Bernard 的經驗之談。Bernard 認為視覺化有三點要注意:
第一點: 將多維度的資料只取兩個維度來做應用
這個是避免視覺化造成太多為度而資料混亂的困擾。但是就真的兩維嗎? 我覺得 Bernard 想表達的意思應該是，在視覺化之前，先瞭解你想要表達的東西是什麼。因為一個事情是有非常多的面向的，一次全部表達反而沒有突顯，重要的是解決你想要解決的問題。所以，什麼資訊需要視覺化? 解決了什麼問題? 這才是重點。
第二點: 用真實資料
不用真實資料的話，就會做了一堆白工。畢竟視覺化是要解決一些真實的問題，與其猜測資料，不無直接用真實的資料。而且真實的資料也會讓設計者常常非常意外。
第三點: 用 Illustrator 來做 prototype
我第一次知道 Illustrator 有支援 Javascript，這真是太神奇了。Bernard 鼓勵大家在真正寫 code 之前，可以先用 illustrator 來做這些事情。
順便跟喜歡 Viz 的人介紹一下，FlowingData 這個 […]
熱門程度: 38%
Posted in Interaction, Photo, entertainment on Apr 20th, 2008
方才在癮科技上看到的，還蠻有趣的，不過會不會變成笑臉矯正器了? 直接引述報導:
自從關西大學推出了啊哈哈哈哈笑聲檢測器後，Omron公司更進一步發展出一套笑容分析軟體Okao Catch，這套軟體用錄影機錄下人們的笑容後，能分析他們微笑時嘴唇的弧度、眼神的移動及其他臉部特徵，最後再幫這些笑容打分數
原來還有人做笑聲檢測器喔…所以…自然的笑跟自然的笑聲都還要被評比說，有時候在想，我們的科技究竟是創造出了什麼樣的社會?
熱門程度: 22%
熱門程度: 22%
訂閱 UIUI 