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

AIRTIGHT 這家設計公司，為許多大大小小不同的公司做了很多的設計，不過他們最擅長的還是用 Flash 設計 Photo Viewer。各式各樣的 Viewer 真讓人覺得 Photo 的 Vis 貨市互動方式似乎是無止盡啊。
他們最近的一個作品 TiltViwer: 有 3D 互動效果

用 Tag 來表現的 Tag Browser: 打入一個 Tag 他會找出相關照片，同時也會找出相關 Tag，Vis 跟互動的方式很酷

AutoViewer: 我記的最近好像有哪家公司把它 AJAX 化了

PhotoSpace: 3D 化瀏覽方式，不過感覺不是這麼好用

PostcardViwe: 跟 TiltViwer 有些類似，不過這是早期作品

熱門程度: 43%

熱門程度: 43%

Read Full Post »

Viewzi，光是看這家公司的英文名字就知道似乎跟 Vis 是有些關係，這家公司也是亂神秘一把，搜尋 YouTube 只會看到一堆人在談論 Viewzi，但是卻沒看到任何使用畫面。最近流行搞神秘說，今天終於有介紹影片可以在官網上面看到了，可惜沒有開放 embed 連結。大概的感覺就是，semantic search ，會透過你所鍵入的關鍵字，將相關的搜尋結果分組，然後根據不同的結果來呈現不同的 Vis 的效果。比如說照片的呈現效果就跟文字的呈現效果不太一樣之類的。不過，實際用了才會知道，目前還未開放測試。這款搜尋引擎讓我想到 SearchMe，所想達到的事情是差不多的。

via:  VentureBeat
熱門程度: 32%

熱門程度: 32%

Read Full Post »

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%

Read Full Post »

最近在不同的 source 看到了這個名為 Processing 的 Language，今天在 VAW LOG 上面又看到了。看起來似乎是架構在 JAVA 上面的 一套運作系統。待我有時間再來看看這個神奇有趣的東西，看起來似乎不難用，而且還有專書討論。先記錄起來，或許以後有些用處。
熱門程度: 40%

熱門程度: 40%

Read Full Post »

Jonathan Harris 專門從事互動視覺化設計 (Visual Art)，他有很多非常有名的作品，不少人一定看過，雖然你不一定知道這出自同一個人的手。他最近跑去補鯨，因此把他的捕鯨歷險記用照片視覺化出來。我總覺得這些從事藝術視覺化 (Visual Art) 的人腦袋一定長的很不一樣，總是可以想出很特別的表現方式。

這是利用 FishEye 來表現的手法，將焦點的照片放大，不過他有點改變，還外加把周圍的照片給推開。其實在 Jonathan Harris 的作品裡面，用大了大量的 FishEye 的手法。但是不一樣的是，他的 FishEye 表現方式非常多端，我想這也就是他為什麼會是藝術家的原因吧。

另外一個方式看他捕鯨記的照片方式有點類似時間軸 (Time Line) ，不過不是那麼標準的時間軸，他把時間軸用心電圖的方式表現出來。根據他的說法，在興奮的時刻會想要拍很多照片，因此在短時間內拍攝的照片會在同一條線上，而這時心電圖就應該表現的心跳跳很快的樣子。好像很有道理…

所以，捕到鯨魚後， 拼命喀喀喀的照相，這時大家看到下方的時間軸，心跳頻率在此刻應該是很高昂。
不過，既然是名人，那應該會有很多作品。來大致上看一下:
We Feel Fine 計畫:

這個計畫是搜集大家的心情，並把他視覺化出來，裡面有文字，有圖片。每一個點都代表一個心情，比較有趣的是，點開時會有感覺 “爆開” 的展開效果。
Love Lines 計畫:

這個計畫是把大家所想要的願望給視覺化出來，下面有一個 bar，根據想要的程度的不同會把資訊在這個 bar 上面做一個分布，左邊是 Love，右邊當然就是 Hate.
 10×10 計畫是一個新聞視覺化計畫:

在這邊我們又看到了一次 FishEye 的應用，這次是放在右邊的新聞關鍵字。
Phylotaxis 計畫:我不知道這個計畫要做什，不過利用了費伯納西數列(Fibonacci Sequence) 來做排列，很有意思。這讓我想到了伊東豐雄的展上面看到了伊東常利用凡諾依圖形 (Voronoi Diagram) 來設計建築。很多的數學東西套用在設計上面，似乎很能展現出美感，或許這是因為數學正是述說著自然法則的語言吧，而自然的東西，總是最美的。

Universe 計畫: 大家應該都看過這個名為 Universe 的視覺化，將資訊利用星圖的方式視覺化出來

當然，好戲是要壓軸的， Jonathan Harris 最有名的設計其實是 Yahoo! Time Capsule (Yahoo! 時間膠囊)，各位應該依稀記得 […]

熱門程度: 28%

Read Full Post »

FlowingData 這個優秀的網站上面介紹了一堆資訊視覺化的資料。
via LezPlay
熱門程度: 22%

熱門程度: 22%

Read Full Post »

PhotoStream，以圖片視覺化新聞，應該是按照時間排序，不過不能滾動之類的。Idea 很好，不過 Viz 的方式好像有點不直覺。
熱門程度: 18%

熱門程度: 18%

Read Full Post »