A Systematic Literature Review on User Interface Design for Web Applications


  • Nur Atikah Shamat Department of Software Engineering, Faculty of Computing, Universiti Teknologi Malaysia, 81310 Johor Bahru, Johor, Malaysia.
  • Shahida Sulaiman Department of Software Engineering, Faculty of Computing, Universiti Teknologi Malaysia, 81310 Johor Bahru, Johor, Malaysia.
  • Jacline Sudah Sinpang Department of Software Engineering, Faculty of Computing, Universiti Teknologi Malaysia, 81310 Johor Bahru, Johor, Malaysia.


Systematic Literature Review, User Interface Design, Web Applications,


Proper user interface design is vital for both users and software engineers toward satisfaction in developing usable Web applications. Software engineers may ask users randomly, but it may lead to rework if users are not satisfied with the design of the interface once it is in the implementation stage. Thus, a more structured way to support the process of user interface design will be useful to avoid changes at a later stage. This paper adopted a systematic literature review method to gather all related works that highlight the issues and the proposed works in user interface design for Web applications. Based on the results, we can deduce the gaps from the existing works that motivate the future work in user interface design.


W. Jiancheng, L. Xudong, and L. Loi, “A model of user interface design and its code generation,” in IEEE International Conference on Information Reuse and Integration, 2007, pp. 28-133.

D. Stone, C. Jarett, M. Woodroffe, and S. Minocha, User Interface Design and Evaluation. Morgan Kaufmann, 2005.

K. Sharma, and N. Kumar, “SWART: Secure web application response tool,” in International Conference on Control Computing & Materials (ICCCCM) 2013, 2013, pp. 1-7.

J. Johnson, GUI Bloopers 2.0: Common User Interface Design Don'ts and Dos”. Amsterdam: Elsevier Inc., 2008.

J. C. Quiroz, S. J. Louis, A. Shankar, and S. M. Dascalu, “Interactive genetic algorithms for user interface design,” in 2007 IEEE Congress on Evolutionary Computation, 2007, pp. 1366-1373.

K. Nasir, N. Ariffin, and F. Shuib, “User interface design using cognitive approach: A case study of Malaysian government web portal,” in International Conference on User Science and Engineering 2010, 2010, pp. 174-178.

W. O. Galitz, The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques. Canada: Wiley Publishing, 2007.

A. Sajedi, M. Mahdavi, A. Mohammadi, and M. M. Nejad, “Fundamental usability guidelines for user interface design,” in International Conference on Computational Sciences and Its Application (ICCSA), 2008, pp. 106-113.

A. Ginige and S. Murugesan, “Web engineering: An introduction,” IEEE Multimedia, vol. 8, no. 1, pp. 14-18. 2001.

B. Zhu, H. Miao, and B. Song, “User interface design of web application using object-z,” in Eighth IEEE/ACIS International Conference on Computer and Information Science, 2009, pp. 1200- 1204.

M. N. Islam and H. Bouwman, “Towards user-intuitive web interface sign design and evaluation: a semiotic framework,” International Journal of Human-Computer Studies, vol. 86, 2016, pp. 121-137.

B. Fogg, “A behavior model for persuasive design,” in Persuasive '09 Proceedings of the 4th International Conference on Persuasive Technology, 2009, p. 1-7.

D. Freeney, Usability Versus Persuasion in an Application Interface Design. Master’s Thesis in Innovation and Design. Malardalen University, Sweden, 2004.

A. Nemery, E. Brangier, and S. Kopp, “First validation of persuasive criteria for designing and evaluating the social influence of user interfaces: justification of a guideline,” in First International Conference on Design, User Experience, and Usability, 2011, pp. 616- 624.

M. Lykke, “Persuasive design principles: means to improve the use of information organisation and search features in web site information architecture?,” in American Society for Information Science and Technology SIG-Classification Research 20th Research Workshop, Vancouver, Canada, 2009.

N. Ngadiman, S. Sulaiman, and W. M. N. W. Kadir, “A systematic literature review on attractiveness and learnability factors in web applications,” in International Conference on Open System (ICOS), 2015, pp. 22-27.

M. N. Islam, “A systematic literature review of semiotics perception in user interfaces,” Journal of Systems and Information Technology, vol. 15, no. 1, pp. 45-77, 2013.

U. O. Nwokedi, B. A. Onyimbo, and B. B. Rad, “Usability and security in user interface design: a systematic literature review,” International Journal of Information Technology and Computer Science (IJITCS), vol. 8, no. 5, pp. 72-80, 2016.

B. Kitchenham, S. Charters, D. Budgen, P. Brereton, M. Turner, S. Linkman, M. Jorgensen, E. Mendes, and G. Visaggio, “Guidelines for performing systematic literature reviews in software engineering”, EBSE Technical Report version 2.3, Durham, UK, 2007.

J. Eisenstein and A. Puerta, “Adaptation in automated user-interface design,” in Proceedings of the 5th International Conference on Intelligent User Interfaces, 2000, pp. 78-81.

A. Hussey, “Formal object-oriented user-interface design,” in Proceedings of Software Engineering Conference, 2000, pp. 129-137.

M. Terry and E. Mynatt, “Recognizing creative needs in user interface design,” in Proceedings of the 4th Conference on Creativity & Cognition, 2002, pp. 38-44.

A. Seffah and E. Metzker, “The obstacles and myths of usability and software engineering,” Communications of the ACM-The Blogosphere, vol. 47, no. 12, pp. 71-76, 2004.

L. Wenting, S. Tian, Z. Hong, and Y. Ying, “Interface design in the ship navigation information system,” in 11th International Conference on Computer-Aided Industrial Design & Conceptual Design (CAIDCD), 2010, pp. 395-400.

M. Obeidat, and S. Salim, “Integrating user interface design guidelines with adaptation techniques to solve usability problems,” in 3rd International Conference on Advanced Computer and Engineering (ICACTE), 2010, pp. V1-280-V1-284.

J. Janeiro, S. Barbosa, T. Springer, and A. Schill, “A flexible model for improving the reuse of user interface design patterns,” in Proceedings of the 28th ACM International Conference on Design of Communication, 2010, pp. 215-221.

N. Hirasawa, S. Ogata, K. Kawai, and H. Kasai, “Integration of user interface design process,” in Proceedings of the 11th International Conference on Product Focused Software, 2010,pp. 39-42.

S. Chancheaw and N. Prompoon, “Consistency verification between software design models and user interface design based on components relationship,” in 2nd International Conference on 2015 in Information Science and Security, 2015, pp. 1-5.

Z. Jing, Z. Linghao, and L. Qiao, “Study on the relationship of interface usability characteristics with operators' emotional states in 7th industrial context,” in International Conference on Intelligent Human-Machine Systems and Cybernetics (IHMSC), 2015, pp. 551-554.

D. G. Saputra and N. A. Fazat, “A metadata approach for building web application user interface,” Procedia Technology, vol. 11, pp. 903-911, 2013.

G. Ghiani, F. Paterno, L. D. Spano, and G. Pintori, “An environment for end-user development of web mashups,” International Journal of Human-Computer Studies, vol. 87, pp. 38-64, 2016.

E. Chavarriaga and J. Macias, “A model-driven approach to building modern semantic web-based user interfaces,” Advances in Engineering Software, vol. 56, no. 6, pp. 568-585, 2009.

A. S. Bojnord, R. Ahmad, and H. S. Bojnord, “WEBSTUIRE: Webbased support tool for user interface design requirements elicitation,” in 3rd International eConference on Computer and Knowledge Engineering (ICCKE), 2013, pp. 52-58.




How to Cite

Shamat, N. A., Sulaiman, S., & Sinpang, J. S. (2017). A Systematic Literature Review on User Interface Design for Web Applications. Journal of Telecommunication, Electronic and Computer Engineering (JTEC), 9(3-4), 57–61. Retrieved from https://jtec.utem.edu.my/jtec/article/view/2918