Home   >   CSC-OpenAccess Library   >    Manuscript Information
Full Text Available

This is an Open Access publication published under CSC-OpenAccess Policy.
Publications from CSC-OpenAccess Library are being accessed from over 158 countries worldwide.
User Interface Context of Use Guidelines for Mobile Apps
Hana Al-Nuiam, Lulwah Muhammad Al-Harigy
Pages - 65 - 80     |    Revised - 31-07-2015     |    Published - 31-08-2015
Volume - 6   Issue - 3    |    Publication Date - July / August 2015  Table of Contents
User Interface Design, Contextual Design, Human Computer Interaction (HCI), Context Aware, Context of Use, Mobile User Interface Guidelines, Mobile Apps.
Due to the intensive use of mobile devices and the variable context of use, mobile apps user interface guidelines that take into account users’ context of use is in urgent need to provide users with a good user experience while on the go. The objective of this paper is to propose context of use mobile user interface design guidelines and test their applicability on the design of a mobile version of an environmental e-government website. We collected a group of user interface design guidelines from different sources in the literature and linked them to the appropriate context of use, while some guidelines were linked to more than one context of use. An expert user, with no design experience used the proposed guidelines to design the mobile app. We conducted usability tests of the mobile app using two methods of testing: performance measurements and subjective measurements. To perform the performance measurement, we gave nine tasks to each of the 15 users and gave two questionnaires to each user to perform the subjective measurement. The results showed the following: the mobile app that was designed using the proposed guidelines—which the users tested while moving between different simulated environmental conditions—performed tasks in a similar time to the expert. This finding supports the applicability of the proposed guidelines in terms of designing mobile apps that will provide users with a good user experience. Thus, the proposed guidelines for designing a context-aware mobile app user interface were useful for producing a good user experience using the mobile app.
1 Google Scholar 
2 CiteSeerX 
3 refSeek 
4 Scribd 
5 SlideShare 
6 PdfSR 
1 K. B. Lee and R. Salman, "The Design and Development of Mobile Collaborative Learning Application Using Android," Journal of Information Technology and Application in Education JITAE, 2012.
2 S.-Y. Hung, C.-M. Chang and S.-R. Kuo, "User acceptance of mobile e-government services: An empirical study," Government Information Quarterly 30, Elsevier, pp. 33-44, 2013.
3 R. Harrison, D. Flood and D. Duce, "Usability of Mobile Applications: Literature Review and Rationale for a New Usability Model," Journal of Interaction Science, pp. 1-16, 2013.
4 H. S. Al-Khalifa, "Development of Mobile Government Websites: A Functional Design Approach," in Proceedings on the 13th International Conference on Information Integration and Web-based Application and Services iiWAS11, New York, USA, 2011.
5 S. Shrestha, "Mobile Web Browsing: Usability Study," in Mobility 07 Proceedings of the 4th international conference on mobile technology, applications, and systems and the 1st international symposium on Computer human interaction in mobile technology , Singapore, 2007.
6 N. Z. b. Ayob, A. R. C. Hussin and H. M. Dahlan, "Three Layers Design Guideline for Mobile Application," in International Conference on Information Management and Engineering ICIME 09, Kuala Lumpur, 2009.
7 W. Qian and W. WenDao, "Interface Design of Handheld Mobile Devices for the Older Users," in 3rd International Conference on e-Education, e-Business, e-Management and e-Learning, Singapore, 2012.
8 G. D. Abowd and A. K. Dey, "Towards a better understanding of context and context-awareness," in In proceeding of the 2000 conference on Human Factors Computing Systems, Netherland, 2000.
9 J. D. Davies, "Improving the Usability of Mobile Applications Through Context-Awareness," 2007.
10 R. A. Yaiz, F. Selgert and F. d. Hartog, "On the Definition and Relevance of Context-Awareness in Personal Networks," in Third Annual International Conference on Mobile and Ubiquitous Systems: Networking & Services, pp. 1-6. IEEE, California, USA, 2006.
11 J. Häkkilä, "Usability With Context-Aware Mobile Application, Case studies and design guidelines," Oulu, Finland, 2006.
12 P. D. Costa, L. F. Pires, M. v. Sinderen and J. G. P. Filho, "Towards a Services Platform for Mobile Context-Aware Applications," in IWUC, 2004.
13 L. Chittaro, "Distinctive Aspects of Mobile Interaction and their Implications for the Design of Multimodal Interfaces," Journal on Multimodal User Interfaces, vol. Volume 3, no. Issue 3, pp. 157-165, 2010.
14 A. Avila, "Application of a Context Model in Context-Aware Mobile Government Services," 2006.
15 M. Kumar and O. P. Sinha, "M-Government – Mobile Technology for e-Government," in International conference on e-government, India, 2007.
16 I. Zamzami and M. Mahmud, "Mobile Interface for m-Government Services: A Framework for Information Quality Evaluation," International Journal of Scientific & Engineering Research, vol. Volume 3, no. Issue 8, pp. 1-5, 2012.
17 J. Gong and P. Tarasewich, "Guidelines for Handheld Mobile Device Interface Design," in Proceedings of DSI 2004 Annual Meeting, 2004.
18 J. Nielsen, "Usability 101: Introduction to Usability," 2012.
19 T. Zefferer, "Mobile Government - E-Government for Mobile Societies, Stocking of Current Trends and Iintiatives," Secure Information Technology Center, Austria, 2011.
20 MobiThinking, "Designing Usable Pocket Rockets: A Three Step Guide to Usability on the Mobile Web," 2013. [Online]. Available: http://mobithinking.com/sites/mobithinking.com/files/dotMobi_Mobile_Usability_Best_Practice.pdf. [Accessed November 2013].
21 A. Tsiaousis and G. Giaglis, "Evaluating the Effects of the Environmental Context-of-Use on Mobile Website Usability," in 7th International Conference on Mobile Business , Barcelona, 2008.
22 F. G. UAE, "UAE Federal Government Web Guidelines," Ministry of Cabinet Affairs, Dubai, UAE, 2009.
23 J. Kolari, T. Laakko, T. Hiltunen, V. Ikonen, M. Kulju, R. Suihkonen, S. Toivonen and T. Virtanen, "Context-Aware Services for Mobile Users, Technology and User Experiences," 2004.
24 J. Kjeldskov and J. Paay, "Indexical Interaction Design for Context-Aware Mobile Computer Systems," in Proceedings of the 18th Australia conference on Computer-Human Interaction: Design: Activities, Artefacts and Environments, Sydney, Australia, 2006.
25 O. Lundahl, "Usability of Mobile Applications for Near Field Communication," 2009.
26 A. Clarke, "5 Mobile Website Usability Rules You Cannot Afford To Break," usabilit ygeek.com, 2012.
27 A. Kaikkonen, "Usability Problems in Todays Mobile Internet Portals," in 2nd International Conference on Mobile Technology, Applications and Systems, Guangzhou, 2005.
28 A. Grasso and T. Roselli, "Guidelines for Designing and Developing Contents for Mobile Learning," in Proceedings of the IEEE International Workshop on Wireless and Mobile Technologies in Education (WMTE 2205), 123-127, 2005.
29 L. Kärkkäinen and J. Laarni, "Designing for Small Display Screens," in Proceedings of the second Nordic conference on Human-computer interaction, 31, 227-230, , Aarhus, Denmark, 2002.
30 R. Budiu and J. Nielsen, "Usability of Mobile Websites, 85 Design Guidelines for Improving Access to Web-Based Content and Services Through Mobile Devices," Nielsen Norman Group, 2011.
31 M. O. Leavitt and B. Shneiderman, "Research-Based Web Design & Usability Guidelines, Enlarged/Expanded edition," Washington: U.S. Government Printing Office, 2006.
32 A. Warsi, "7 usability guidelines for websites on mobile devices," 2007. [Online]. Available: http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml. [Accessed 7 December 2013].
33 D. Seward, "Designing Usable Mobile Websites," Peak Usability, 2011.
34 J. Rabin and C. McCathieNevile, "Mobile Web Best Practices 1.0-Basic Guidelines, World Wide Web Consortium W3C, Recommendation REC-mobile-bp," July 2008. [Online]. Available: http://www.w3.org/TR/2008/REC-mobile-bp-20080729/. [Accessed 7 December 2013].
35 D. Dubai eGovernment, "Dubai Government Website Guidelines, Version 3," Dubai eGovernment Department, Dubai, 2011.
36 U. N. UN, "E-Government Survey 2012, E-Government for the People," United Nation, New York, 2012.
37 G. NSW, "NSW Government Web Guidelines," The NSW Department of Premier & Cabinet, New South Wales, Australia, 2013.
38 U. A. Zamzami, "Design of a Context-Aware User Interface in Mobile Learning," Unpublished Dissertation, 2010.
39 T. Fidgeon, "Mobile apps – some usability guidelines," 26 April 2012. [Online]. Available: http://www.spotlessinteractive.com/articles/usability-research/mobile-app-guidelines.php. [Accessed 7 December 2013].
40 J. Jung, "The Research of Mobile User Interface Design Components From the Standpoint of Universal Design for Learning," in IEEE International Workshop on Wireless and Mobile Technologies in Education (WMTE’05), 2005.
41 M. Hassan, T. Jaber and Z. Hamdan, "Adaptive Mobile-Government Framework," in International Conference on Administrative Development: Towards Excellence in Public Sector Performance, Riyadh, 2009.
42 UTexas, "Mobile Web Site Guidelines," The University of Texas at Austin, 2013. [Online]. Available: http://www.utexas.edu/brand-guidelines/web-guidelines/mobile. [Accessed 7 December 2013].
43 N. Craig, "Mobile Website design & development guidelines," The Dot Product, 3 November 2010. [Online]. Available: https://thedotproduct.org/mobile-website-deign-development-guidelines/. [Accessed 7 December 2013].
44 MSDN, "Pocket PC User Interface Guidelines," 2009. [Online]. Available: http://msdn.microsoft.com/en-us/library/ms854763.aspx. [Accessed 7 December 2013].
45 S. Ma, "Designing for the Mobile Web: Special Considerations," UX matters, 17 January 2011. [Online]. Available: http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php. [Accessed 2013 December 2013].
46 D. Lobo, K. Kaskaloglu, C. Kim and S. Herbert, "Web Usability Guidelines For Smartphones: A Synergic Approach," International Journal of Information and Electronics Engineering, vol. Volume 1, no. Issue 1, pp. 33-37, 2011.
47 D. Roberts, "Usability and Mobile Devices," 1 May 2012. [Online]. Available: http://www.usability.gov/get-involved/blog/2010/05/mobile-device-usability.html. [Accessed 7 December 2013].
48 J. L. Lentz, "User interface design for the mobile web - Best practices for designing applications for multiple device platforms - IBM," IBM Corporation, 2011.
49 P. Tarasewich, J. Gong and F. Nah, "Interface Design for Handheld Mobile Devices," in Proceedings of the Americas Conference on Information Systems AMCIS, USA, 2007.
50 A. Kaikkonen, E. Kaasinen and P. Ketola, "Handheld Devices and Mobile Phones," in The Universal Access Handbook, CRC, 2009, p. Chapter 11.
51 H. Al-Nuaim, "Context-Aware Mobile Interface Design fo M-government," in User-Centrc Technology for Nonprofit and Civi Engagements, Springer, 2014, pp. 171-186.
52 L. M. AlHarigy, "The Design of a Context Aware Mobile Government E-Services," Unpublished Dissertation, Jeddah, 2014.
53 L. Cerejo, "Guidelines and Best Practices, The Elements Of The Mobile User Experience," 2012. [Online]. Available: http://mobile.smashingmagazine.com/2012/07/12/elements-mobile-user-experience/#more-111967. [Accessed 7 December 2013].
Dr. Hana Al-Nuiam
Faculty of Computer and Information Technology/ Computer Science Department/ King Abdulaziz University Jeddah, 21589, Saudi Arabia - Saudi Arabia
Mr. Lulwah Muhammad Al-Harigy
Deanship of e-Learning and Distance Education - King Abdulaziz University - Saudi Arabia