The Study on User Cognition of Stylization of Icon Design on the Smartphone

• Main Authors: Pei-Chiau Chang, 張沛喬
• Other Authors: Chun-Ching Chen
• Format: Others
• Language: zh-TW
• Published: 2013
• Online Access: http://ndltd.ncl.edu.tw/handle/vqkp45

碩士 === 國立臺北科技大學 === 互動媒體設計研究所 === 101 === The advancement of technologies makes conventional product form turn into human computer interaction. Recent years multitouch technology brings smartphone to people’s life and create new user experience. High-resolution color display become the focus of communicating the user and device, in which graphical user interface with detail design icon plays an important role. However, this is different from the way that ison design should be simplified in terms of semantics and cognitive process to enhance recognition performance. high texture Therefore, this study attempts to understand how the graphics should be designed in the small screen according to users’ cognition and preference. It is expected that the results can be reference of smartphone icon design. This study firstly extracted two research criteria of icon design through literature review, which includes “stylization” with three levels (detail, drawing and symbolis illustration) and “background frame” with two levels (open and close boundary). Secondly, broad search was conducted to collect as many icons as possible in the three smartphone platforms. Then visual design experts was invited to systematically classify icons according to the criteria. Finally, a user experiment was conducted to record users’ cognitive time, errors and subjective preference on different composition of icon design. The results show that the participants subjectively prefer detailed icon design on “stylization”, but have no significant preference on “background frame”. For the cognitive experiment, users perform better recognition time on simplified stylization, but make more errors relatively. It also shows that “background frame” with open boundary is beneficial for icon recognition. In conclusion, moderately simplified and colored icon design, i.e., “open boundary” and “drawing illustration”, is more suitable to users’ icon perception and preference on a small screen device.