6-1 研究結論
研究者本身在工作中為客戶設計 App 介面時，發現到現今 App 介面並無主題 性的應用，而主選單介面大都使用與主題無關的設計元素，這是因為許多設計者為 求快速化設計，大都只找類似風格圖庫，取代主選單介面的圖像符號元素。因此研 究者想要瞭解，圖像符號在 App 介面中對於主題與整體風格有何影響，透過使用 性工程中的啟發式評估法，邀請具有設計經驗背景並且使用過展覽 App 經驗的設 計專家，來探討現有展覽 App 介面問題，從研究方法分析中可得知，只使用與主 題無相同風格的設計，是不能讓使用者感受到愉悅感跟使用性。而能夠考量到圖像 符號的設計美感之外，更需注重主題介面與主選單介面需有一致性的設計風格，由 本研究結果發現具有整體規畫，介面設計上風格統一，是最能提升使用者好感與使 用性需求。
展覽類型的 App 會因不同主題而有不同的設計風格，面對不同的主題設計者 在發揮創意時，更可著重主題與簡潔便利性，一個良好的介面應該是以使用者為中 心考量的設計，它所重視的是使用者情境，使用者需求與感受，當我們在設定一個 介面的主題設計風格時，首要重視的就是能夠吸引使用者、改善使用性與取悅使用 者，而能夠符合主題的風格設計就是能夠滿足使用者的需求。
本研究重要結論如下:
1. 在設計介面時，無論是主題介面或圖像符號運用在主選單介面，都應符合主題 的設定需要。
2. 需滿足優良介面設計的基本共通原則。
3. 介面設計上，需要考慮到主題的延伸性。
4. 對於整體的風格，主題介面與主選單介面須有一致性。
5. 對於整體介面設定時，要因主題去判斷適切的風格。
115
6-2 後續研究建議
因時間上的限制，本研究只做到靜態圖像符號在主選單介面與主題視覺設計的 研究。建議後續研究者可考慮到當靜態按鈕在觸控時，結合動態介面動作的互動性 研究，可以更貼近實體操作。
針對不同的使用者族群或使用需求狀況做介面設計 : 對其它使用者如色弱者 或其它年齡使用者、不同工作族群，並沒有加以探討。因此後續研究者可以針對不 同的需求狀況、不同年齡層使用者進行介面設計上探討研究。
通常在設計 App 時很少考量到色弱或色盲的人，以色彩來講，最明顯的就是 明度對比，後續研究者在設計時可考量到運用明度對比，利用明度對比的調整，幫 助色弱的人做辨識。
本論文創作主要是在於設計原則與目標的達成，因此所創作這六套 App 介面 設計是有計劃的安排，顯然設計師風格會較不明顯。未來後續的研究者，想要繼續 在創作 App 風格設計的設定上，可以考慮在不同的主題下，以同一種風格強化創 作者的特色。
「扁平化設計」與「擬物化設計」各有其優缺點，對於圖像設計發展上有極大 影響，研究者因礙於時間的關係，並無對這兩者風格做更進一步的研究分析，過去 也無相關論述在探討「擬物化」與「扁平化」設計，對於介面設計優劣影響的報告。
建議後續研究者可以針對這兩類風格做更深入探討，以幫助未來設計師、使用者及 開發者在介面設計使用上作為日後參考。
116
參考文獻
中文文獻
1. Fiske, John (1995)。傳播符號學理論(Introduction to communication studies) (張 錦華等 譯)。臺北市：遠流。
2. Norman,D.A. (2000)。設計心理學(The Psychology of Everyday Things) (卓耀宗 譯)。臺北市：遠流。
3. Rudolf Arnheim (1976)。藝術與視覺心理學 (Art and visual perception) (李長俊 譯)。臺北市：雄獅。
4. Preece,J.,Rogers,Y.& Sharp,H. (2006)。互動設計：跨越人－電腦互動
(Interaction Design : Beyond Human-Computer Interaction) (陳建雄 譯)。臺北 市：全華圖書。
5. Shneiderman, B. (2005)。人機介面 : 有效的人機互動策略 (Designing the user interface : strategies for effective human-computer interaction) (曾志軒 譯)。臺 北市：臺灣培生教育。
6. Steven Hoober & Eric Berkman (2012)。行動介面設計模式(Designing Mobile Interfaces) (鄭巧玉 譯)。臺北市：基峯。
7. Suzanne Ginsburg (2011)。iphone User Experience簡單法則—好感度的iphone 使用者體驗 (洪沛然 譯)。臺北市: 基峯。
8. Theresa Neil (2012)。行動介面設計模式圖鑑—以視覺範例學習有效的介面設計 模式( Mobile Design Pattern Gallery)(鄭巧玉 譯)。臺北市 : 基峯。
9. 林品章、張照聆(2009)。圖像傳達系統化之理論基礎。設計學研究， 12(2)，
46-65。
10. 林榮泰(1991)。從圖像語意傳達探討人機介面圖像的視認與設計。技術學刊， 6 (2)， 195-202。
11. 林榮泰(1993)。評估圖像符號方法的研究。明志工專學報， 25， 239-256。
117
118
1. Apple Computer Inc. (1992).Macintosh human interface guidelines.
Addison-Wesley.
2. Biederman,I
.
,& Coorper,E. E. (1992).“Size Invariance in Visual Object Priming.”Journal of Experimental Psychoogy:Human Perception and Performance,18(1) ,121-133.3. Charles W Morris (1938). Foundations of the Theory of Signs. The University of Chicago Press.
4. Getner,D
.
,& Stevens,AL.(1983).Mental Models,Hillsdale,NJ:Erlbaum.5. Gong, J
.
, & Tarasewich, P. (2004).Guidelines for handheld mobile device interface design,Proceedings of the 2004 Decision Sciences Institute Annual Meeting,Boston.6. Hsu, Yu-Chen (2000).Design of Multiple Metaphors in User- Interface.
Proceedings of International Conference on Computers in Education.Taiwan.
7. Horton, William (1994). The Icon Book：Visual Symbols for Computer Systems and Documentation. New York : John Wiley ＆ Sons, Inc.
8. Kelvin Kam Wing Chu (2001). Users with Small Screens - Less than 640 x 480, Principles and strategies for practitioners designing universally usable sites.
9. Nielson, J. (2000). Why you only need to test with 5 users. Alertbox. Retrieved February 18, 2012, from www.useit.com/alertbox/2000319.html
10. Norman,D.A.(1983).Some observations on mental modes In
D.Gentner&A.L.Stevens(Eds.),Mental models(pp.7-14). NJ:Lawrence Erlbaum.
11. Norman, D.A.(1988).The psychology of everyday things. New York: Basic Books.
12. Norman, D.A. (1988). The Design of Everyday Things. New York : Currency.
13. Nielsen, J.(1993).Usability Engineering. San Francisco.CA: Morgan Kaufmann Publishers Inc.
119
14. Peddie, J.(1992).Graphical User Interfaces and Graphic Standards.New York.McGraw-Hill.
15. Preece,J.(1993).A guide to usability:Factors in computing,Addison-Wesley,Wokingham,England.
16. Richards, S., Barker, P., Banerji, A., Lamont, C., & Manji, K.(1994).The use of metaphors in iconic interface design. Intelligent Tutoring Media, 5(2), 73-80.
17. Rouse,WB
.
,&Morris,NM.(1986).On looking into the black box:prospects and limits in the search for mentals. Journal of ExperimentalPsychology;Learning,Memory,and Cognitions,15,p729-747.
18. Weiss,S. (2002).Handheld Usability . John Wiley & Sons Inc., New York.
19. Saussure, F. (1966). Course in general linguistics. New York : Mcgraw-Hill.
20. Marcus, A. et al. (1984). Baby Faces: User-Interface Design for Small Displays.
ACM, p18-23.
21. Marcus, A. (2001). Babyface design for mobile devices and the web. Paper presented at the Human-Computer Interface Internet (HCII), New Orleans, LA, USA.
22. Molich,R
.
,& Nielsen,J.(1990).Improving a human-computer dialogue.Communications of the ACM,33(3),338-348.
網路資料
1. 2013 台灣設計展暨台北城市設計展(2013)。瀏覽日期 : 2014 年 3 月 23 日，取自 : http://www.designexpo.org.tw/
2. AppArchitect。How to include a Launch Image? (Splash Screen)。瀏覽日期 : 2014 年 3 月 23 日，取自 :
http://support.apparchitect.com/knowledgebase/articles/215151-how-to-include-a-launch-image-splash-screen
3. 台北國際旅展。亞太地區最大型展售合一旅展。瀏覽日期 : 2014 年 3 月 23 日，
取自 : http://www.taipeiitf.org.tw/Content/article.aspx?Lang=1&SNO=02000001 4. 維基百科。台北國際自行車展覽會。瀏覽日期 : 2014 年 3 月 23 日，取自 :
http://zh.wikipedia.org/wiki/%E5%8F%B0%E5%8C%97%E5%9C%8B%E9%9A
%9B%E8%87%AA%E8%A1%8C%E8%BB%8A%E5%B1%95%E8%A6%BD%
E6%9C%83
5. 維基百科。台北國際電腦展。瀏覽日期 : 2014 年 3 月 23 日，取自 :
http://zh.wikipedia.org/wiki/%E5%8F%B0%E5%8C%97%E5%9C%8B%E9%9A
%9B%E9%9B%BB%E8%85%A6%E5%B1%95
120
6. 維基百科。台北國際書展。瀏覽日期 : 2014 年 3 月 23 日，取自 :
http://zh.wikipedia.org/wiki/%E5%8F%B0%E5%8C%97%E5%9C%8B%E9%9A
%9B%E6%9B%B8%E5%B1%95
7. 維基百科。行動應用程式。瀏覽日期 : 2014 年 3 月 23 日，取自 :
http://zh.wikipedia.org/wiki/%E6%B5%81%E5%8B%95%E6%87%89%E7%94%
A8%E7%A8%8B%E5%BC%8F
8. 維基百科。Android。瀏覽日期 : 2014 年 3 月 23 日，取自 : http://zh.wikipedia.org/wiki/Android
9. 維基百科。IOS。瀏覽日期 : 2014 年 3 月 23 日，取自 : http://zh.wikipedia.org/wiki/IOS
10. 維基百科。Windows Phone。瀏覽日期 : 2014 年 3 月 23 日，取自 : http://zh.wikipedia.org/wiki/Windows_Phone
11. 維基百科。易用性。瀏覽日期 : 2014 年 3 月 23 日，取自 :
http://zh.wikipedia.org/wiki/%E6%98%93%E7%94%A8%E6%80%A7
121
附錄 1 : 收集之三十九組樣本
台北國際數控機械暨製造技術展 台灣國際機車展暨電動車展
台北國際自行車展 亞洲會展產業論壇
宜蘭童玩節 台灣國際蘭展
台北國際光電展 台北塑橡膠工業展
資料來源: Google Play 的應用程式網站資料 https://play.google.com/apps
122
台北電子產業展 台北電腦應用展
太陽光電展 國際照明事業展
平面顯示器展 印度工業展
亞洲建築材料展 航太展
資料來源: Google Play 的應用程式網站資料 https://play.google.com/apps
123
台灣國際會展產業展 台灣國際綠色產業展
扣件展 國際照明事業展
台北食品機械展 台北機械包裝展
台北國際食品展 台北國際運動服飾、布料暨配件展
資料來源: Google Play 的應用程式網站資料 https://play.google.com/apps
124
台灣伴手禮名品展 台灣國際醫療展
台灣餐飲設備展 高雄食品展
銀髮展 禮品展
體育用品展 [藝] views Taipei
資料來源: Google Play 的應用程式網站資料 https://play.google.com/apps
125
資料來源: Google Play 的應用程式網站資料 https://play.google.com/apps
iCulture 世界設計大展
來史博吧 青春設計節
圓明園特展 萬象逍遙 - 歐豪年書畫展
恐龍展
126