DOI QR코드

DOI QR Code

Implementation of Mobile Web Interface Design for Smart-Phone Users

스마트폰 사용자를 위한 모바일 웹 인터페이스 디자인 구현

  • 오형용 (목원대학교 정보통신공학과)
  • Received : 2011.10.13
  • Accepted : 2011.11.18
  • Published : 2011.12.28

Abstract

Since the emergence of the smartphone and tablet PC whose wireless internet accessibility has improved, personal computing environment has shifted from PCs to mobile web based mobile devices, and therefore the use of information and the communication method have been changing rapidly. Under the circumstance, domestic universities have actively been establishing mobile websites for smartphone users. Such mobile websites, however, focused on diverse functions and a showy design rather than on usability or accessibility, and were developed simply for the purpose of public relations. For this reason, students are now faced with difficulties in using the websites. Therefore, this paper proposes a novel web interface with the consideration of usability and accessibility in order for users to easily use and assess proper information. The matters to be taken into account in developing a mobile website are an intuitive interface design, user experiences, a user customized interface and compliance with web standards.

무선 인터넷 접근성이 개선된 스마트폰과 태블릿PC의 등장으로 개인 컴퓨팅 환경이 PC중심에서 모바일 웹(Mobile web) 기반의 모바일 단말기 중심으로 이동하면서, 정보의 이용과 소통 방식이 빠르게 변화하고 있다. 이러한 시점에서 국내 대학들 역시 스마트폰 사용자들을 위한 모바일 웹 사이트 구축이 활발하게 진행 되고 있다. 하지만 이러한 대학들의 모바일 웹사이트들은 사용성이나 접근성을 고려하기 한 사이트가 아닌 다양한 기능과 화려한 디자인에 주력하여 개발하거나 단순한 홍보용으로 제작되고 있기 때문에 이를 사용하는 학생들은 많은 불편을 겪고 있다. 이에 본 논문은 스마트폰 환경에서 사용성과 접근성을 고려한 웹 인터페이스를 새롭게 제안함으로써 사용자들이 원하는 정보로 쉽게 접근할 수 있도록 구현하였다. 모바일 웹사이트 구축 시 고려해야 할 사항은 직관적인 인터페이스 디자인, 사용자 경험(User Experience)에 대한 고려, 사용자 맞춤형 인터페이스, 그리고 웹표준(Web Standard) 준수이다.

Keywords

References

  1. 허정욱, 박효제, 김재필, 이보경, 2011년 스마트 생태계 쟁점 전망, 디지에코포커스, 2010(12).
  2. 전종홍, "차세대 모바일웹 표준과 미래", TTA Journal No.128, pp.61, 2010(3).
  3. 전종홍, 이승윤, "모바일웹 2.0과 모바일OK 표준화 동향", 전자통신동향분석, 제22권, 제6호, pp.88, 2007(12).
  4. 이정아, 모바일 클라우드 서비스 국내외 정책 추진 현황, 디지에코포커스, 2010(7).
  5. BIR Research Group, 그린IT 클라우드 컴퓨팅의 시장현황과 미래전략, BIR, 서울, 2011.
  6. 한기태, 모바일 웹 플랫폼의 동향과 전망, 디지에코보고서, 2011(8).
  7. 짐 대처, 마이클 버크스, 크리스티앙 하일만, 웹 접근성 & 웹 표준 완벽가이드- 국가표준 접근성 지침을 준수하는 웹 콘텐츠 개발, 에이콘출판사, p.57, 2011.
  8. 오형용, 민병원, 오용선, "SaaS 기반 전자도서관 시스템에 최적화된 사용자 맞춤형 웹 인터페이스 디자인", 한국콘텐츠학회논문지, 제11권, 제9호, pp,148-156, 2011(5). https://doi.org/10.5392/JKCA.2011.11.5.148
  9. H. Y. Oh, B. W. Min, and Y. S. Oh, "An Improvement of Mobile Web Interface Design Optimized for Tablet PC Environment," ICHIT2011, LNCS 6935, pp.770-777, 2011(9).
  10. 김민석, 이승훈, OS 플랫폼 경쟁 너머 모바일 생태계 2.0 세상, LGERI 리포트, 2011(9).
  11. ROA Group Korea, "Communications Market Report 2010 - focused on terminal and service markets," 2010(1).
  12. http://www.dt.co.kr/contents.html?article_no=2011032302012251600001
  13. digieco동향보고서, 차세대 웹표준 HTML5, 2010(7).
  14. 김성희, 남재우, "도서관 모바일 웹사이트의 인포메이션 아키텍처에 관한 연구", 정보관리연구, 제42권, 제1호, pp.1-23, 2011. https://doi.org/10.1633/JIM.2011.42.1.001
  15. http://www.eto.co.kr/news/outview.asp?Code=20100708180225960&ts=123837
  16. http://www.w3c.or.kr/Translation/mwbp_flip_cards/#design_for_one_web
  17. 김진우, Human computer interaction 개론 : 사람과 컴퓨터의 어울림, 안그라픽스, 2005.
  18. J. Nielsen, Designing Web Usability: The Practice of Simplicity, New Riders Publishing, pp.188-191, 2000.
  19. 문병구, 이원호, 최성철, "소형 모바일 웹을 위한 사용자 인터페이스 기본 요소", 한국산학기술학회논문지, 제11권, 제9호, pp.3532-3537, 2010. https://doi.org/10.5762/KAIS.2010.11.9.3532
  20. 이현주, 이정현, 방경란, 류성현, 신계옥, 이은주. "웹 인터페이스디자인 분석방법 연구", 디자인학 연구, 제42호, Vol.14, No.2, pp209-216, 2001.
  21. J. Nielsen, Why you only need to test with 5 users, http://www.useit.com/alertbox/20000319.html, 2000.

Cited by

  1. Effects of Segmenting Video Lectures on the Learning Outcomes -Focusing on the Mobile Learning Environment Using Smartphones- vol.13, pp.12, 2013, https://doi.org/10.5392/JKCA.2013.13.12.1048
  2. Water-Cooler Effect in Informal Communication at Work : Focusing on Kakao Talk of Smart-Phone User vol.13, pp.3, 2013, https://doi.org/10.5392/JKCA.2013.13.03.362