Overview

Portal Unand is a web-based academic information system for Andalas University Student.

<aside> 💡 The Problem Portal Unand’s current web app isn’t responsive to the current device, especially mobile devices. Aside from that, the important features (such as KRS, KHS, Transkrip) aren’t highlighted in the dashboard.

The Solution Redesign the website with more focus on the mobile version.

</aside>

<aside> 🗣 Role UI/UX Designer

</aside>

<aside> ⏳ Duration The actual design process took about a month and a half. However, since it’s a part of my final project, it took longer than that (including the report, the revision, the seminar, and everything).

</aside>

<aside> ✅ Project status Completed

</aside>

Results

84 - Maze Usability Score

I conducted two usability testings and the usability score resulted in 84. The first test is focused on how users check their student reports and the second test focused on how users fill out their academic plans.

83.33 - System Usability Scale

The score represents the usability of the design which falls into the acceptable category.

The Purpose

This is my final project at Andalas University as one of the requirements to graduate.

Background

As a Portal Unand user myself, I was bound to notice the non-responsiveness in the UI. Then, I noticed that the most important feature is not even highlighted in the dashboard. Also, there are so many features that could be added to this app—but, those are just my opinions. Do other users feel the same? I need to validate it. So I conducted a survey.

Survey Result

• 85.9% of students use a mobile phone on daily basis.
• The top 5 features are KRS (student academic plan), KHS (student report), transcripts, payment, and course information.
• 80.6% of students have complaints against the Portal Unand interface.
  • “I have to zoom in/zoom out!!”
  • “The design is boring”
  • “It’s not responsive to my mobile phone”
  • “It’s hard to press the button because it’s too small!”
  • “Hard to find the important features”
• 44.1% of ****students rate Portal Unand interface as 2/5.
  • “The design is old-fashioned.”
  • “The letter is too small!”
  • “The layout isn’t interesting”
  • “I have to zoom in/zoom out to use it!”
• 39.2% of students rate Portal Unand dashboard layout as 2/5.
  • “Important features aren’t highlighted”
  • “The dashboard is too crowded with irrelevant information”
• 88.9% of students think that Portal Unand needs a redesign.

I gathered some qualitative insights from the survey. To analyze it better, I grouped it by using Affinity Diagram.

https://miro.com/app/board/o9J_lZEr730=/?invite_link_id=598098590487

Okay, so other users are also not having the best experience in using Portal Unand. But wait—who are the users?

As I grouped the information by using an affinity diagram, I began to notice some patterns, such as users’ needs, behaviors, and frustrations. Thus, I turn these insights into a user persona to help me empathize more with the user.

Click to open

Click to open

Okay, so now I know who the users are, what their problems are, and what their needs are. Now I can ideate some solutions to solve these problems!

Solving the Problem

From the research, I identify users’ main goals.

• To fill out KRS (students academic plan) and print them
• To check KHS (student reports) and print them
• To check Transcripts and print them