行動裝置介面圖示識認回饋與造形表現研究

The Recognition of Form and Visual Representation of Application Icons on Smart Mobile Devices

林廷宜(Tingyi S. Lin) ； 賴采秀(Cai-Siou Lai)

《設計學報》 20卷3期 (2015/09) Pp. 45-64

摘要

行動裝置介面透過應用程式圖示的呈現與引導，提供使用者獲得所需的訊息和回饋。圖示訊息的傳遞是否清楚，相對決定使用者操作的正確性，若圖示傳達意義不正確，則容易造成使用者操作不便與錯誤判斷，圖示的造形設計和視覺呈現因此顯得十分重要。為了對行動裝置介面圖示造形要素的設計與使用者回饋建立有效的連結，本文透過不同文字意義與圖示之間的關係，以圖示分類法與視覺語言歸納圖示之造形特色進行造形識認性的探究，調查使用者對圖示與文字意義之間的聯想力，透過視覺語言之呈現，探討並歸納智慧型手機應用程式圖示所形成之造形設計要素與視覺表現方法，並經由使用者對於市面上智慧型手機應用程式圖示的識認度，分析並討論圖示之造形設計要素與圖示正確性。研究結果發現包括高識認與低識認圖示的造形表現特性、使用者過往經驗對圖示及文辭意義的聯想、日常生活的接觸累積對圖像約定成俗的形成、由圖示的識認度與混淆狀況了解圖示造形應有的區隔以及不同使用族群對圖形識認與聯想的差異性等情狀，藉此除了對相關行動裝置應用程式圖示有所了解，研究成果並可作為視覺設計及後續探討與應用發展的參考。

關鍵字

行動作業系統 ； 應用程式圖示 ； 圖形化使用者介面 ； 視覺表現 ； 識認度

並列摘要

Application icons are the gateway for users to view, select, download and enter the application so users can reach all sorts of information. The widespread of smart mobile devices has changed most people's lifestyle with its multi-functionality and ease to carry. It is even more important to design the application icons to be the first step of a friendly interface so that users can easily operate the devices and access the contents. From analyzing the relationship between application icons' representation and users' corresponding recognition and comprehension, this paper aims to understand how users view and how much they understand the design elements within those representations. The results reveal features of the design elements within the application icons with high and low degrees of users' comprehension level, the association of meanings from users' past experience, the conventional consensus on form and image from daily life, the various recognition level from users, and the discrepancies of comprehension and imagination between different backgrounds and generations. These findings will become fundamental resources for further research on the visual languages of legible pictogram.

並列關鍵字

Mobile Operating System ； Application Icons ； Graphical User Interface ； Visual Representation ； Recognition

參考文獻

Zwaga, H. J. G.(ed.),Boersema, T.(ed.),Hoonhout, H. C. M.(ed.)(1999).Visual information for everyday use: Design and research perspectives.London, England:Taylor & Francis.

Foster, J. J.(1990).Standardizing public information symbols: Proposals for a simple procedure.Information Design Journal.6(2),161-168.

Gittins, D.(1986).Icon-based human-computer interface.International Journal of Man-Machine Studies.24,519-543.

Horn, R. E.(1998).Visual language: Global communication for the 21st century.Bainbridge Island, WA:Macro VU Press.

Horton, W.(1994).The icon book: Visual symbols for computer systems and documentation.New York, NY:John Wiley & Sons..