Journal of Digital Convergence (디지털융복합연구)

The Society of Digital Policy and Management (한국디지털정책학회)
권호 표지
DOI QR코드

DOI QR Code

Interaction-based mobile UI design utilizing Smart Media Augmented Reality

스마트 미디어 증강현실을 활용하는 인터랙션 기반의 모바일 UI 디자인

  • 정석호 (공주대학교 게임디자인학과) ;
  • 유석호 (공주대학교 게임디자인학과)
  • Received : 2019.05.28
  • Accepted : 2019.07.20
  • Published : 2019.07.28
Download PDF
⟨ Previous Next ⟩

Abstract

The mobile game environment is rapidly expanding with AR (augmented reality) technology along with artificial intelligence. In particular, AR (Augmented Reality) technology is a field of VR (Virtual Reality), which is a technology that shows a mixture of virtual information and images in a real environment. Recently, research on mobile UI design based on the interaction based on the augmented reality technology has become important at the point when various utilization methods are suggested based on understanding of contents. There are still some issues in terms of whether the consumer can utilize it in various ways, unlike the developed supply system. In this paper, we present an example of mobile UI design based on interaction based on smart media augmented reality through previous study and literature study of smart augmented reality to solve problem UI issues based on background theory.

모바일 게임 환경은 인공지능과 더불어 AR( 증강현실) 기술의 발전과 함께 그 범위가 급속하게 확대되고 있다. 특히, AR(증강현실) 기술이란 VR(가상현실)의 한 분야로 실제 환경에 가상의 정보나 이미지를 혼합하여 보여주는 기술이다. 최근 콘텐츠의 이해를 기반으로 다양한 활용방안이 제시되는 시점에서 증강현실 기술을 활용하는 인터랙션 기반의 모바일 UI 디자인에 대한 연구도 중요하게 대두 되고 있다. 어느 정도 형성된 공급체계와는 달리 소비자가 다각도로 활용할 수 있는가에 대한 측면에서는 몇 가지 이슈들이 여전히 남아있으며, 이 중 접근성이 떨어지는 UI로 인한 이슈들도 분명히 존재한다. 본 연구에서는 배경이론을 바탕으로 문제가 되는 UI이슈들을 해소하기 위하여 스마트 증강현실의 선행연구와 문헌연구를 통해 스마트 미디어 증강현실을 활용하는 인터랙션 기반의 모바일 UI 디자인 사례를 제시한다.

Keywords

DJTJBT_2019_v17n7_311_f0001.png 이미지

Fig. 1. Mobile AR Game '3D Summoner' Mobile AR Game 'CATCH MON’

DJTJBT_2019_v17n7_311_f0002.png 이미지

Fig. 2. IKEA Mobile Augmented Reality Technology

DJTJBT_2019_v17n7_311_f0003.png 이미지

Fig. 3. Milgram and Kishino's "reality-virtual continuum"

DJTJBT_2019_v17n7_311_f0004.png 이미지

Fig. 4. One UI of Samsung Galaxy S10

DJTJBT_2019_v17n7_311_f0005.png 이미지

Fig. 5. IPhone UI design sample

DJTJBT_2019_v17n7_311_f0006.png 이미지

Fig. 6. Apple ARkit and Google AR-Core

DJTJBT_2019_v17n7_311_f0007.png 이미지

Fig. 7. Game plan blueprint

DJTJBT_2019_v17n7_311_f0008.png 이미지

Fig. 8. Course screen.

DJTJBT_2019_v17n7_311_f0009.png 이미지

Fig. 9. Course scan screen.

DJTJBT_2019_v17n7_311_f0010.png 이미지

Fig. 10. Character and quiz screen.

DJTJBT_2019_v17n7_311_f0011.png 이미지

Fig. 11. Illustrated book screen.

Table 1. Details of the game.

DJTJBT_2019_v17n7_311_t0001.png 이미지

References

  1. H. K. Cho & S. H. Kim(2018). A Study on Affordance Design Characteristics in Augmented Reality(AR) Digital Signage Advertisement. Journal of the Korean Society Design Culture, 24(3), 611-623. DOI : 10.14400/JDC.2016.14.12.1
  2. J. H. Kim, W. S. Cha & J. H. Yoo. (2011). The Development of the Augmented Reality Techniques in a Mobile Environment and the Active Utilization Plan of the Digital Design. Journal of Digital Design, 11(2), 343-357. DOI : 10.17280/jdd.2011.11.2.033
  3. Y. B. Oh & W. K. Kim(2017). A Study on Mobile Game UI Design Element Considering User Experience - Focused on Management Simulation Game -. Journal of the Korean Society Design Culture, 23(2), 413-428. https://doi.org/10.18208/ksdc.2017.23.2.413
  4. Y. S. Cho. (2016). A Study on the Correlation between Mobile UI Animation and User Flow. Journal of the Korean Society Design Culture, 22(2), 651-661. DOI : 10.18208/ksdc.2016.22.2.651
  5. C. W. Lee. (2012). The Study on Expandability of Augmented Reality Application Based on Smart Media. Journal of the Korean Society Design Culture, 18(4), 485-495.
  6. Y. J. Woo. (2013). The coming of smart media era and development direction. Broadcasting and Media Magazine, 18(1), 10-22.
  7. ,J. H. Kim, W. S. Cha & J. H. Yoo. (2011). The Development of the Augmented Reality Techniques in a Mobile Environment and the Active Utilization Plan of the Digital Design. Journal of Digital Design, 11(2), 343-357. DOI : 10.17280/jdd.2011.11.2.033
  8. G. D. Kim. (2010). A Study on the Efficient Ways of Representing Information Design using Augmented Reality. Bulletin of Korean Society of Basic Design & Art, 11(6), 27-36.
  9. J. H. Park & H. Kim. (2017). Research on GUI(Graphic User Interface) Design Styles in Mixed Reality Service - Focusing on the Way to Distinguish between Reality and Virtual Object -. Journal of the Korean Society Design Culture, 23(2), 271-282. https://doi.org/10.20406/kjcs.2017.05.23.2.271
  10. Y. S. Lee (2015). Problem of Definition on Mixed Reality and Its Alternative, and Relationship of Virtual/Augmented Reality. Journal of Korea Design Knowledge, 34, 193-202. DOI : 10.17246/jkdk.2015..34.018
  11. Y. J. Kim, (2012). Technology Trends and Market Prospect of Mobile UI. Electronics and Telecommunications Trends, 27(4), 11-20.
  12. Y. W. Jeong & S. J. Park. (2012). Legal Protection related to Mobile UI Design as an Intellectual Property. Journal of Integrated Design Research, 11(3), 23-34. DOI : 10.21195/jidr.2012.11.3.002
  13. J. Y. Kang. (2015). Study on Mobile Augmented Reality Cinema Contents - Mainly with Analysis on the mobile AR Cinema 'You were here'. Journal of Korea Design Knowledge, 33, 391-400. DOI : 10.17246/jkdk.2015..33.037
  14. H. N. Moon, H. I. Cho & Y. M. Han. (2017). Mixed Reality(MR) Technology Trends and Development Prospect. The Journal of the Convergence on Culture Technology (JCCT), 3(3), 21-25. DOI : 10.7236/JCCT.2017.3.3.21
  15. S. H. Yoon. (2016). Study on environmental serious game design from the game UI/UX. Korea Computer Game Society, 29(4), 7-17.