DOI QR코드

DOI QR Code

A Analysis on the Cases Applying UI/UX in the Mobile Web : Focusing on the University Homepage

모바일웹 구축 시 UI/UX 적용 사례 분석 : 대학 홈페이지를 중심으로

  • 이명숙 (계명대학교 교양교육대학) ;
  • 이경미 (계명대학교 교양교육대학)
  • Received : 2014.09.23
  • Accepted : 2015.01.19
  • Published : 2015.04.30

Abstract

This study aims to examine the field of UI/UX being actively adopted in this new media age, investigate and analyze homepages targeting national universities in Korea, and attempt diverse researches on UI/UX applied to mobile webs. First of all, the paper comparatively analyzed PC webs, mobile webs, and mobile apps, investigated the current status of Korean national university homepages, comparatively examined the expressions and use of PC webs and mobile webs in those universities, and analyzed to what extent a certain university's mobile web was applied to the principle of UI/UX. According to the result of this research, most of the mobile web pages considerably lack in user-oriented design applying UI/UX, and it will be needed to optimize a vast amount of data on PC webs for better expression. Moreover, this study intends to figure out ways to apply user experience to be applied to mobile web design by suggesting directions for UI/UX design.

본 연구는 최근 뉴미디어 시대에 매우 활발하게 진행되고 있는 UI/UX 분야에 대해 짚어보고 전국의 국립대학을 대상으로 홈페이지를 조사분석하여 모바일웹에 적용된 UI/UX에 대한 다양한 연구를 시도하였다. 먼저 PC웹, 모바일웹, 모바일앱에 대한 비교 분석, 전국 국립대 홈페이지 현황 조사, 대학의 PC웹과 모바일웹의 표현 및 사용 비교 조사, 계명대학의 모바일웹이 UI/UX 원칙에 어느 정도 적용하였는지 등을 분석하였다. 이 연구를 통해 대부분의 모바일웹 페이지는 UI/UX를 적용한 사용자 입장의 설계가 많이 부족하였고, PC웹의 방대한 자료를 최적화시켜서 표현할 필요가 있었다. 또한 UI/UX 디자인의 방향을 제시하여 모바일웹 설계에 적용하여야 할 사용자 경험을 적용하기 위한 방법을 모색하고자 한다.

Keywords

References

  1. Helen Sharp, Yvonne Rogers, and Jenny Preece, "Interaction Design: beyond human-computer interaction," 2nd edition, John Wiley & Sons, 2007.
  2. Ben Shneiderman, Catherine Plaisant, "Designing The User Interface: Strategies for Effective Human-Computer Interaction," 5th edition, Addison-Wesley, 2009.
  3. Russ Unger, Carolyn Chandler, "A Project Guide to UX Design: For User Experience Designers in the Field or in the Making," New Riders, 2009.
  4. Hokyoung Ryu, "Mobile User Interface Analysis and Design: A Practitioner's Guide to Designing User Interfaces for Mobile Devices," NOVA, 2009.
  5. Youngsam Kim, "Eye-catching smartponae App UX&UI Design," Wikibooks, 2013.
  6. Jinwoo Kim, "UX and HCI: Design of a new user experience with information and communication technologies," Telecommunications Union Newsletter, 2009.
  7. Dongmin Lee, Huhyun Jeon, "A Study on Developmental Directivity of the Design with UX(User eXperience) Characteristics," Journal of the Ergonomics Society of Korea, Vol.29, No.4, pp.595-604, 2010. https://doi.org/10.5143/JESK.2010.29.4.595
  8. Jonghong Jeon, Seungyun Lee, "UI/UX Technology Trends in the Next Generation Web," Communications of the Korean In of Information Scientists and Engineers, Vol.29, No.8, 2011.
  9. Seungmikn Kim, "Communication Focused UX Design Paradigm-Based on Using Behavior of Mobile Information Technology Equipment," Design, Dept, of Design, The graduate school seoul national university, 2012.
  10. Sanghwan Kung, "Smart Design for App," The Society of Digital Policy & Management, Vol.10, No.6, pp.269-274, 2012.
  11. T Academy, "Mobile UX/UI Planning Ver2.2," 2011.
  12. IT Today, Smartphone and User, Lead to UI. http://www.ittoday.co.kr/news/articleView.html?idxno=23033. 2013.
  13. Myungsuk Lee, "A Study on UI/UX Applying Method based on Mobile Web," The Korean Association of Computer Education, Vol.18, No.1, pp.211-215, 2014.
  14. Keimyung University, http://www.kmu.ac.kr, Sep., 2014.