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

 
TimeTube，將 YouTube 搜尋出來的結果用 TimeLine 來呈現。
via: Fun New Run High 
熱門程度: 34%

熱門程度: 34%

Read Full Post »

Christian 剛完成了他在德國的 FH Potsdam 的碩士論文，很有趣的是，他的論文題目是將圖表的表現方式做個歸類，對於學習 InfoVis 的人來說，這是一個非常好的整理，不過目前他只有線上版，如果要等書出來可能還要一陣子。(好酷…碩士論文做完就順便出一本書…)
整個網站設計的很好，在右邊有目錄，在左邊有相關的 Vis 方式，而且每個 Vis 方式不但有解釋，還有 Flash Demo 跟真實的案例，做的真是太棒了!

熱門程度: 31%

熱門程度: 31%

Read Full Post »

所謂一張圖勝過千言萬語，TwitterEarth 顧名思義就是將 Twitter 呈現在 3D 的地球上面。
熱門程度: 31%

熱門程度: 31%

Read Full Post »

 
Ben Fry 這位 Vis 界的名人最近在 see conference 給了一個 Talk，有趣的是，在 Talk 裡面他介紹了他所從事研究竟然包括了 Multitouch，他們把阿湯哥 Minority Report 電影裡的 Gesture 給實做了出來，這可真是酷…大概是在Talk中間的片段。

熱門程度: 24%

熱門程度: 24%

Read Full Post »

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

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

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

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

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

熱門程度: 42%

熱門程度: 42%

Read Full Post »

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

via:  VentureBeat
熱門程度: 31%

熱門程度: 31%

Read Full Post »

via: AdLab

via: the Next Web
熱門程度: 36%

熱門程度: 36%

Read Full Post »

上次介紹了一個視覺化的工具 Processing，這次介紹另外一個由法國 INRIA 的 Jean-Daniel Fekete 所開發的 InfoVis Toolkit。雖然是用 Java 開發，不過卻可以橋接 Agile2D 這個用 OpenGL 為基底所做的 Lib 來做加速。我發現，做 UI 的人似乎偏愛用 Java 來開發，不知道為什麼…
熱門程度: 46%

熱門程度: 46%

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 »