消費性電子產品介面模擬-以Flash模擬數位相機為例.docVIP

消費性電子產品介面模擬-以Flash模擬數位相機為例 洪偉肯 明志工業設計系 摘要 介面設計已成為許多產品設計者所關注的課題，而在探討現有產品介面設計的優缺點、或需要改良出新的介面時，常需以模擬方式進行測試與實驗，，本文以實作的方式演練介面模擬說明如何以Flash 為平台來模擬數位相機的操作介面。而藉由模擬現有產品與理論的對照，將能更自然的感受到介面設計所應注意的程序、觀念與細節，進而舉一反三設計出不同款式的介面型式。茲以此教學案例，提供各位教育界先進參考。 關鍵詞：介面設計、介面模擬、消費性電子產品、數位相機 前言 科技日新月異使得電子產品趨輕薄短小，但隨著介面實體數量的簡化，其使用性是真的變簡單了? 還是反而降低了使用性呢? Look and Feel 冰山論說明影響介面設計品質的因素可分為look和feel兩層，而介面設計的第一步是要讓介面的外觀能夠吸引使用者的注意力(look)。接著，讓他感覺有趣受到吸引，進而想動手試試看軟體 (feel)。然而水面下60%看不見的水下冰山，才是當使用者(feel)之後，想要進一步學習，而這也是可能遭遇障礙的問題所在。 圖1: IBM冰山論 Norman(1988)即認為:「因為晶片的使用使產品產生千變萬化的用途與面貌，其產品的複雜度則愈變高，當產品的用途加倍時，其複雜度增加四倍，當產品的用途增加十倍時，其複雜程度可能增加百倍。且操作介面常與產品所給予人的感受息息相關，即使在相同的操作模式下，透過按鍵外觀與排列等不同的變化，可能會給予使用者完全不同的感受，視覺效果的，亦同時解決介面配置的合理性，如此也讓設計師所扮演的角色顯得更加重要。 目前以Flash進行介面模擬已越來越普及，其在動畫製作、媒體、聲音的控制與撥放等功能的支援亦，許多碩士階段的介面研究論文亦以此工具來模擬產品，如吳宏道(2002)在「以虛實概念探討消費性電子產品介面之研究」中，以電子時鐘作為實驗模擬產品，設計三種功能介面虛實比例不同的電子時鐘，藉由操作行為、記錄測驗數據並加以觀察訪談，歸納使用者對於操作功能虛實感知與操作使用上的問題。研究發現功能介面虛實比例數量的差異，會產生實體介面提示及功能認知上的不同。虛實比例越接近1:1關係，在初次使用中是最易上手操作的，而2:1比例卻是容易上手後，可進一步增加其操作效率的，其介面應避免10:1虛多實少的介面安排。在這樣的實驗中，模擬的方式是很重要的步驟。 為使學生能更深入瞭解介面模擬的程序與方法，故嘗試在筆者的互動設計課程中，進行以技術為導向的介面模擬教學，期未程式背景的設計科系學生，也能瞭解如何運用Flash與ction Script語法來進行產品模擬，並將其視為基本能力，以運用在更進階的人機介面或互動設計等研究課題之中。 此案例模擬的對象是DZIGN DZ338數位相機，屬於低價、功能較簡化的機種，選擇此款相機的目的係希望能夠使模擬的程序更為簡明易懂。不同消費性產品的操作模式與控制技巧間有許多的性，初步以Flash練習模擬技巧時，建議主題可以數位相機(影片片段控制)、MP3撥放器(聲音有關的控制)、多功能手錶(類比與數位時間轉換)等進行演練，瞭解最重要的觀念與語法，舉一反三即能延伸運用在其它產品之中。 2. 產品分析及評估方法探討 在實際進行模擬前，徹底瞭解所要模擬產品的功能與正確操作程序是很重要的步驟。閃光燈(自動、解析度2048x1536、1024x768、512x384定時器(有、無等選項Neville Stanton(2003)在消費性產品人因工程一書中分析法(hierarchical task analysis)來分析操作流程，並採用問卷法以歸納出最常使用的功能，而在後續的評估上，針對介面原型可採連結分析法(link analysis)與配置分析法(layout analysis)來操作，這些方法對於在模擬完成後，如何評估介面設計的好壞相當有助益。 3. 數位相機外觀(appearance)與控制元件繪製 受限於電腦螢幕僅能以單一平面呈現，因此繪製產品外觀與控制元件前，應先評估最恰當的視圖方向，以利於模擬時使用者的操作，一般常以視圖與上視圖表示。在外觀圖的繪製儘量以接近逼真為前題，在繪製技巧上可參考洪偉肯(2003)Coreldraw在表現技法上的教學與應用一文，繪製完成的產品外觀若要直接當作背景圖，可轉換為jpg檔後於Flash中匯入即可。若需要背景透明，或有中空的部份，則建議將原始檔先轉換為72dpi、256色的gif圖檔(以保持圖形色彩銳利度與清晰的邊框)，匯入(import)至lash後，以追蹤點陣圖(trace bitmap)，設定描圖的色彩為100，像素為1，將圖檔轉換為向量格式，再將需去背的部份逐一去除即可，在此數位相機的案例中，除了外框外，亦將顯示