UI/UX Practice

Design for postgraduate student system

What is a student platform? The student system is where students get important information. We use it when walking or at home. Due to the irregular postgraduate schedule, we need to check the timetable almost everyday.


The main issue using the platform is that busy or confused postgraduate students check if they get new information all the time. But the platform is not really mobile-friendly. Some of my friends and l think that the platform is so complex.

Students already have many things to concern. The platform is so complex that it may increase the anxiety to students.

How can we make it easier and intuitive to be used?

User experience

  • The structure is complex so that students need to be taught before they use it.
  • After they were taught, sometimes they still forget how to find the information they want.
  • There are so many similar sections, which may take more times for students to find the right section/information.
  • There are too many platforms so students need to switch platforms to get the thorough messages.

User interface design

How to make it easier and intuitive?

Simple process

The “forgotten your password” steps is divided into two parts. One question in one step.

Simplified steps


First, we need to clarify the main function of the platform, what information students need to check more times, and what the unseen worries of the students.

  1. See what is the next class?(Timetable)
  2. New information of each class. (News)
  3. Academic reading is difficult and a big amount. So reading resource is quite important for them. (Bibliography)

Visualize the timetable and each class

According to the psychology of colour, colour saturation has impacts on user experience. Bright colours catch users’ eyes and keep them stay on the page longer. Also, saturated colours are more energetic than black and grey. So the squares with class names are bright colours to deliver an active message to students.

By using different sizes to create a dynamic timetable, the biggest box means the upcoming class.

Because people tend to see the bigger target than the smaller one, on the main page, there are some squares with different sizes. The sizes will change the time and date. For example, on Monday, the first class is Design Studio and the second class is MA Design Expanded Practice so the Design Workshop square is biggest and the latter is smaller than the former. After the first class finished, the latter will be bigger than the finished class. So students who open the APP can quickly identify which is the next class.

With visualized information, students can identify the next class they need to attend more quickly and the colours will be consistently used in the corresponding article pages which can help them to check if they are still in the right category.


The icon of bibliography is shown on the navigation bar, actively interact with students instead of being hidden in the amount of information.

Also, a check list function is added into this app, to encourage and remind students to read.

In addition, the mail function is integrated into the app as well so students are able to receive the essential information from this app.