Redesigning Learning Management System into E-Learning App for Higher Education


DF learning data in 2020
Amount user in University (based on data statistic in my university)


  • The DF system is not in demand by users because it has many shortcomings both in terms of interface / experience and functional (sync, slow speed, etc.)
  • By point no.1, Google classroom is still one of the alternative platforms that are most often used by students and teachers during online lectures rather than the official learning media provided by universities.
  • In previous studies in 2020, DF had a value below the average for attractiveness, and efficiency
  • More than 13.000+ active students do online learning while pandemic and use the media platform for accommodate lecture activities


  • Redesigning DF learning experience and interface to attract user motivation
  • Make students want to use DF and stay active in their activities in online learning regardless of all the limitations, obstacles and conditions they face (students and universities)

Research Question

  1. Why are students not interested in using DF learning for their learning media in the online learning period?
  2. How does the effect of DF e-learning help students’ activities in online learning?
  3. Is there a significant behavior of students in online learning?


  1. We had 3 roles on this platform such as student, lecture and admin. How sync the students and lecture need?
  2. Find out student behavior in online learning, especially for new students
  • Why do I make new students to be my main focus? Because in this case, the students can only have 3.5–4 years to use this product. And there will be a new generation of users every year
  • On this part I will do in students side



DF Learning features
Students activities
  1. Courses Filter
  2. EUD (Edit, Upload and Download) File
  3. Grading
  4. Forum Discussion
  5. Q&A
  6. Helpdesk
  7. Attendance Sheet and,
  8. Reminder

The Design Process

Design Proves



“Interviewing is a data collection tool that works best in many cases when the intent is to have an understanding of the “Underlying reasons and motivations for people’s attitudes, preferences or behavior. ”

  1. New students batch 2019 and 2020
  2. Had use DF learning (at least once)

Affinity Diagram

  1. The system features are not really helpful for users activities. Because, if users want to know something happened on the class group in DF learning, users have to check their account frequently or waiting the other friends telling or forward it the task into the group message (WhatsApp)
  2. Much effort for users to do in specific activities in DF. For example: too many options are put on a single page, such as irrelevant information.


Proto-persona (Gothelf & Seiden, 2013)
  • Process oriented
  • Grading oriented

Grade is a unit of measurement that is considered to have the most value by academics and society in determining a person’s intelligence

UX Evaluation: Usability Test

“Pay attention to What User Do, not what they say”


  1. How’s far the user knowledge in utilizing DF as a learning media?
  2. How good is DF in providing experiences to users both in terms of workflow, services and features?
  1. Users have difficulty exploring DF because too much information is displayed so that users feel frustrated or confused
  2. Users do not know what features can be used to support education
  3. A lot of options are given to the user when the user first opens DF (Main screen)
  4. The information presented is too much which is not really needed by the user
  5. There are too many doors for users to go through when they want to move from page one to a more specific page



User Path Trace
Task Success
Mean Time per Tasks
  • User path trace, is the results how participants operate the DF learning with some kind of features being tested. Total participants I got on this usability are 10 students and I divide into 2 sessions. With 5 participants from interviewed and 5 others random. Why? because I thought in the first session I watch them thoroughly and maybe they feel anxious and really carefully to not making any mistakes. So I decided to do second session with random people (actually not random people but is their friends from first session). Overall, there is no pattern changes between when I see them or not. 2 others images are the task success and how long they’re do.
DF Interface

User Journey

User Journey Map


  1. The students didn’t interested to use this media learning, because the media it’s not user friendly at all.
  2. Information overload, and make the interface looks tight.
  3. User doesn’t know where place to see their final grade they obtained at the end of each semester/
  4. The navigation, buttons and more are not visible. Users waste their time for looking something they can click on
  5. For checking a new assignment on a single subject, users have to visit through inside some of the subject pages

Competitive Analysis

Features ( Platforms Contents for LMS )
LMS Competitor (Competitive Analyze)
  1. Focus to improve the user main activities features such as seeing everything about assignments (task progress, new assign, due date, etc.)
  2. Improving the information architecture to reduce information that user don’t need
  3. Make the interface clean and user friendly


Determine the sitemap

DF Learning sitemap

Information Architecture

DF Learning Information Architecture
  1. Information (data and knowledge)
  2. Structuring, organizing, and labeling
  3. Finding and managing
  4. Art and science




Design System



  1. On the page, the user doesn’t pay attention to the details because it doesn’t have enough contrast. Sometimes, they have to find the grades I get on my assignments, especially on the missing status. So the thing they have to do is open each category and search for them one by one.
  2. They are wasting time for screening their assignments results (grades) because it’s too small to see for them

Future Research

  2. Pros and Cons of Conducting User Interviews | Interaction Design Foundation (IxDF) (
  1. Alva, A., Medina, F. F., Mego, H. O., Huamani, E. L., & Roman-Gonzalez, A. (2021). Comparison of Learning Management System Platforms for Choosing A Suitable Platform for Users in Research Administration. International Journal of Engineering Trends and Technology, 69(1), 81–84.
  2. Gothelf, J., & Seiden, J. (2013). Lean UX Applying Lean Principles to Improve User Experience. United States of America: O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA
  3. Sutadji, E., Hidayat, W. N., Patmanthara, S., Sulton, S., Jabari, N. A. M., & Irsyad, M. (2020). Measuring User Experience on SIPEJAR as E-Learning of Universitas Negeri Malang. IOP Conference Series: Materials Science and Engineering, 732, 012116.
  4. Sari, A., Baedhowi, P., & Indrawati, D. (2017). The Use of Learning Media with MOODLE Approach to Improve The Quality Of Education: A Literature Study. Proceedings of The International Conference on Teacher Training and Education 2017 (ICTTE 2017). International Conference on Teacher Training and Education 2017 (ICTTE 2017), Surakarta, Indonesia
  5. Roth, R. (2017). User Interface and User Experience (UI/UX) Design. Geographic Information Science & Technology Body of Knowledge, 2017(Q2).
  6. Kapros, E., & Koutsombogera, M. (Eds.). (2018). Designing for The User Experience in Learning Systems. Springer International Publishing.
  7. Joo, H. (2017). A Study on Understanding of UI and UX, And Understanding of Design According To User Interface Change.
  8. Wargadinata, W., Maimunah, I., Dewi, E., & Rofiq, Z. (2020). Student’s Responses on Learning in The Early COVID-19 Pandemic. Tadris: Jurnal Keguruan Dan Ilmu Tarbiyah, 5(1), 141–153.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store