Browse > Article

Mobile Web User Interface Patterns for Screen Usage and User Input  

Choi, Jong Myung (목포대학교 컴퓨터공학과)
Lee, Young Ho (목포대학교 컴퓨터공학과)
Cho, Yong Yun (순천대학교 정보통신공학과)
Publication Information
Journal of Korea Society of Digital Industry and Information Management / v.8, no.1, 2012 , pp. 183-190 More about this Journal
Abstract
Mobile web applications are different from desktop web applications because of their small screen size and small user input devices. Therefore user interface designers have spent their effort and time to re-design the user interface of mobile web applications to meet these differences. In this paper, we introduce five user interface patterns for mobile web applications to reduce their effort and time. Two of them are for utilizing small screen size efficiently, and they are space overloading pattern and data filtering pattern. These patterns enable designers to reduce screen usage. The other three patterns - data suggestion pattern, input reuse pattern, and incremental data input pattern - are for helping users' data input on mobile devices. These three patterns enable users to reduce direct data input. Our work will help user interface designers develop mobile web interface to utilize screen space efficiently and get data with less errors and less efforts from users.
Keywords
User Interface Patterns; Mobile Web; Space Overloading; Input Reuse; Data Filtering; Data Suggestion; Incremental Data Input;
Citations & Related Records
연도 인용수 순위
  • Reference
1 Erik G. Nilsson, "Design Patterns for User Interfaces on Mobile Equipment," Human-Computer Interaction - Interact 2009, LNCS vol. 5727/2009, Springer, 2009, pp. 934-935.
2 Erik G. Nilsson, "Design Patterns for User Interface for Mobile Applications," Journal of Advances in Engineering Software, vol. 40, Elsevier, 2009, pp. 1318-1328.   DOI
3 Erik G. Nilsson, Design guidelines for mobile applications, SINTEF Report STF90. 2009.
4 Regina Bernhaupt, Marco Winckler and Florence Pontico, "Are User Interface Pattern Languages Usable? A Report from the Trenches," Human-Computer Interaction - Interact 2009, LNCS vol. 5727/2009, Springer, 2009, pp. 542-545.
5 Nokia Developer, Mobile Web Design Patterns, avilable at http://www.developer.nokia.com/Community/Wiki/Category:Mobile_Web_Design_Patterns.
6 Mobile UI Patterns, available at http://mobilepatterns.com/
7 Martijn van Welie, Gerrit C. van der Veer, Anton Eliens, "Patterns as Tools for User Interface Design," Tools for Working with Guidelines, Springer, 2000, pp. 313-324.
8 Jürgen Engel, Christian Märtin, and Peter Forbrig, "HCI Patterns as a Means to Transform Interactive User Interfaces to Diverse Contexts of Use," Human-Computer Interaction, LNCS 6761, Springer, 2011, pp. 204-213.
9 Jan O. Borchers, "A Pattern Approach to Interaction Design," Proc. of the 3rd Conf. on Designing Interactive Systems, 2000.
10 E. Todd, E. Kemp, and C. Phillips, "What makes a good User Interface pattern language?," Proc. of the fifth conference on Australian user interface, vol. 28, ACM, 2004, pp. 91-100.
11 Gustavo Rossi, Daniel Schwabe, and Fernando Lyardet, "User Interface Patterns for Hypermedia Applications," Proc. of the working conference on Advanced Visual Interfaces, ACM, 2000, pp. 136-142.
12 권준희 외1명, "유비쿼터스 환경에서 상황 데이터 기반 모바일 콘텐츠 서비스를 위한 추천 기법," 디지털산업정보학회 논문지, 6권, 2호, 2010, 6, pp. 1-9.
13 권준희 외1명, "웹 2.0과 웹 프레임워크를 이용한 식단 웹 애플리케이션에 대한 연구," 디지털산업정보학회 추계학술대회 논문집, 2009, 11, pp. 167-172.
14 W3C, "Mobile Web Best Practices 1.0," available at http://www.w3.org/TR/mobile-bp/
15 Gamma E, Helm R, Johnson R, and lissides J, Design Patterns-Elements of Reusable Object-Oriented Software, Addison-Wesley, 1995.