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

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.

Keywords

AR;Mobile UI;UI Design;Interaction Design

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 이미지

Acknowledgement

Supported by : Kongju National University

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 https://doi.org/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.
  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 https://doi.org/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.