연구배경 : 디지털 입⋅출력 기술 개발이 활발해지고 모바일 앱을 비롯한 다양한 기기들과 네트워크로 연동되는 제품이 늘어나면서, 우리 일상에서 제품과 상호작용하는 모습이 다채롭게 확장되어 가고 있다. 이러한 변화하는 환경에서 제품 디자이너는 제품 인터랙션 니즈가 발생하는 구체적 상황을 고려하여 사용자 경험(UX) 컨셉을 제시하고, 이를 다양한 표현 채널, 즉 모달리티(Modality)를 통해 가시화하여 전달할 수 있는 역량이 필요하다. 본 연구는 디자이너가 멀티모달 제품/시스템 UX 컨셉을 실제 구현으로 연결될 수 있는 구체적 인터랙션 아이디어로 시각화할 수 있도록 도와주는 프레임워크 제안을 목적으로 한다.
연구방법 : 멀티모달 제품 UX 시각화에 관련된 선행연구 고찰을 통해, 멀티모달 제품 UX 컨셉으로부터 최종 인터랙션 구현 단계로 이어지는 디자인 정보 시각화 연구의 필요성을 파악하였다. 이어서 선행연구를 기반으로 제품 인터랙션 니즈에 따라 적절한 모달리티를 고려할 수 있는 제품 UX 시각화 프레임워크를 제안하고, 이 프레임워크를 반영한 디자인 프로세스를 제시하였다. 마지막으로, 제안한 시각화 프레임워크를 활용하여 앱과 연동되는 제품 UX 프로젝트 사례를 분석적으로 설명하였다.
연구결과 : 본 연구는 제품 UX 기획 단계에서 제시된 컨셉을 다양한 인터랙션 모달리티를 통해 가시화하여 전달할 수 있는 체계적 제품 UX 시각화 프레임워크를 제안한다. 또한 이 프레임워크 적용 결과를 인터랙션 구현 단계로 연결시킬 수 있는 디자인 프로세스 모델을 함께 제시하여 연구결과의 활용도를 높이고자 하였다.
결론 : 제안한 시각화 프레임워크를 통해, UX 컨셉으로부터 실제 인터랙션 프로토타입 구현까지 체계적으로 디자인 정보의 흐름이 이어질 수 있는 토대를 마련할 수 있을 것이며, 향후 멀티모달 제품의 UX 디자인을 개발하는 디자인 교육 및 실무 프로젝트에서 아이디어 구체화를 돕는 체계적 도구로서 활용될 수 있을 것으로 기대한다.
Background : As digital input and output technologies are rapidly evolving and more products are networked with other devices, including mobile apps, the way we interact with products in our daily lives is becoming more and more diverse. Product designers need the ability to present user experience (UX) concepts in consideration of the specific situations in which people’s needs for product interaction occur, and to visualize and deliver them through various expression channels, i.e., modalities. This study aims to propose a framework that can help designers visualize the UX concepts of multimodal products or systems to create detailed interaction ideas that can be linked to implementations.
Methods : Firstly, through a review of previous studies related to multimodal product UX visualization, it has been learned that it is necessary to study the information visualization methods that can link between the multimodal product UX concept-making stage and the final interaction implementation stage. Then, a product UX visualization framework was proposed, by which designers can consider appropriate modalities according to product interaction needs. This study also presented a design process model based on the proposed framework. Finally, a UX project case of a product connected to a mobile app was explained analytically using the proposed visualization framework.
Result : This research proposes a systematic product UX visualization framework that can visualize and communicate the concepts presented at the product UX planning stage through various interaction modalities. To enhance the applicability of the visualization framework, this study also proposes a design process model that links the results of using the framework to the interaction implementation stage.
Conclusion : The proposed visualization framework provides the foundation for the systematic transformation of design information through the process from UX concept creation to interaction prototype implementation. The framework is also expected to be used as a systematic tool to help shape multimodal product UX design ideas in school and company design projects.