以紮根理論探索微互動的設計手法

Use Grounded Theory to Explore the Design Tool of Microinteractions

陳圳卿(Chun-Ching Chen) ； 馬嘉陽(Jia Yang Ma)

《設計學報》 27卷2期 (2022/06) Pp. 1-23

摘要

微互動是存在於介面內容之間的轉換，短暫的動態過渡可藉由不同的組合方式和變換呈現多樣化的效果。在微互動的設計手法上，若採行與靜態GUI相一致的設計方法是尚未達成共識的議題。本研究透過紮根理論對微互動所能產生的功能效用與設計表徵進行檢視，以建構有效的微互動設計模式與手法為目標。研究設計樣本篩選、理論建構與手法驗證的三階段實驗：首先透過使用者測試獲得具代表性的15款微互動樣本；其次經由專家訪談對樣本進行逐一分析後，使用紮根理論的研究方法對文本執行編碼與提取設計手法的範疇；研究最後使用設計工作坊的形式將所歸納出的微互動設計手法進行應用性與操作性方面的驗證，並透過「非結構性觀察」與「個別訪談」輔助檢視設計實踐過程。研究結果共統整出39個自由節點與16個次範疇，透過相互關係的勾稽統整出「提取功能」和「設計表徵」兩大主要範疇。其中，「提取功能」顯示了微互動在內容預期、視覺引導、因果連續與相互關係4個次範圍上具有效用；「設計表徵」方面則可歸類為收起型、展開型、翻頁型、覆蓋型、延展式、切換式、凸顯型、符號意義、格式塔、視覺化、數值展示與節奏／力共12個次範圍，各次範疇均可各自對應更為詳細的自由節點。在工作坊的操作中顯示，「提取功能」的編碼結果可做為創作刺激物並發散設計師的思維，而「設計表徵」則為設計創作提供了更具體的參考依據。本研究基於文本脈絡建立了微互動的設計手法並驗證其可行性，透過「功能」與「表徵」的相互運用為微互動的設計實踐提供系統化的設計參考。研究亦發現，使用以生活現象為雛形的動態隱喻（motion metaphor）做為微互動的設計手法較為合適，且可多著墨於對變化過程的細節性描述；此外，若在使用者熟悉的操作上增加小的創新點，則更有利於提升使用者體驗。

關鍵字

微互動 ； 紮根理論 ； 設計手法 ； 動態隱喻 ； 工作坊

並列摘要

This research uses grounded theory to examine the functional utility and design representations that micro-interactions can produce, with the goal of constructing effective micro-interaction design methods. Micro-interactions exist between interface conversions, and dynamic effects can produce a variety of transformations and combinations. If static GUI methods are adopted, it is an issue that has not yet reached a consensus on the design and creation of micro-interactions. This research used a three-stage experiment of sample selection, theoretical construction, and means verification. First, the 15 most representative micro-interaction samples were obtained through quantitative methods, and then the samples were analyzed one by one through expert interviews. Afterwards, grounded theory was used to encode and extract the text, and a total of 39 free nodes and 16 sub-categories were unified, and then the two main categories of ＂extraction function＂ and ＂design representation＂ were unified through correlations. This study established a micro-interaction design method based on the textual context and verified its feasibility. Through the mutual application of ＂function＂ and ＂representation＂, it provided micro-interaction designers with a reference for systematic design methods. At the same time, from the induction of nodes, it can be inferred that micro-interactions are suitable for the use of motion metaphors inspired by life phenomena as a design method, and more attention is paid to the detailed description of the interface change process. Moreover, if the micro-interaction design can add small innovations to user-familiar interface operations, it is more conducive to improving user experience.

並列關鍵字

Microinteractions ； Grounded Theory ； Design Tool ； Motion Metaphor ； Interface Design

參考文獻

Andreas, K., Tsiatsos, T., Terzidou, T., & Pomportsis, A. (2010). Fostering collaborative learning insecond life: Metaphors and affordances. Computers & Education, 55(2), 603-615.

Ashbrook, D. L. (2010, May). Enabling mobile microinteractions (Published doctoral dissertation). Georgia Institute of Technology, Atlanta, Georgia.

Basten, F., Ham, J., Midden, C., Gamberini, L., & Spagnolli, A. (2015, June). Does trigger location matter? The influence of localization and motivation on the persuasiveness of mobile purchase recommendations. Proceedings of 10th International Conference on Persuasive Technology (pp.121-132). Chicago, IL: Springer.

Betz, S., & Hall, R. (2015). Self-archiving with ease in an institutional repository: Microinteractions and the user experience. Information Technology and Libraries, 34(3), 43-58.

Blackler, A., Popovic, V., & Mahar, D. (2003). The nature of intuitive use of products: An experimental approach. Design Studies, 24(6), 491-506.