top of page
mockup.png

E-camp

TOP

E - Camp

E-camp is an educational APP that enhances students' learning experience. The APP is designed to help students stay focused and comfortable with remote learning.

Role

User research / UX design

Visual design /  Design Thinking

Tools

Illustrator / Figma / Photoshop

Team

Jingshu Fu / Kuang Liu

Term

4 Weeks

INTRO

Overview

Approach

Design

Evaluate

Interview

Brainstorming

Usability Testing

Pain points

Design requirements

Reflection

Journey Map

Insights

Action Priority Matrix

Visual system

Wireframe

High Fidelity Design

Overview

Problem

Problem

Due to the pandemic of COVID-19, many Colleges / Universities started full-time remote learning from March 2020. 

 

There were 110 million people in the world enrolled in online courses.  And 73% of students have concerns about whether they can be successful with online instruction. 52% of students never even look at the courseware because of the technical problem of the online teaching app.

 

Confusing course management and a plethora of instructional software to download and use. It can stress students out and reduce their chances of successfully completing a course.  This situation has to be changed.

Challenge

Challenge

Conduct exploratory research to uncover new possibilities for the spatial/experiential and ethical dimensions of online learning. In order to make the interaction process between all aspects of online learning more unimpeded to provide college students a better experience of online education, and solve the problems encountered by most students.

Solution

Solution

In response to this challenge and problem, we have developed an app - E-Camp.

Integrate and optimize a variety of learning and communication software.

And it aims to help students complete distance courses with high efficiency, high comfort, and improve their learning experience.

Approach

Interview

We conducted 8 user interviews that ranged from the students who are involved in remote learning which need a place to get more comprehensive and organized learning materials in another country/time zone.

“I don’t hate online classes, but I always feel that the distance between me and my classmates has become further. It is difficult to unify contact information every time I do group work, and I can’t find them.”  


— From Third Year University Student

"Sometimes I have group projects, I can’t connect my teammates successfully, because I don’t have their information, so I think schools should pay more attention to this part."


— From A First Year University Student

“Each time I had to change different software for different courses, each time I had to log in and use a different account. To make matters worse, since I am not studying in Canada, I need to dial a different VPN to log in to websites outside China.”


— From A First Year University Student

Pain points

 

We will make an app, through this app to better solve students' problems which is communication, time control. information instant reminder and unexpected circumstances, to help them conduct better online teaching and more efficient communication.

Journey Map

Insights

The biggest pain point for users is too many applications and messages. Switch accounts between applications and submits jobs.

So we integrated and optimized various student functions.

Design

Brainstorming

According to the insights we collected from the user research, we discussed and brainstormed the features and functions which are based on the journey map for potential user requirements, and convert user needs into our design requirements. We put forward different views on the functions and design an application that can integrate all the user needs and bring to users a more convenient user experience.

Design Requirements
Functions
Flow chart

Action Priority Matrix

Wireframe

At this point, we moved on to creating low-fidelity wireframes with the features we wanted to prioritize in our application. The wireframe was split up into several categories to account for sections like calendar, VPN, lectures, help, chat and so on.

Visual System

High Fidelity Design

Onborading
part2_Page_05.png
Courses display
Communication
Communication
Setting

Evaluate

Usability testing

Based on our user tests based on three participants, we have come up with some suggestions for improvement.

 

Change the account button in the lower right corner to the email button, which is convenient for students to open their mailboxes to check the latest emails at any time, and the account function is changed to enter from the student avatar in the upper right corner of the main page.

Based on our user tests based on three participants, we have come up with some suggestions for improvement.

 

Change the account button in the lower right corner to the email button, which is convenient for students to open their mailboxes to check the latest emails at any time, and the account function is changed to enter from the student avatar in the upper right corner of the main page.

Change to
New functions in the app:

Reflection

1

2

Always check your assumptions.

When we first defined the problem, we were mainly concerned about users who were domestic students and planned on creating an app that connected students and schools. However, after my interviews, I realized I needed to consider various types of students like international students from different countries in order to meet the true needs of users and create a successful app.

The design process is highly iterative.

I knew that the UX design process was iterative, but to actually immerse yourself in the work and experience it was something different. As I was creating wireframes and prototypes, I found myself constantly modifying UI elements after multiple rounds of testing until the best designs were created.

More work

While you're here, feel free to check out more of my projects!
177.png

HillStone

8.png

Over-Ride

Top

bottom of page