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

由多倫多大學的 Christopher Collins, Sheelagh Carpendale, 以及 Gerald Penn所做的研究。主要是利用 WordNet 已經建立好的 IS-A 關係來把任意一個文字檔給視覺化。也就是說，給一個 Word 作為 WordNet 被視覺化的中心點，再將整個文章內有的字視覺化在如上面的圓形圖型上面。如此可以一目暸然這個文章根據這個給的 Word 在 WordNet 中是如何被呈現。
這篇研究可以在 EEE Information Visualization Symposium 2006 上看到，Paper 原名叫做: “DocuBurst: Visualizing Document Content using Language Structure“。這個研究所用到的 Library Prefuse 是他們 Lab 自己所開發出來的 Visualization Library.
熱門程度: 3%

熱門程度: 3%

Read Full Post »

tKaap, 一家法國的 video 搜尋以及瀏覽網站, 提供了不一樣的視覺排列方式以及觀看影片的各項數據。

Lancement de Galaxy au WIF 2008by tkaap
via: information aesthetics
熱門程度: 17%

熱門程度: 17%

Read Full Post »

視覺化之於介面是有完全的直接關係的，不過在國內沒什麼這類的 Blog，而在國外的 Blog 的文章又是落落長。對我來說，看中文的速度，大概是看英文的兩倍到三倍，因此，每次看到很長的英文文章，總是要看得特別久。( Norman 的書 Design of Future Things 英文版我還沒看完，中文版就出來了…)。對岸的 Chars Lee 最近翻譯了 “Visualizing: tracing an aesthetics of data” 這篇文章，翻的還不錯，真是感謝。(我看簡體的速度跟繁體的沒差多少)。
翻譯文章:
視覺化: 追尋數據美學 (一)
視覺化: 追尋數據美學 (二)
視覺化對於學習設計觀察的人也是很有幫助，好的視覺化可以幫助決策判斷，也可以找出潛在問題，畢竟，人對於圖像的東西是比較敏感的 (相較於文字以及數據描述)。不過視覺化需要來自於有用的數據，或是大量紀錄的數據，也才能彰顯它的價值。asker 在他的 blog 中所描述的故事，如果經由視覺化來表示，應該也能一目暸然:
人類總是對地球上的種種事物感到好奇。客修室裡明明有電視，有一整架的雜誌，今天的報紙，還有一些銷售用的汽車資料。為何他們對這一切都不感興趣呢？
他們到底對什麼感興趣呢？看來好像沒有，他們起身，看看汽車修理的狀況，然後又做回座位上。等等，也許這就是他們真正感興趣的東西：他們的車！此時此地他們只對自己的車輛維修進度感興趣，其他像電視、雜誌都無法攫取他們的目光，更別說銷售廣告資料了。他們只想知道他們的車發生了什麼事情，這就是他們所感興趣的全部，真是太明顯不過了是嗎？
這個修車的故事是真實的，我曾經花了一週的時間看著人們在等待汽車修理時打盹。我就像是珍古德，而他們則如同黑猩猩。隨著時間的流逝，我一天比一天恐慌，因為我發現幾乎沒什麼事情「發生」。於是我開始思考我所看到最明顯的事物究竟為何？
客休室當中有個位置可以清楚地看見修車地點，而旁邊的兩三個位置視野稍差，但也還看得見。剩下的位置就都看不見正在維修中的車子了。幸運地，我之前有做詳細的筆記，我知道人們曾坐在哪些位置，又各坐了多久。
我由筆記中重建之前的情景時，真相大白。我發現人們喜歡坐在那個(看著自己維修中的車子時)視野最好的位置，當那個位置有人坐時，他們就會退而求其次做旁邊兩三個視野稍差但仍看得見的位置。即便整個客休室裡有一堆空位，他們仍偏好那幾個特定的位置。接著我開始注意地毯以及椅子皮革的磨損狀況，結果與前述的觀察吻合，那些視野良好的位置磨損狀況較嚴重，顯然大家真的偏好坐在這幾個位置。
當初這個研究案是為了進行客休室的設計，而前述的發現正是一個重要的資訊：一個好的設計要能讓車主在等待時能看著他們的車。
熱門程度: 17%

熱門程度: 17%

Read Full Post »

 在 Hardworking Strawberry 上面所看的視覺化研究，非常有意思，直接轉錄描述如下:

http://services.alphaworks.ibm.com/manyeyes/app
Manyeyes 提供了不同的 visualization views, 讓使用者可以上傳檔案(檔案格式)，建立自己的 Visualizations。雖然現在網路上有很多類似的 visualization tools，但是目前 survey到的很少有整合這麼多 visualizations。
這個網站是 IBM 實驗室的產物，所以他們也根據使用者上傳的資料型態，選擇的 visualization tools…等做了個分析，投稿在 2007 IEEE Infovis上[Many Eyes: A Site for Visualization at Internet Scale]。
熱門程度: 13%

熱門程度: 13%

Read Full Post »

 跟 musicovery 以及 Guitarati 蠻像的，藉由顏色來當成心情來挑歌。想不到如此小小一個創意，也這麼多人同時在實做…
轉錄 Mr. March 的報導:

今天 Mr. March 要來跟各位介紹的服務是 Rockla 這個網站，此網站所訴求的特點是根據你的心情來決定你自己的音樂電台，如同上圖所示，在中間圓圈的地方，他們將人類情緒分為幾個大部分，使用者所需的是在 圓盤上點一個點，然後這個網站就會根據你所選擇的情緒範圍來播放音樂；使用者除了根據情緒來選擇外，也可以選擇歌曲的年代，看是要近幾年的流行音樂或是老 歌，使用者也可以挑歌，如果覺得這首歌不是自己想要的，那麼就可以換首，而網站也會在這過程中學習使用者的嗜好音樂類型。
這個網站所使用的是西班牙文，而且裡面的歌曲當然是沒有中文歌的 (至少筆者在使用的過程沒有看聽到)，而且沒有註冊的人有所謂的試聽限制時間，如果想要使用這個網站的話最好還是註冊一個帳號吧。
via:TheNextWeb
熱門程度: 27%

熱門程度: 27%

Read Full Post »

直接轉述 Mr. March 的報導:

這是 Firefox 的一個 extension 可以提供網站書籤和我的最愛以開扇式縮圖預覽的功能，如上圖所示，官網說明說可通用在 Firefox2.0 或 3.0上，可以讓使用者更方便視覺化管理網站書籤。
其視覺化的介面雖然很酷，但是實際使用上存在著一些缺點，像是會有找不到網站縮圖或是偶爾會有縮圖搞錯弄到其他的書籤上的情形，實際用起來的情況有許多的困難，希望它可以在下次更新時改正這些問題。
via:Webware
熱門程度: 25%

熱門程度: 25%

Read Full Post »

InfoVis 的不錯, 應該是有達到 <創意黏力學> 所要求的標準了:)
[youtube=http://www.youtube.com/watch?v=K8y6zEc8×5w]
via: FlowingData
熱門程度: 16%

熱門程度: 16%

Read Full Post »

Mr. March 報導, 直接轉錄:
Phrasr這個網站提供讓使用者輸入一句話，然後會根據每個單字產生一張圖片(圖片的來源是Flickr)如下圖：

然後針對每一張圖片都可以選擇其他的圖片來替代，然後打上標題名和自己的Name後就可以進行發布了，發布後你可以把這一連串圖片寄給你的朋友，或是觀看在Flickr上的原始圖檔。你說這東西有什麼用途嗎？事實上沒有，但是這是一個很有趣的網站，就像看圖猜故事一樣。
via:WebWare
熱門程度: 24%

熱門程度: 24%

Read Full Post »

Mark Coleran 專門在幫電影或是電視影集製作超炫的 UI，這一類的 UI 的特色就是非常酷炫，我們稱之為 infographics. 他把他的作品集弄成了一個 video:

從事介面設計的人，或是 InfoVis 的人或許可以從這些電影中找到一些靈感
via: FlowingData
熱門程度: 31%

熱門程度: 31%

Read Full Post »

Zoomii 利用了 Amazon’s Elastic Compute Cloud (EC2) 以及 Simple Storage Service (S3) 所建成。提供了不一樣的購書介面。
via: RWW
熱門程度: 25%

熱門程度: 25%

Read Full Post »