User Efficiency Model in Usability Engineering for User Interface Design Refinement of Mobile Application


  • Gladina Desideria Information Technology Research Group, School of Electrical Engineering and Informatics Institut Teknologi Bandung, Jalan Ganesha No.10, Bandung 40123,
  • Yoanes Bandung Information Technology Research Group, School of Electrical Engineering and Informatics Institut Teknologi Bandung, Jalan Ganesha No.10, Bandung 40123,



efficiency, mobile application, usability, user experience, user interface, visual attention


Designers are often confronted with challenges or difficulties when designing user interfaces for mobile applications. The information must be clearly delivered to the user and also have an aesthetic appearance and good discoverability. One widely used method for conveying information is directing user attention to a component that is related to his or her task. We propose a recommender system by considering user efficiency in a user attention model. It can give suggestions for designers to improve the appearance of the most efficient component. This recommender system is aimed to help designers in the iteration process of usability engineering, especially to direct user attention to the most efficient component. This system analyzes actual user attention and then refines the user interface based on the energy of each component compared with the baseline energy. Our proposed model successfully increased the efficiency of a mobile learning application from 83.65% to 85.58% and improved discoverability of the most efficient component, thus reducing the task completion time.


Download data is not yet available.


Singh, V., Android Based Student Learning System, 2015 2nd Asia-Pacific World Congress on Computer Science and Engineering, 2015.

Hamidi, H. & Chavoshi, A., Analysis of the Essential Factors for the Adoption of Mobile Learning in Higher Education: A Case Study of Students of the University of Technology, Elsevier Journal Telematics and Informatics, 35(4), pp. 1053-1070, 2018.

Bandung, Y., Tanjung, D. & Subekti, L. B., Design of mLearning Application with Video Conference System for Higher Education, Int. Conf. Electr. Eng. Informatics, 2017.

Khalifa, M. & Lam, R., Web-based Learning: Effects on Learning Process and outcome, IEEE Trans. Educ., 45(4), pp. 350-356, 2002.

Hwang, Y. & Kim, D.J., Understanding Affective Commitment, Collectivist Culture, and Social Influence in Relation to Knowledge Sharing in Technology Mediated Learning, IEEE Trans. Prof. Commun., 50(3), pp. 232-248, Sep 2007.

Nielsen, J., Usability 101: Introduction to Usability, (2012).

International Organization for Standardization (ISO), International Standard: ISO 9241-11, 1998, p. 28, 1998.

International Organization for Standardization (ISO), ISO 9241-210: Ergonomics of Human-system interaction - Human-centred Design for Interactive Systems, p. 32, 2010.

Kumi R., Conway, C., Limayem, M. & Goyal, S., Learning in Color: How Color and Affect Influence Learning Outcomes, IEEE Trans. Prof. Commun., 56(1), pp. 2-15, 2013.

O'Donovan, P., Agarwala, A. & Hertzmann, A., Learning Layouts for Single-page Graphic Designs, IEEE Trans. Vis. Comput. Graph., 20(8), pp. 1200-1213, 2014.

Bradley, S., Design Fundamentals: Elements, Attributes & Principles, 2013.

Guy, T., Visual Design and Usability Yellow Brick Road, (2011).

Pang, X., Cao, Y., Lau, R.W.H. & Chan, A.B., Directing User Attention via Visual Flow on Web Designs, ACM Trans. Graph., 240, pp. 1-11, 2016.

Oulasvirta, A., Feit, A., Lahteenlahti, P. & Karrenbauer, A., Computational Support for Functionality Selection in Interaction Design, ACM Trans. Comput. Interact., 24(5), pp. 1-30, 2017.

Interaction Design Foundation, Mobile User Experience (UX) Design,, (2018).

Cardello, J., Low Findability and Discoverability: Four Testing Methods to Identify the Causes, (2014).

Interaction Design Foundation, Make it Easy on the User: Designing for Discoverability within Mobile Apps, (2017).

Jamil, N., Quadratic Optimization for User Interface Layout, 8th Int. Conf. Digit. Inf. Manag. ICDIM 2013, pp. 280-285, 2013.

Interaction Design Foundation, User Interface (UI) Design,, (2018).

K. Finstad, The Usability Metric for User Experience, Interact. Comput., 22(5), pp. 323-327, 2010.

Knemeyer, D. & Svoboda, E., User Experience - UX in The Glossary of Human Computer Interaction, The Interaction Design Foundation, 2015.

Nielsen, J. & Pernice, K., Eyetracking Web Usability, 2009.

Borji, A. & Itti, L., State-of-the-Art in Visual Attention Modeling, IEEE Trans. Pattern Anal. Mach. Intell., 35(1), pp. 185-207, 2013.

Cox, P., Visual Movement: Flow in Web Design,, (2011).

Nielsen, J., Usability Engineering, California, Academic Press, 1993.

Sergeev, A., User Interface Design, UX Research and Usability Evaluation,, (2010).

Mifsud, J., Usability Metric - A Guide To Quantify The Usability Of Any System,, (2015).

Sauro, J., What is a Good Task-Completion Rate?, (2011).




How to Cite

Desideria, G., & Bandung, Y. (2020). User Efficiency Model in Usability Engineering for User Interface Design Refinement of Mobile Application. Journal of ICT Research and Applications, 14(1), 16-33.