Collecting with Cabinet: or how designers organise visual material, researched through an experiential prototype 以小型操作台收集：研究設計師如何透過經驗原型組織視覺圖片材料 2009/06/13
大同大學 工業設計研究所 在職專班 研一生 班號：ED1.08 學號：79704008 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Cabinet [k'æbɪnɪt] ＝ 小型操作台
• • •
Cabinet is a tool to support designers in the collecting and organizing of images. 小型操作台是用來提供設計師收集和組織圖片的一種工具。 It was used in a case study that was conducted by three designers during their normal work practice for a period of 4 weeks. 由三個設計師在為期四週使用的個案研究。 In this paper the results of the study are presented and discussed in the light of the growing recognition that computer tools should support creative rather than merely administrative tasks. 研究結果：電腦不僅僅只是執行任務，更應該作為激發創意的工具。 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥
2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Computers are . . . • •
“Computers are useless, they only give you answers” － queote by Pablo Picasso Computers are essentially designed as goal-directed problem solving machines with a high emphasis on verbal attributes and are therefore not oriented to support creative design processes, which incorporate explorative, iterative and visual ways of thinking. 電腦原本是設計為目標導向解決問題的機器，具有高度強調語言的屬性，因此不以 支援創新設計的過程為目的，包括探索性，反覆性和視覺的思考方式。
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
physical & digital world
•
• •
Designers work at Dutch design firms currently keep and maintain two separate collections of visual material: a physical collection of magazines, photos and objects and a set of digital images on their computers, CD-ROMs and the Internet. These two collections do not come together in the design process – the first is used mainly for inspiration while the second is used for communication with the client. Cabinet bridges the divide between the digital and the physical world. Its key ingredients are its ability to do simplified scanning and completely non-verbal, visual 大同大學 工業設計研究所 在職專班 interaction with digital images. 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥
2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
The theoretical base for Cabinet •
小型操作台之理論基礎：分類構成 & 隱喻性思想 & 組織收集 & 物質的相互作用。
•
帕思門提出設計師組織和收集可見的素材是一項有創造性活動。研究發現：組織可見 的素材有助於創造新的設計，超越既有的範疇。
•
設計師發現他們的創造性不只出自於他們心中的構想，也存在於物質上的相互作用。
•
設計師收集組織可見素材作為創造性活動以及用什麼方式收集材料為理論的基礎。
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Feature of cabinet • • • • • •
小型操作台(Cabinet)為書桌尺寸的工作平台，投影並顯示視覺性圖片的收集在台面。 只要將物質性視覺圖片的材料放在此小型操作台，便可容易進行收集動作。 壓下單一按鈕，操作台即進行拍攝並投影複製成數位影像。 使用者可以透過大量的組合或堆疊的動作在操作平台上移動或組織這些收集的影像。 比起典型應用軟體更像是物理性質的小型操作台，其介面小，狀態總是開啟，隨時準 備提供使用，並在工作環境中，預備了連續不斷的視覺圖片收集。 當操作台閒置數分鐘，即開始從收集的視覺圖片中隨機顯示。
Figure 2. Cabinet prototype with the scanning process in the top row and the interaction with thumbnails in the bottom row 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Six findings as design criteria to develop a prototype tool
Figure 1. The six findings came out of this study. 2009年6月13日星期六
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥
How designers organise visual material, researched through an experiential prototype
Six findings as design criteria 發現一： 收集是一個持續不斷的活動。to develop a prototype tool 收集的剪報，隨著時間增加聚集和收藏，用來被人們瀏覽，而無法用來處理真實的查詢。 發現二： 設計師維持分開且從未結合的兩種視覺素材的收集方式（物質和數位）。 舉理來說：成堆的雜誌靠在掃瞄器旁，卻從未被掃描進去過。 發現三： 電腦軟體不支援如視覺圖片分類的任務。螢幕上只顯示檔案名稱和縮圖。 發現四： 設計師使工作環境井然有序，促進可偶然找到之前的工作。 黃色便條紙貼在雜誌上即使當他們之後不再使用。 發現五： 大多數新的構想來自於打破傳統節奏的思維。 花在電腦軟體的時間，是一個被低估的設計參數。 發現六： 在社交方面，設計師使用視覺圖片素材，可與他們的同事提供認知，和進行知識的交流。 電腦螢幕上的影像並不提供這樣方便的分享。 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Six findings as design criteria to develop a prototype tool The main theme of these findings relates back to the designer keeping two collections, a physical and a digital collection, each with different goals, uses and values. 此六個發現的主題與前面研究發現荷蘭設計師維持兩套收集的方式互相關連， 每一個都有不同的目標，使用和價值
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Six criteria as follows : (1) Active collecting is supported by Cabinet's ʻalways onʼ availability and the possibility of adding material without the need to prompt for structure. (1) 小型操作台支援收集動作，總是保持開機的可用性，和增加材料的可行性。 (2) Merging of the physical/digital collections is supported by smooth scanning and physical interaction. In this way the digital and physical collections of the designer can be unified. (2) 結合物質和數位的圖片收集，支援平滑順暢的掃描和物質相互作用，設計師以這個方式可 以將數位和物質性的圖片作整合。 (3) Visual interaction is supported by eliminating verbal clues in the interface and by allowing the collection to be organized purely visually and spatially. (3) 視覺上的互動可以免除語言干擾，使圖片的收集純粹地以視覺性和空間性的方式組織。 (4) Serendipitous encounters are supported by the continuous and dynamic display of different images from the collection. (4) 連續和動態地顯示各種收集的圖片，有助於意外發現新的創意。 (5) Breaking the rhythm for inspiration is supported because Cabinet is a different physical object than the regular workspace thus luring the designers away from their desks. (5) 比起一般工作空間，小型操作台是不同以往的物理性物件，因此吸引設計師離開自己的工 作桌，打破傳統的節奏，尋找新的靈感。 (6) The social use of visual material is supported by continuously presenting images in the workplace and by inviting collaborative interaction at the Cabinet table. (6) 以小型操作台在工作場所中連續呈現影像，在工作的空間中有助於彼此合作互動，提供了 一視覺素材在社交上的功能。 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Field evaluation of prototype
• • • • • •
此經驗原型是意圖在這個領域中，驗證新工具概念的研究。 個案研究的目標是看看設計師，依據上述的六項原則，如何執行視覺圖片收集， 在真實世界裡進行設計案。 在這個研究中，原型本身是被評估並作為一個手段，去獲取更進一步的洞察， 在實踐中，設計師如何組織他們的圖片收集。 這個研究不只是對原型工具的使用有興趣，還要瞭解設計師在圖片收集中彼此的互 動，研究是為以實踐為基礎的多個案研究。 因此，小型操作台(Cabinet)安排在各種類型的設計公司，去探索使用Cabinet一致 和不一致的設計方式。 期望列表（詳後）在經驗原型工具的設計中發展，從多個案研究中採集，此表指出 大同大學 工業設計研究所 在職專班 豐富的各種數據和資料，包括質量和數量。 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥
2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Participants 1. Roy @WAACS (七名員工，產品設計，包裝設計，室內設計) 2. Renate @Fabrique (五十名員工，平面設計，工業設計，新媒體設計) 3. Renee @Smool (三名員工，概念設計，工業設計，家具設計)
Figure 4. Placement of Cabinet in the design studios- at WAACS (left) on a desk near a workplace and the entrance to the studio 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Procedure
Figure 3. Timeline of the procedure 1. 三位受測者都有七分鐘的Cabinet教學指導的DVD，解釋其所有的功能和特點。 2. 每週三研究人員會進行短時間的維護訪問(Maintenance visit)， 備份工作日誌(log file)和收集的圖片，這也是給受測者提出問題給研究人員的機會， 並作為研究發展的提示。 3. 第三週，受測者被要求於設計會議(Design session)中發表Cabinet的現行成果。 4. 四週後Cabinet被帶走。此後不久，另一位研究員進行訪談(Evaluation interview)， 以評估對受測者在設計過程中，對於Cabinet的反應，受測者被問及如何使用的方式， 並對Cabinet進行描述，他們的收集在Cabinet裡像是什麼，以及Cabinet如何影響他們 圖片收集和設計的行為。 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
1. Roy @WAACS(七名員工，產品設計，包裝設計，室內設計) Roy，工業設計師，使用Cabinet組織他網路攝影機的手繪素描，轉化渲染成為電腦 效果圖，再將這些圖使用在公司的網站上。
Figure 6. Cabinet export of a composition of web cam renderings at WAACS (left) and a still from the Design Session in which Roy presents the process of making these renderings (right) 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Figure 12. A rendering from the collection of Roy (left) with reference material found in his collection (right) 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Figure 7. The amount of physical and digital images added in the Cabinet at WAACS over time 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
2. Renate @Fabrique (五十名員工，圖形
、工業設計，新媒體設計)
雷娜特，多媒體設計師，三個受測者中最密集使用Cabinet的人，她分析兩個案子的平面 設計，這個案子是在設計會議(Design session)發表的，處理轉化為公司雜誌的風格，並 且放在她們的網站上。她掃描各類廣泛不同的雜誌，並分析這些雜誌的排版，以及圖片 和插畫的使用。
Figure 8. Cabinet export of Renate's analysis of a magazine (left) and a still from the design session in which Renate points at elements she can use for her solutions (right) 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Figure 9. The amount of physical and digital images added in the Cabinet at Fabrique over time 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
3. Renee @Smool (三名員工，概念設計，工業設計，家具設計) Renee，工業設計師，她使用Cabinet組織她的手繪素描圖與雜誌來源的素材以及參考 設計的關聯性。與拼貼的圖片素材，組合或組織她的手繪圖，去蕪存菁後，在她自己 的解決方案中，找到新的模式和方向。
Figure 10. Cabinet export of Renee's combined use of existing material with sketches labelled with words (left) and a still from the design session in which Renee points at source material next to her sketches (right)
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥
2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Figure 11. The amount of physical and digital images added in the Cabinet at Smool over time 大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Results of log file from 3 design studios
Figure 5. Log file visualisations. From left to right- WAACS, Fabrique and Smool
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype Expectations of phenomena expressing the six design criteria and the ways in which we gather the data in the study (CL = computer log, DS = design session, EI = evaluative interview)
As an indication, the expectations that were successfully found in the results have been shown in Italics. 2009年6月13日星期六
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥
How designers organise visual material, researched through an experiential prototype 預期列表以現象表達此六個設計準則和方法，在這個研究中收集的數據資料（CL，DS，EI） 1. 積極收集： a. 更大量的使用以及物質性圖片的價值（電腦日誌，評價訪談） b. 短時間發生在一天間隔中的時間（電腦日誌，評價訪談） c. 物質的收集將增加（評價訪談） d. 更加意識的收集的（評價訪談） 2. 合併物質/數位的圖片收集： a. 物質和數位的圖片用於平等的立足點（電腦日誌，評價訪談） b. 收集的圖片為較不牢固的結構 （電腦日誌，評價訪談） c. 介於物質和數位圖片的界限更模糊 （電腦日誌，評價訪談） 3. 視覺互動： a. 受測者可以更容易地與單純的視覺介面互動（設計會議，評價訪談） b. 從圖片和組合中出現故事 （設計會議，評價訪談） c. 組合是用於意義的賦予，分類，發現的背景（電腦日誌，設計會議，評價訪談） 4. 偶發的靈感： a. 受測者在無意中發現更多的圖片（電腦日誌，評價訪談） b. 螢幕保護程式總是開啟是被讚賞的（電腦日誌，評價訪談） c. 在搜尋期間發生偶然靈感碰撞（電腦日誌，設計會議） 5. 打破傳統節奏： a. 打破節奏靈感（電腦日誌，評價訪談） b. 創意在於原動者的技巧（設計會議，評價訪談） c. 合適的廣告種類（設計會議，評價訪談） 6. 社交運用 a. Cabinet提供邀請參與使用 （設計會議，評價訪談） 大同大學 工業設計研究所 在職專班 b. 同事間學習關於Cabinet以及其內容（評價訪談） 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 c. 兩個人的互動是順利流暢的（設計會議，評價訪談） 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
Conclusions : • • • • • •
這項研究的原型工具和理論已在現實世界中被實踐。 Cabinet經過長時間的週期驗證，在功能上的貢獻，有足夠的信心。 三位設計師肯定Cabinet的價值，甚至在實驗結束後，想要把Cabinet取回使用， 以更進一步設計他們的專案。 為期四週的實驗，透過Cabinet激發了設計師的靈感和創意，這是可喜的成果。 在評估後，Cabinet具有強大跨越物質和數位圖片鴻溝的能力。 Cabinet非常具有發展的潛力，可以實踐在不同的實驗和探索研究之中。
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六
How designers organise visual material, researched through an experiential prototype
大同大學 工業設計研究所 在職專班 學生：曾羽華 指導教授：羅致遠，梁成一，黃臣鴻，涂永祥 2009年6月13日星期六