화면 활용과 사용자 입력을 위한 모바일 웹 사용자 인터페이스 패턴
Mobile Web User Interface Patterns for Screen Usage and User Input
0
조회
0
다운로드
2
인용
0
참고문헌
키워드
초록
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.
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.
참고문헌 (15)
- 권준희, "유비쿼터스 환경에서 상황 데이터 기반 모바일 콘텐츠 서비스를 위한 추천 기법", (사)디지털산업정보학회 논문지, 6(2), pp.1~9 (2010), (사)디지털산업정보학회
- 권준희, "웹 2.0과 웹 프레임워크를 이용한식단 웹 애플리케이션에 대한 연구", 디지털산업정보학회 추계학술대회 논문집, pp.167~172 (2009)
- "Mobile Web Best Practices 1.0"[URL]
- Gamma E, "Design Patterns-Elements of Reusable Object- Oriented Software" (1995), Addison-Wesley
- Erik G. Nilsson, "Design Patterns for User Interfaces on Mobile Equipment", Human- Computer Interaction - Interact 2009, LNCS, 5727, pp.934~935 (2009), Springer
- Erik G. Nilsson, "Design Patterns for User Interface for Mobile Applications", Journal of Advances in Engineering Software, 40, pp.1318~1328 (2009)
- Design guidelines for mobile applications, "Erik G. Nilsson", ~, pp.SINTEF Report STF90 (2009)
- Regina Bernhaupt, "Are User Interface Pattern Languages Usable? A Report from the Trenches", Human-Computer Interaction - Interact 2009, 5727(2009), pp.542~545 (2009), Springer
- "Mobile Web Design Patterns"[URL]
- "Mobile UI Patterns"[URL]
- Martijn van Welie, "Patterns as Tools for User Interface Design", Tools for Working with Guidelines, pp.313~324 (2000), Springer
- Jürgen Engel, "HCI Patterns as a Means to Transform Interactive User Interfaces to Diverse Contexts of Use", Human-Computer Interaction, LNCS, 6761, pp.204~213 (2011)
- Jan O. Borchers, "A Pattern Approach to Interaction Design", Proc. of the 3rd Conf. on Designing Interactive Systems (2000)
- E. Todd, "What makes a good User Interface pattern language?", Proc. of the fifth conference on Australian user interface, 28, pp.91~100 (2004), ACM
- Gustavo Rossi, "User Interface Patterns for Hypermedia Applications", Proc. of the working conference on Advanced Visual Interfaces, pp.136~142 (2000), ACM