2008年1月23日 星期三

MAYORHOPE-電腦存取介面系統



設計的理念:


改變現今檔案存取的方式,並加入現實生活中”時間軸”與”空間地心引力”的實質概念,來改變檔案存取完畢時的造型,並因此產生個人化的存取空間。而使用的介面採用直接拖拉的方式來完成執行動作,讓使用者可以直接仿造現實生活的取用概念,來完成想要執行的動作。


電腦的使用介面中,一共分為『執行區』與『存放區』兩處。
執行區:執行軟體操作的虛擬空間。
存放區:將執行過的檔案,做有系統性的存放。


設計的譬喻方向:
將電腦的儲存系統,譬喻成像一個都市的感覺,而在都市裡有許多各行業的商店,藉由實體的商店來表達在虛擬空間的執行項目。




執行區介面說明

1.運用空間的上視圖來進行譬喻,而執行的軟體就像一間一間的房子一樣,坐落在執行區的各處,並可以透過控制器來調整執行區的軟體可見度。


2.透過像數的運算,滑鼠只要點擊畫面上兩個點,視窗就會自動放大與縮小,並以點擊的兩點為視窗的對角線。



存放區介面說明
單位
基本單位:方塊
包裹單位(中):樓層(一個空間)
組織單位(大):大樓


1.用都市的概念來進行電腦的譬喻設計,而坐落在都市內的大樓,就是檔案集結後的成果,而每一樓層裡又會有獨自的虛擬都市空間。

2.散落在大樓以外的漂浮方塊,就是使用者還沒有歸類的檔案,而這些檔案也因為”時間概念”與”地心引力”的關係,而有不同的分部區域。

3.功能列與建築物外觀,可以隨自我的喜好而做直接的替換。

2008年1月17日 星期四

Dooropen v 0.2 | sketches of metaphor for computing


Demo -


這是昨天發表的demo,影片裡有一些模擬使用的過程.(不過後面上傳到youtube後聲音有點不同步)

昨天期末請到雲林科技大學張登文教授來評看我們的idea後,有些收獲,也深深感到要對每天相處的框框打破的困難(或許昨天的衝擊後有一點點豁然的感覺,而且會覺得應該要把當初的想法盡量往外擴張,即便其實剛開始已經抓到框框了,不過就像德胤說的,在想像的時候已經先去思考後面要怎麼呈現而小小的偷懶),最近在讀steve jobs的傳記,他剛掘起的那個時代,電腦會發展成什麼樣子還沒有幾個人想像得到,而他眼光卻已經放在十幾二十年後,我們現在只是在使用著十幾二十年前的夢想生活.對於這個年代的我們,從小就有還算方便使用的電腦,一直到現在的密不可分,但也許就是因為這盲點,對於電腦的想像力減弱了..就如同電視一樣,有一個既定的形象存在了,雖然想要跳出去,卻不夠用力蹬.也許我們都要更瘋狂一點吧!既然jobs瘋狂了那個年代的電腦造就了今天,那我們是否也可以瘋狂另一個明天呢?

2008年1月15日 星期二

Boxes ▎ Metaphor for Computer.



數位化資料保存的便利,讓實體空間中的物品漸漸消失。套用箱子譬喻的電腦介面,能找回人與實體物件互動的感覺。物品、資料總被收納在任何形式的盒箱中,以物件分門別類的概念,最初的構想是 "盒中盒" ,從箱子的使用上延伸出更多的譬喻。冀望藉由箱子,製作譬喻統一的電腦介面。







普通紙箱 → 普通資料夾。
藍色鐵箱 → 光碟資料。
綠色長箱 → 隨身碟資料。



箱子集散地 → 電腦桌面。
像倉庫般的桌面,檔案越多,倉庫越擁擠,可使用滑鼠右鍵變更排列方式,增設架子來分類(此功能未作互動呈現)。

快遞宅急便 → 寄信寄件。
當點選快遞按鈕,將有專人開著車來倉庫(桌面)收貨,並提供一張信紙(此功能未作互動呈現)。

封箱用膠帶 → 燒錄光碟。
將資料好好的妥善封存在箱子中,才能有良好的保存。

垃圾焚化爐 → 資源回收。
將不需要的箱子丟進焚化爐中,箱子一但燒掉就無法回覆。









連結:
(1) DEMO原檔
(2) Sketches of Metaphor for Computer No.1
(3) Sketches of Metaphor for Computer No.2

Sketches of Metaphor for Computer No.2


由於之前所構想的「城堡」譬喻太難實作,加上人與電腦的互動仍局限於鍵盤與滑鼠的操作,因此我想了一個新的譬喻,命名為「Underwater」。

Underwater主要隱喻電腦環境位於水面下,在其中你會看(或聽)到各種水下常出現的物體,例如:各式各樣的水下生物、聲納、瓶中信... 等,各有不同的作用,稍後會提到。

Underwater的物件結構主要是以「大魚吃小魚,小魚吃更小的魚... 最底層被吃的可能是文件或是圖片等」呈現,魚群在三維的水中游動,如果將電腦閒置,則看起來與魚缸沒有兩樣。

在接著介紹操作方式之前,先提一下這套譬喻所需具備的硬體:搭載垂直定向儀的觸控式螢幕。

在操作上,用手指頭觸碰魚的嘴巴可使魚將體內的魚(可能一條或多條)吐出來,再按一次可將吐出來的東西吃回去。(在現實生活中,魚真的會反覆吃自己吐出來的東西)。用手指按著魚的尾巴,則可以進行拖曳(現實生活中,抓魚通常都是抓魚尾巴的)。若用手按住魚的腮5秒,則魚會沉到水底,成缺氧昏迷狀態,此時如果要把魚救活,就按著魚的尾巴拖曳幾下(也就是搖一搖),這樣魚就會游回原位;反之,如果要徹底清除水底的魚們,則將手指頭割破,把血抹在魚身上,這樣就有像是鯊魚之類的魚來吃了。值得一提的是,「將手指頭割破」不是指真的在現實世界中將手指頭割破,而是用手觸碰水底的圖釘(或是尖銳的岩石)之類的圖案,讓手指流血。在一定的時間內(例如3秒),手指碰觸到的地方都會有血跡。

有時候,螢幕上的魚太多,前面的魚會擋住後面的魚,此時可以將螢幕傾斜,讓使用者能以俯視的角度觀看水下世界,由於螢幕搭載垂直定向儀,因此電腦能根據螢幕本身與地心引力的夾角,算出應該呈現的角度。 下方例子中,按 [→] 可播放、按 [←] 可暫停:



一般電腦遇到要傳達訊息給使用者的時候,通常會將訊息顯示於對話方塊中。而與其不同的是,Underwater會播放含有聲納效果的語音訊息,以此種方式傳達訊息給使用者。

當使用者有新郵件進來的時候,會聽到「撲通」一聲,然後看到螢幕右(或左)上方有一個透明玻璃瓶夾帶著氣泡掉下來,瓶中可看到一封信,如果不去理會,則瓶子會沉到水底;如果在瓶子下沉過程中用手指觸碰它的話,瓶子會破掉,然後其中的信會攤開到使用者眼前。

為了更讓使用者有在水中的感受,當使用者的手觸碰到螢幕時,螢幕會呈現漣漪的效果。

點圖片觀看範例

Sketches of Metaphor for Computer No.2

電腦譬喻為人腦……接近人腦的電腦
壹、構想
當棋王與電腦對戰,到底誰會贏呢?
棋賽對戰時,已輸入了非常多套的棋局,當棋王走一步棋,電腦便計算哪一種棋局能夠贏,方能決定贏。所以,電腦是很被動的接受人們給予資訊,提供非常多的資料,但是卻無法與使用者溝通,常常會出現某些問題,有待進一步地解決。
若有接近人腦的電腦,將是很重大的改變,我們必須將重新思考電腦與人們的關係,能更善加利用電腦為人們達成理想。



(引用自網路圖片)

貳、 突破
1.計算的方式也不同:可能已經不是0和1的模式。
2. 輸入的方式:
(1) 配戴頭盔、眼罩、耳罩等等。
(2) 波動感應器:為了測得腦波。
(3) 各種貼片:為了感應動作。
3.電腦可以自己主動學習。
參、未來

可能先架設好網絡,大量灑晶片在特定的地方搜集資訊;亦或為了身體健康檢查,而吞食晶片……。
1.responsive environment
2.sensor network


以下列影片來說明:

棋王與電腦下棋誰會贏?

構想說明:



示範表演

2008年1月10日 星期四

資訊設計期末發表-合併注意事項

資訊設計期末發表內容明細:
地點
RB401教室(設計系系辦對面那間)
時間
6:30分開始(但同學如有影片檔案要播放,請早點到現場來測試,謝謝,我會在5點30分就先開好門迎接大家。)
發表檔案
不限
輸出海報尺寸
A3直式 (42X29.7cm)
而由於RB401教室那邊是白板,
所以請同學將輸出作品表在黑色卡紙上,
並讓作品與黑色卡紙有5公分的距離,
這樣作品的呈現會較為清楚。
如下圖

最後預祝大家發表順利。謝謝各位。
如果還有不清楚了,請再留言,謝謝

2008年1月8日 星期二

Sketches of Metaphor for Computer_No.2

箱子BOX

延伸之前的譬喻,同樣以箱子為出發點,推敲出其他電腦功能的譬喻,整體來說,就像是在模擬實體空間、環境中,我們會對箱子(類似電腦中的資料夾)所做的事情,對應到電腦的功能上。
將重點著重於資料(檔案)的處理,目前能發展出以下功能與譬喻:


  1. 箱子集散地 → 檔案總管
    整個電腦桌面就像是倉庫一樣,檔案越多,堆積的箱子就越多。倘若需要將箱子進行不一樣的排列方式,可點選滑鼠右鍵即可更換,除了亂放,還能有增加架子來進行排列。

  2. 快遞、宅急便 → 寄 信
    就處理箱子而言,當我們需要做寄信與寄信附件時,就會需要使用快遞或是宅急便,而快遞的形象常會讓人聯想到飛機,所以ICON使用飛機的圖樣。當點選快遞按鈕,將會有專人開著專車來倉庫(桌面)收貨,並且提供一張明細,讓使用者填表,而此張明細就有點像是買花的時候,花店會提供卡片讓我們使用一樣。

  3. 封箱用膠帶 → 燒錄光碟
    燒光碟就像將一堆的資料,好好的妥善封存在箱子中,才能做良好的保存。而封箱用的膠帶,有分為可撕(咖啡色膠帶)與不可撕(透明膠帶)兩種,要根據你所使用的光碟片是哪種形式的,例如DVD-R─透明膠帶,DVD-RW─咖啡色膠帶。

  4. 垃圾焚化爐 → 資源回收
    當我們要處理掉箱子(資料夾)時,就是丟進垃圾焚化爐內,但是有個重點,箱子一但燒掉,就沒辦法回覆了,所以請使用者好好珍惜箱子,作捨棄的動作前,請三思!

  5. 長方型箱子 → 隨 身 碟
    當隨身碟連接上電腦時,對倉庫來說,就是來了個不速之客。隨身碟的箱子與倉庫(電腦桌面)中的箱子不同的地方在於形狀,隨身碟一般來說都是長方型的形象,所以代表它的箱子當然也就是長方型的。


連結:DEMO版本原檔