View High-Fidelity Prototype

CASE STUDY - MOBILE APP

Assisting users to schedule one on one meeting to ensure that scheduling is managed.

Tools used:

Type of project:

Administrative Support

Role:

UI/UX Designer

What is Qnaid?

Qnaid is a mobile app that helps students meet up with a teacher or staff member when they are available.

Who is this for?

Students, teachers, staff from all schools.

Identifying the issue

Focus: what is the issue? - Students are unable to discuss their education with teachers and staff due to busy schedules. They need a schedule time to talk.

Context: For instance, senior students would want to discuss college enrollments with their guidance counselors, or sophomores not liking their class schedule. However, without time or communication, students wouldn't be able to achieve their goal.

RESEARCH INSIGHTS

What do we know about these issues?

Late assignments were handed in because of the lack of reminders.
Important meetings gets delayed multiple times.
Inability to contact their teacher or staff member outside of school because of time constraint.
In need of clarification or understanding when it comes to assignments or other important educative reasons.

Solution:

Setup booking interaction between students & staff members to ensure time management.
Develop class groups for students to gain progress in their education.
Grant teachers the ability to create their available meeting schedule for their students.
Apply an approve or deny recommendation if a student or teacher will not make it by their scheduled time to meet.

PERSONAS

“I want to speak with my guidance counselor something important when she’s available.”

Kyle
student

“I need to update my students about the course as we start the school year”

Rachel
teacher

“During my available times, I want to organize my time slots on when I can meet students.”

Pete
teacher

“I need to join the class group to check for updated assignments or announcements”

Anna
student

DESIGN PROCESS

Empathize

User Research
User Insights

Define

Personas
User Journey
Wireframing
Identifying the Issue

Ideate

Brainstorm
User Flow
Sketching

Design

Low-Fidelity
Mid-Fidelity
High-Fidelity

Prototype

Intuitivity

Testing

Checking for Usability

LOW-FI WIREFRAMES (USER FLOW)

Scheduling a Meeting

This is a step by step user flow of booking a scheduled meeting with either your teacher or advisor.

Joining a class

For a student user, the classes tab contains the list of classes joined, the sketch here provides an example of how the user joins the group.

post for updates (Teachers or Staff)_edi

Add a post or update (Teacher or Staff)

The Home Screen is all filled with teacher or staff’s posts and updates, which is why I developed the user journey on how would they would add a post. I explored simple UI elements like rectangular buttons and overlays during this sketch phase. The approach or goal for this sketch is simplicity and intuitive, or fewer clicks to reach their goal.

Adding Available Meeting Times (Teacher or Staff)

An overview of a teacher adding or creating new meeting times for their students to book to.

Adding Available Meeting Times (Teacher or Staff)

An overview of a teacher adding or creating new meeting times for their students to book to.

View Mid-Fi Prototype

MID-FI (GRAYSCALE & PROTOTYPE)

After gathering our user flows, sketches, etc., our mid-fi wireframes comes next. The important phase with designing with grayscales are making sure it is intuitive and usable. For instance, for booking a scheduled meeting with your advisor or teacher, we're making sure each frame has a specific meeting application before we head into the visual design.

View High-Fi Prototype

HIGH-FI (VISUAL)

After testing the prototype in our mid-fi grayscales, we went into the visuals as part of the last phase in our design process. Green fits the theme of the app because Qnaid's is about conversation, it ties into connection between two users speaking with one another either if it was in-person or zoom.

FEATURES

Schedule a meeting

Joining the class group

Posting an update to your students

What have I learned?

The easiest or my favorite design process would be the starting the ideation phase. That phase is simple to me because I have a flow of ideas or research opportunities before finalizing an app, it would also ensure more thought and attention to my app.

After going through further my design process developing the app, I learned there's always going to be more additional developments along the way. An example would be that I may miss some features that is necessary for the app, and it will come off as an improvement or enhancement for the app.