CUC Helper

How a digital assistant can

make college life easier.

​Project Details

Concept: For my thesis project at undergraduate school, I designed a mobile assistant for students in my college to help them with their daily campus life.

 

Challenge: How to meet the unique needs of users in my college? How can it work together with current campus department settings? 

 

Duration: March 2017 - May 2017

Project Type

Solo project

Contribution

Tools Used

Sketch

Photoshop

Principle

User Research

Wireframe

User Testing

Visual Design

Interactive Prototype

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

OVERVIEW

 

Living on campus in my undergraduate school for four years, I found that students and teachers always complain about the complex procedures about trivial things, such as refilling student card, booking a room in the library or requesting an official transcript. In term of this, I decided to find a solution for a more convenient campus life in Communication University of China.

Overall Design Process

PROCESS

 

Questionnaire & Analysis

At first, I wanted to understand how people used, reacted to and thought about current campus service system.

 

Questions included:

  • How does the current system work?

  • Which part is tough when they are using current system?

  • What expectations do they have?

I made questionnaires and got valid results from 191 people in the college.

Among the questions, 57.1% of them thought there were some problems needed to be fixed in current campus service system. And 25.3% said they often found it difficult to complete their tasks. 

 

It also showed that the top3 needed functions are:

clearer instructions,

online ID card system,

online Campus news.

User Research

After questionnaires, I did some user interviews and made personas according to what I've got.

 

By analyzing and summarizing interviews into personas, I was able to demonstrate the unique needs from various groups of students in Communication University of China. So that I could understand their behaviors, user scenarios, as well as  their expectations. These four personas represent students of different academic levels, as well as in typical roles during campus life.

persona2-trans.jpg
persona3-trans.jpg
persona1-trans.jpg
persona4-trans.jpg

From personas, I made a summary of 3 levels of users' demands:

1. Basic demands

  • Complete tasks on mobile platform without time or space constraints

  • Include basic campus services

  • Check task status at any times

  • Clear instructions and logical task flow

2. Exciting demands

  • Smooth experience

  • Lower learning cost

  • Unique aesthetic style that reflects the features of CUC

3. Expecting demands

  • Delicate animations

Competitive Research

I analyzed apps from other colleges and third developers that have similar functions, focusing on interaction framework and interface design. Each of these apps has multiple functions towards different user groups. And each has its strengths and weaknesses. However, I found that the most frequent problem is there is too much information appearing on one screen, which makes it hard for the user to handle. 

Current College Service System 

 

From the analysis of current systems, they have adequate functions and services that cover all the aspect of campus life.

However, there are several disadvantages:

  • Not accessible across different platforms (local office, website or mobile phone)

  • Time and space constraints

  • Separate services & functions due to different departments

  • Various design style

Function structure

After research and analysis, I designed the function structures of the new service system.

User flow

I chose four main tasks as examples to design user flows.

Wireframes

 

After the first version, I took some user tests. The testing showed that users were confused by the sliding between two main pages.

So that I iterated the home page and main menu design by adding three tabs on the top of the interface, in order to provide clear signifiers, as well as to contain important information as much as possible within one page.

BEFORE

AFTER

Visual Design & High Fidelity Prototype

The overall aesthetics of CUC Helper is based on three insights: the temperament of the college, the preference of students, and current mobile design trends.

 

Since most programs in my college are in the area of art, drama, journalism, and literacy, the students there are more sensitive to visual elements. Meanwhile, compared with students majored in science and engineer, they have more passion about extracurricular activities. Therefore, I created the visual style with a sense of youth, artistry, and passion.

 
 

© 2020 by Iris Tian