THE EFFECT OF RESPONSIVE WEB DESIGN ON THE USER EXPERIENCE WITH LAPTOP AND SMARTPHONE DEVICES

Authors

  • Azham Hussain School of Computing, Universiti Utara Malaysia, 06010 UUMSintok, Kedah, Malaysia.
  • Emmanuel O.C. Mkpojiogu School of Computing, Universiti Utara Malaysia, 06010 UUMSintok, Kedah, Malaysia.

DOI:

https://doi.org/10.11113/jt.v77.6041

Keywords:

Responsive web design, user experience, laptops, smartphones

Abstract

The introduction of smartphones with their accompanying capacity to access the Internet, changed the way the Internet is used. Many people now use mobile devices to browse the Web. However, the varying screen sizes of these devices portend some impact on their users’ experience, as the Web content on the devices vary in size and the navigation of pages are also different in the various devices. The advent of the responsive web design (RWD) philosophy, revolutionized the way Web pages are designed and the way they appear to the users in the various devices. RWD makes Web pages to adjust to the size of any devices’ screen irrespective of the device type. In this study, the effect of responsive web design of the user experience witha laptop and smartphone devices while using the e-Ebola Awareness System, (a Web based health awareness portal for Ebola virus disease), was measured and evaluated. The results revealed that users had a better user experience with Smartphones than with laptops while using the system, however, for most of the metrics collected, users’ experiences with the two device types were not significantly different at 95% level of confidence, implying that for those metrics, the responsive web design had a similar effect on the users’ experiences and attitudes

References

Albert, W., and Tullis, T. 2013. Measuring The User Experience: Collecting, Analyzing, And Presenting Usability Metrics. Waltham, MA, USA: Morgan Kaufmann

Bevan, N. 2009. What Is The Difference Between The Purpose Of Usability And User Experience Evalua-Tion Methods? Proceedings of the Workshop UXEM, 9, http://www.researchgate.net/puplication/238775905

Brooke, J. 2013. SUS: A Retrospect. Journal of Usability Studies, 8(2), 29-40.

Neitz, M. and Neitz, J. 2000. Molecular Genetics of Color Vision and Color Vision Defects. Archieves of Ophthalmology. 63(2): 232–237.

Frain, B. 2012. Responsive Web Desisgn with HTML5 and CSS3. Birmingham, UK: Packt Pub. Lt

Groth, A., and Haslwanter, D. 2015. Perceived Usability Attractiveness And Intuitiveness Of Responsive Mobile Tourism Websites: A User Experience Study. In L. Tussyadiah, A. Inversini (Eds.), Infor-mation and Communication Technologies in Tourism 2015. 593-606. Logano, Switzerland: Springer International Publishing.

Harb, E., Kapellari, P., Luong, S., and Spot, N. 2011. Responsive Web Design,http://courses.iicm.tugraz.at/iaweb/surveys/ws2011/g3-survey-resp-web-design.pdf, 06 Dec.

Hussain, A., Hashim, N. L., Nordin, N., and Tahir, H. M. 2013. A Metric-Based Evaluation Model For Applications On Mobile Phone. Journal of Information and Communication Technology (JICT). 12, 55-71.

Ohkubo, T. and Kobayashi, K. 2008. A Color Compensation Vision System for Color-blind People. SICE Annual Conference. The University ElectroCommunications Japan.

ISO 9241-11. 1998. Ergonomic Requirements For Office Work With Visual Display Terminal (VDT)s – part 11: GuidainceOn Usability.Geneva:ISO

ISO FDIS 9241-210. 2009. Human-Centered Design Process For Interface Systems. Geneva: ISO

Law, E.L.C., Roto, V., Hassenzahl, M., Vermeeren, A.P.O.S. and Kort, J. 2009. Understanding, Scoping, And Defining User Experience: A Survey Approach. CHI 2009-User Experience, Boston, MA, USA, 7 April.

Marcotte, E. 2010. Responsive Web Design. http://www.alistapart.com/article/responsive-web-design/

Marcotte, E. 2011. Responsive Web Design. A Book Apart Edition. Jeffrey Zeldman. ISBN 978-0-9844425-7-7. http://www.abookapart.com/products/responsive-web-design/Swain, M. and Ballard, D. 1991. Color Indexing. International Journal of Computer Vision. 7: 11–32.

Mikkonen, T., Systa, K., and Pautasso, C. 2015. Towards Liquid Web Application. In P. Cimiano et al.(Eds.), ICWE 2015. 134-143. LNCS 9114, Springer International Switzerland, doi: 10.1007/978-3-319-19890-3_10

Mohorovicic, S. 2013. Implementing Responsive Web Design For Enhanced Web Presence. 2013 IEEE 38th International Convention on Information & Communication Technology, Electronics & Microelectronics (MIPRO),Opatija, 20-24 May, 1206-1210.

Peterson, C. 2014. Learning Responsive Web Design: A Beginner’s Guide. Sebastopol, CA, USA: O-Reilly Media, Inc.

Roto, V. 2008. User Experience Research In The Design And Development Phase. Keynote at the User Experience & User Generated Content Workshop. Salzburg, Austria. http://www.icts.sbg.ac.at/media/pdf/pdf1684.pdfKonstantakopoulou, E., Rodriguez-Carmona M., and Barbur.

Hussain, A., Mkpojiogu, E. O., & Kamal, F. M. 2015. Eliciting User Satisfying Requirements for an e-Health Awareness System Using Kano Model. Paper presented at the 14th International Conference On Applied Computer And Applied Computational Science (ACACOS '15), Kuala Lumpur.

Downloads

Published

2015-11-01

How to Cite

THE EFFECT OF RESPONSIVE WEB DESIGN ON THE USER EXPERIENCE WITH LAPTOP AND SMARTPHONE DEVICES. (2015). Jurnal Teknologi (Sciences & Engineering), 77(4). https://doi.org/10.11113/jt.v77.6041