行動è£ç½®è¦–覺設計介é¢ä¹‹å®¢è£½åŒ–å好研究 / Study on Customization Preferences in Mobile Device Visual Interface Design

蔣世寶 shyh-bao chiang, 蕭奕琳 I Lin Hsiao

摘要


基於數ä½è£ç½®ä»‹é¢çš„個性化å–å‘，本研究旨在探究ä¸åŒä½¿ç”¨è€…å°ä»‹é¢åœ–標造形的å好設定。é€éŽæº–實驗設計和優化éŽç¨‹ï¼Œå°ä»‹é¢æ¨¡æ“¬é€²è¡Œäº†ä½¿ç”¨è€…評估和測試，並將其作為實驗工具進行測試。實驗å°è±¡æŽ¡å–ç«‹æ„å–樣以ç²å–數據，並使用é‡åŒ–分æžæ–¹æ³•é€²è¡Œè³‡æ–™æ•´ç†å’Œæ¯”å°ï¼Œä¸¦ä¸”æ•´ç†å—試者事後的訪談é‡é»žã€‚根據研究çµæžœé¡¯ç¤ºï¼Œå—試者的「生ç†èƒŒæ™¯ã€å°æ–¼åœ–標å好的é¸æ“‡ç”¢ç”Ÿäº†é¡¯è‘—影響，主è¦æ˜¯åœ¨ã€Œæ·±æ·ºæ¨¡å¼ã€é¢¨æ ¼ç¯„本的篩é¸æ–¹é¢ã€‚在測試éŽç¨‹ä¸­åŠæ¸¬è©¦å¾Œï¼Œå–å¾—å—試者的實際æ“作å饋和事後訪談，ç²å¾—了三個歸ç´æ€§çµè«–，包括「å—試者æ“作å應回饋ã€ã€ã€Œå—試者調整造形å好ã€å’Œã€Œå—試者事後感想分享ã€ã€‚這些çµæžœç›¸å°å映個體差異å°æ–¼æ•¸ä½ä»‹é¢è¨­è¨ˆçš„èªçŸ¥éœ€æ±‚性，並æ供個人æ“作體驗的å饋，將å¯ç”¨æ–¼å„ªåŒ–介é¢è¨­è¨ˆçš„個性化å好。後續的研究建議å¯ä»¥æ¶‰åŠæ›´å»£æ³›ã€å®Œæ•´çš„å—試者樣本，以åŠè¶¨è¿‘客製化的設計變相，以深入探究ä¸åŒç”¨æˆ¶ç¾¤é«”çš„å好和需求差異。

 

 

Based on the personalized orientation of digital device interfaces, this study aims to investigate users' preferences for interface icon design. Through quasi-experimental design and optimization processes, interface simulations were subjected to user evaluations and tests, serving as experimental tools. The study employed purposive sampling to gather data and utilized quantitative analysis methods for data organization and comparison, while also summarizing post-test interview highlights. The research findings reveal that users' "physiological backgrounds" significantly influence their choices of icon preferences, particularly in the selection of "lightness-darkness mode" style templates. Throughout the testing and post-test phases, insights from users' actual interactions and interviews led to three overarching conclusions: "user feedback on interaction responses," "user adjustments to design preferences," and "user reflections post-test." These outcomes underscore the importance of individual differences in digital interface design perceptions and provide valuable feedback on personal operational experiences, which can be leveraged to optimize personalized interface preferences. Subsequent studies are recommended to involve broader and more diverse samples of users, along with approaches that lean toward customization in design variations, to delve deeper into the preferences and diverse needs among different user groups.


關鍵詞


行動裝置；視覺介面；客製化；認知偏好

全文：

PDF

參考文獻


Cacioppo, J. T. & Petty, R. E. (1982). The need for cognition. Journal of personality and social psychology, 42(1), 116.

Chen, C.-C. (2015). User recognition and preference of app icon stylization design on the smartphone. International Conference on Human-Computer Interaction.

Cohen, A. R., Stotland, E. & Wolfe, D. M. (1955). An experimental investigation of need for cognition. The Journal of Abnormal and Social Psychology, 51(2), 291–294. https://doi.org/ https://doi.org/10.1037/h0042761

Desmet, P. M. A., & Hekkert, P. (2007). Framework of product experience. International Journal of Design, 1(1), 57-66.

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

Kemp, S. (2022a). Digital 2022: Global overview report. https://datareportal.com/reports/digital-2022-global-overview-report

Kemp, S. (2022b). Digital 2022: Taiwan. https://datareportal.com/reports/digital-2022-taiwan?rq=taiwan

Mantel, S. P.& Kardes, F. R. (1999). The role of direction of comparison, attribute-based processing, and attitude-based processing in consumer preference. Journal of Consumer Research, 25(4), 335-352.

Neary, D. (2022). 形塑2022年新商模，meta點出五大社群趨勢 。å–自https://www.bnext.com.tw/article/67103/meta-trend-2022

Nielsen, J. (1998). Personalization is over-rated. https://www.nngroup.com/articles/personalization-is-over-rated/

Nielsen, J. (2012). Usability 101: Introduction to usability secondary. Usability.101 Introduction to usability.

Norman, D. A. (1998). The psychology of everyday things. Yuan-Liou.

Rahmadi, I. F., Lavicza, Z. & Houghton, T. (2021). Defining microgames in education context. Int. J. Emerg. Technol. Learn, 16. https://doi.org/https://doi.org/10.3991/ijet.v16i22.20929

Rubin, A. M. (1994). Media uses and effects: A uses-and-gratifications perspective. Lawrence Erlbaum Associates, Inc.

Shen, Z., Zhang, L., Li, R. & Liang, R. (2020). The effects of icon internal characteristics on complex cognition. International Journal of Industrial Ergonomics, 79, 102990. https://doi.org/https://doi.org/10.1016/j.ergon.2020.102990

Tiihonen, J. & Felfernig, A. (2017). An introduction to personalization and mass customization. Journal of Intelligent Information Systems, 49(1), 1-7.

Wikipedia（2022a）。行動應用程å¼ã€‚å–自https://zh.wikipedia.org/wiki/%E6%B5%81%E5%8B%95%E6%87%89%E7%94%A8%E7%A8%8B%E5%BC%8F

Wikipedia（2022bï¼‰ã€‚ä½¿ç”¨è€…ä»‹é¢ ã€‚å–自https://zh.wikipedia.org/wiki/%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2

Wundt, W. (1905). Fundamentals of psychology (7th ed.). Liepzig, Germany: Engelman.

Yan, R. (2011). Icon design study in computer interface. Procedia Engineering, 15, 3134-3138. https://doi.org/https://doi.org/10.1016/j.proeng.2011.08.588

中文百科（2022年）。å–自https://www.newton.com.tw/wiki/%E5%AE%A2%E5%88%B6%E5%8C%96

中國生產力中心（2022ï¼‰ã€‚æ‰“é€ éŸŒæ€§æ•¸ä½ç‡Ÿé‹ã€‚Secondary。臺北：中國生產力中心。

何慧儀ã€é„­å®‡å»·ï¼ˆ2013）。App圖åƒè¨­è¨ˆå…ƒç´ 分æžã€‚中è¯å°åˆ·ç§‘æŠ€å¹´å ±ï¼Œ399-411。

林廷宜ã€è³´é‡‡ç§€ï¼ˆ2015）。行動è£ç½®ä»‹é¢åœ–示識èªå›žé¥‹èˆ‡é€ 形表ç¾ç ”ç©¶ã€‚è¨­è¨ˆå­¸å ±ï¼Œ20（3）。

林怡å›ï¼ˆ2021）。科技學習ç†è«–與策略的探討åŠæ‡‰ç”¨ã€‚臺ç£æ•™è‚²è©•è«–月刊，10（7），115-122。

林昱彣ã€çŽ‹è—亭（2020）。æ‰å¹³åŒ–設計在手機介é¢åœ–åƒä¹‹è¾¨è­˜çŽ‡ç ”究。書畫è—術學刊（28），351-366。

æž—è±ã€è¬æ¯“ç›ï¼ˆ2015）。圖標呈ç¾å°ä½¿ç”¨è€…喜好度的影響åˆæŽ¢ã€‚æ„Ÿæ€§å­¸å ±ï¼Œ3（1）。

林榮泰ã€èŽŠæ˜ŽæŒ¯ã€‚（1991）。從圖åƒèªžæ„探討人機介é¢åœ–åƒçš„設計。工業設計。

胡善進（2004）。客製化æœå‹™å…§å®¹åŠå®¢è£½åŒ–æœå‹™é¡žåž‹å°æ»¿æ„åº¦èˆ‡å¿ èª åº¦ä¹‹å½±éŸ¿-以車險æœå‹™ç‚ºä¾‹ã€‚顧客æœå‹™é 期心ç†ã€‚

紀雅玲ã€è³´æ·‘芬（2020）。å¥ä¿é›²ç«¯è³‡è¨Šå°Žå…¥é›»å­ç—…歷閱覽整åˆå¹³å°ä¹‹æ•ˆç›Šåˆ†æžã€‚病歷資訊管ç†ï¼Œ18（1），37-40。

å­«è¡™è°ã€è‘‰ç´ 妙（2016）。èªçŸ¥éœ€æ±‚å°å¦¥å”效果之影響-以å“牌知ååº¦ç‚ºèª¿ç¯€è®Šé …ã€‚è¬èƒ½å•†å­¸å­¸å ±ï¼ˆ21），15-30。

高欣ã€å·«å¥•å›ã€å³å´‡ä»ï¼ˆ2019）。æœé£¾ç”¢å“類型︰社群資訊分享行為與個人èªçŸ¥éœ€æ±‚ä¹‹ç ”ç©¶ã€‚ç´¡ç¹”ç¶œåˆç ”究期刊，29（2），25-40。

高清漢（2021）。智慧客製化金屬3d列å°å¤–è§€ä»¶è³ªæ„Ÿç ”ç©¶ã€‚å·¥æ¥­è¨­è¨ˆï¼ˆ143），61-67。

陳義生ã€å³æ˜Žç©Žã€é„’æ©ç‘‹ã€éƒ­ç“銓ã€é„­éœˆçµ¨ï¼ˆ2015）。手機介é¢Icon之語æ„辨識-以年輕æ—群為主。中è¯æ°‘åœ‹è¨­è¨ˆå­¸æœƒç ”ç©¶è«–æ–‡ï¼Œ483-488。

陳詩æ·ã€æž—崇旭（2021）。電å­æ›¸å¹³è‡ºæ‡‰ç”¨ç¨‹å¼é–±è®€æ¨¡å¼èˆ‡åŠŸèƒ½ä»‹é¢è¨­è¨ˆç ”ç©¶ã€‚è¨­è¨ˆå­¸å ±ï¼Œ26（3）。

陳殿禮ã€é‚±æ˜­èžï¼ˆ2022）。客製化木質眼é¡æ¡†è£½ç¨‹æŠ€è¡“ä¹‹ç ”ç™¼ã€‚è—è¡“å­¸å ±ï¼ˆ110），71-94。

陳慧玲ã€æž—安庭。（2011）。登山é‹å‹•åƒèˆ‡è€…涉入程度æµæš¢é«”驗與幸ç¦æ„Ÿä¹‹ç›¸é—œç ”究。臺ç£é«”育é‹å‹•ç®¡ç†å­¸å ±ï¼Œ11（1），25-50。

童鼎鈞ã€æº«æ”¿ä¸€ã€é»ƒåœ‹ç¦®ï¼ˆ2011）。Android智慧型行動電話作業系統介é¢ä½¿ç”¨æ€§æ¯”較åˆæŽ¢ã€‚文化創æ„ç”¢æ¥­ç ”ç©¶å­¸å ±ï¼Œ1（2），53-60。https://doi.org/10.6639/jccir.201106_1(2).0001

黃盟祺ã€æ´ªé›…æ…§ã€å‘¨å·§çµƒï¼ˆ2012）。關éµå­—å»£å‘Šæ•ˆæžœä¹‹ç ”ç©¶-æœå°‹ç”¢å“é¡žåž‹, èªçŸ¥éœ€æ±‚與知覺風險之影響。傳播與管ç†ç ”究，11（2），39-77。

趙麗èã€æ¨Šç¥–ç‡ã€å¾é³³è‡¨ã€é™³æŸ”伊（2022）。客製化æœè£è¨­è¨ˆå¹³å°è¡ŒéŠ·ä¼åŠƒä¹‹ç ”究。管ç†è³‡è¨Šè¨ˆç®—，11（1），15-31。https://doi.org/10.6285/mic.202203_11(1).0002

劉育銘ã€æ±ªæ›¼ç©Žï¼ˆ2021）。擬真vs.æ‰å¹³â”€è¡Œå‹•å¬å–šæŒ‰éˆ•è¨­è¨ˆé¢¨æ ¼èˆ‡ä½¿ç”¨æ¨¡å¼å°æ–¼æ©«å¹…廣告點擊的影響。中è¯å¿ƒç†å­¸åˆŠï¼Œ63（2），159-175。https://doi.org/10.6129/cjp.202106_63(2).0004

樊祖ç‡ã€è¨±è¾éˆžã€è¬å®‡æ™´ã€å³ä½³è»’ã€é«˜æ·é¦¨ï¼ˆ2020）。客製化禮å“å¹³å°è¨­è¨ˆèˆ‡è¡ŒéŠ·ä¹‹ç ”ç©¶ã€‚è€•èŽ˜å­¸å ±ï¼ˆ18），43-55。

蔡宜庭（2017）。手工製模å¼èˆ‡å“牌真實性åŠç”¢å“設計構é¢ä¹‹é—œä¿‚ï¼ä»¥æ–‡å‰µç”¢å“為例［未發表之碩士論文］。淡江大學國際ä¼æ¥­å­¸ç³»ç¢©å£«ç­ã€‚

蔣世寶ã€è–›éœ–鈺（2022）。醫療系統的環境視覺設計ç¾æ³èª¿æŸ¥ï¼ä»¥æ–—六地å€ç‚ºä¾‹ã€‚嶺æ±å­¸å ±ï¼ˆ49），283-307。

蕭貴霙（2007）。互動介é¢è¨­è¨ˆèˆ‡è©•ä¼°-以高齡者資訊介é¢è¨­è¨ˆç‚ºä¾‹ã€‚長庚大學。

蘇å°é³³ï¼ˆ2013年）。個人化æœå‹™ 。å–自https://terms.naer.edu.tw/detail/1954776/