UI/UX Prototyping for Mobile Legends Quick Application Through The Design Thinking Method (Case Study: Mobile Legends E-Sport)

  • M. Ikmal Fathona Hasibuan Telkom University, Indonesia (ID)
  • Dadang Setiawan Telkom University, Indonesia (ID)
  • Dana Sulistiyo Kusumo Telkom University, Indonesia (ID)
Keywords: E-sport, Mobile Legends, User Interface, User Experience, Design Thinking

Viewed = 0 time(s)


Designing user interface prototyping and user experience aims to manage access to information easily for the e-sport game of Mobile Legends users. The application prototype contains match schedules, players, e-sport teams, match highlights, match analysis, and others. The reason is that when the users want to get such information, they must find it from various media without any data being immediately available. It is the appropriate way to develop a Mobile Legends Quick prototype application. The prototyping process in creating mobile applications uses the stages in design thinking method stages of Empathize, Define, Ideate, Prototype, and Test. The scope of these goals preferably has a user-centered approach and user satisfaction to solve relevant problems and create new innovations. The results of the tests carried out on making prototype application have been tested using The System Usability Scale (SUS) and obtained a result of 85,35%, with the acceptable category and excellent grade from the SUS score acquisition.

Author Biographies

M. Ikmal Fathona Hasibuan, Telkom University, Indonesia

Telkom University, Indonesia

Dadang Setiawan, Telkom University, Indonesia

Telkom University, Indonesia

Dana Sulistiyo Kusumo, Telkom University, Indonesia

Telkom University, Indonesia


-11, E. N. I. S. O. (2010). Ergonomic Requirements for Office Work with Visual Display Terminals. Usability (Principles), 1–11.

Adam, E., & Rollings, A. (2007). Fundamental Of Game Design. 1.

Brown, T. (2008). Design thinking. Harvard Business Review, 86(6). https://doi.org/10.1386/scene_00007_1

Dan Cryan. (2014). eSports video: a cross platform growth story. IHS Technology. https://technology.ihs.com/502163/esports-video-a-cross-platform-growth-story

Faste, R. A. (1979). New System Propels Design for the Handicapped.

Garrett, J. J. (2011). The elements of User Experience. New Riders.

Hartson, R., & Pyla, P. S. (2012). The UX Book: Process and Guidelines for Ensuring a Quality User Experience. The UX Book: Process and Guidelines for Ensuring a Quality User Experience, 1–937. https://doi.org/10.1016/C2010-0-66326-7

Karine Pires, & G. S. (2022). (PDF) YouTube Live and Twitch: A Tour of User-Generated Live Streaming Systems. https://www.researchgate.net/publication/281128555_YouTube_Live_and_Twitch_A_Tour_of_User-Generated_Live_Streaming_Systems%0Ahttp://files/895/(PDF) YouTube Live and Twitch A Tour of User-Gene.pdf%0Ahttp://files/894/281128555_YouTube_Live_and_Twitch_A_Tour

Lewis, J. R. (2018). The System Usability Scale: Past, Present, and Future. International Journal of Human-Computer Interaction, 34(7), 577–590. https://doi.org/10.1080/10447318.2018.1455307

Myers, B. A. (1995). ACM Transactions on Computer-Human Interaction. User Interface Software Tools.

Norman, D. A. (1999). AFFORDANCE, conventions, and design. Interactions, 6(3), 38–43. https://doi.org/10.1145/301153.301168

Pengurus Besar Esport Indonesia. (2021). Peraturan Pengurus Besar Esports Indonesia Nomor : 034/Pb-Esi/B/Vi/2021 Tentang Pelaksanaan Kegiatan Esports Di Indonesia.

Rani, D., Hasibuan, E. J., & Barus, R. K. I. (2020). Dampak Game Online Mobile Legends: Bang Bang terhadap Mahasiswa. Perspektif, 7(1), 6–12. https://doi.org/10.31289/perspektif.v7i1.2520

Revell, D. (1991). Software engineering. U.S. Woman Engineer, 37(2), 7–11. https://doi.org/10.1145/311963.312025

Safrianto Muhammad, Jumaiddin La Ode, S. U. R. (2018). Pemanfaatan Instagram dalam Membentuk Personal Branding Duta Bahasa Sulawesi Tenggara. Jurnal Penelitian Kajian Ilmu Komunikasi & Informasi, 3(4), 1–28. http://ojs.uho.ac.id/index.php/KOMUNIKASI/article/download/5156/3848

Satzinger, J. W., Jackson, R. B., & Burd, S. D. (2019). Systems analysis and design in a Changing World. Cengage Learning.

Sauro, J., & Lewis, J. R. (2012). Quantifying the user experience: Practical statistics for user research. Burlington, MA: Morgan Kaufmann.

Sauro, J., & Lewis, J. R. (2009). Correlations among prototypical usability metrics. 1609–1618. https://doi.org/10.1145/1518701.1518947

Siang, T., & Dam, R. (2019). Stage 2 in the Design Thinking Process: Define the Problem and Interpret the Results. Interaction Design Foundation. https://www.interaction-design.org/literature/article/stage-2-in-the-design-thinking-process-define-the-problem-and-interpret-the-results

Spacewar. (n.d.). No Title. https://cs.stanford.edu/people/eroberts/jtf/demos/assignments/Spacewar.html

Sunarto, S. A., Wulandari, C., & Hartanto, E. (2019). Communication Meaning in The Community Online Mobile Legends Based on Depok Players Realities. International Journal of Multicultural and Multireligious Understanding, 6(10), 43–48.

User flow. (n.d.). ProductPlan.

World Leaders in Research-Based User Experience. (n.d.). Usability 101: Introduction to usability. Nielsen Norman Group.

How to Cite
Fathona Hasibuan, M. I., Setiawan, D., & Sulistiyo Kusumo, D. (2023). UI/UX Prototyping for Mobile Legends Quick Application Through The Design Thinking Method (Case Study: Mobile Legends E-Sport). JINAV: Journal of Information and Visualization, 4(2), 158-169. https://doi.org/10.35877/454RI.jinav1837