top of page
Group 8.png
Group 2.png
My group |

Capstone Project for Mobile Application

My Role: UIUX  designer   Tools:  Sketch, Invision, Pen & Paper    Year:   2018

My Role: UIUX  designer   Tools:  Sketch, Invision, Pen & Paper    Year:   2018

What's my group?

Group study mobile app was the result of a team collaboration project  that was undertaken by myself and a group of three other designers.my group is an iOS mobile app that helps students to find appropriate group study events to join and also create their own group study event and invite classmate. 

Responsibilities

- Collaborated with group of 5 to interview people

- Created user storyboard to define app flow

- Created wireframe and prototype

- Created a mockup to show the full product experience.

Process
01 Interview
03 Storyboard
05 Prototype
07 feedback and iterate
PROCESS.png
02 Ideation
04 Wireframe
06 User test
08 Mockup design
01 Interview

The first step of the design process involved user interviews to understand how group study event happen, what's users behaved and  what's their needs. I believe it’s important to get this information early on in the process, before having an idea or prototyping.After analyzing this insights, we began to conceptualize the solution, focusing on user flows and wireframe to give us a way to iterate faster through ideas.

 

Interviewed audience

The interview sample took into account men and women aged from 17 to 34, university and college students in different field.The interview took approximately 30 minutes and included topics to get to the core of what users are trying to do and what their problems are by asking some questions:

- Do you have group study experience?

- What's type of people do you prefer to study with?

- What's the hard part of create a group for study ?

- How you invite people to do group study?

- What's important about a group that you want to study with?

- What's the matter about  the group you want to join (like number of members, time ..)

Interview insight

Interviewee Traits

30 participent

%70 Male

%30 Female

%80

Have group study experience

%80

Perffer to do group study

%70

Use phone call or sms to invite people to group study

What was the research outcome?

​

1.people want to do group study but bringing people together it's hard because everybody has different schedule

2.people like to do group study with somebody who are in same university, class or field 

3.people care about time, location, topic  and group creator information  when want to join a group

 

The common problem  from our notes was the issue of scheduling.

everyone commented on how everyone’s schedule was different and it was difficult to get

everyone together.

Problem
Solution

Make a platform like to bring university and college students together that can find all group study events and also create own events by a few steps.

02 Ideation
Ideation-Brainstorming-Tools.png

Chosen top  idea  from over 200 ideation was make an app which  is specific for a school or university.Users sign in by student number and reach out to group study events which were created by another student with specific topic time, location and date.they can join or can make own group study event and invite friends

directly by app.

03 Storyboarding
A4.png

By creating storyboard we identified experience when a student want to do group study and find an appropriate group to join or create own event and invite their friends

1

2

3

1.want to do group study but couldn't find any body

he sent message to friends some of them didn't replay and most of them didn't have time or same topic for group study. 

2.he find my group app

Ok, I can find group study which is match of my topic and free time. he joined to one of this group and his request accepted during a few minutes. 

3. create own group study event

Great, now I create my own group study for next week and invite my friends 

The storyboard make some issues obvious for us in early stage of process

- How dose the app identify the user as a real  student?

- Is this app specific for a university and  college or all of the students can use this app?

Issues

key screen of app

1.Screen that represent all group study event for a university or college

2.Screen to create group study event

3.Screen that represent notification accept or decline event

04 User flow

User flows  that came out from storyboard helped us to identify key feature in app and the screens to focus on first

Untitled.jpg
04 Wireframe 
Group 10.png

Based on user flow we created the wireframe to test the product with real users

05 Prototype

Prototype
First Low Fidelity Prototype
03:01
Play Video

First Low Fidelity Prototype

Second Prototype
00:48
Play Video

Second Prototype

06 Usability test

We used the wireframe above, I created a low-fidelity prototype from Sketch. we choose  4 target user at a coffee shop to participate in our moderated usability test. we had them interact with the prototype on our laptop while engaging in 2 scenarios. Below are the 2 scenarios that we had.

Scenario 1

Scenario 2

It's your final exam week and you want to do group study with somebody who is from your university and has the same topic to study, you just want to find an appropriate group to join in.

You want to create your own group study event for next test and invite your classmates.

07 feedback and iterate

  1. Features that worked well:
​
  • The student id number was a convenient way to access the database of the college student info so that the student did not have to tediously enter all their details. 

  • Having a username and password helped to minimize remembering a long student id number each time they wanted to use the app.

  • The filtration system assisted the users to fine tune their search and enable them to find exactly what they were looking for in regards to topic/subject, time/date, people and location.

  • The user really understood the concept that invites and replies were being sent via texting alerts.

 

2. Features that did not work well:

​

  • For some of the users there was a “Gulf of Execution” issue of what “scheduled events” meant. Though the users were correct in selecting this for some they were not sure it would produce their desired results until AFTER they clicked on it.

  • Another issue for one was uncertainty if the Group Study App allowed to leave some filtration parameters unedited (blank)

​

08 Mockup Design
Task 1: First time user sign up
screen1.png
Task 2: Join to group study event 
Event list page
Tap on information
Check group creator
Tap to join
Group 24.png
Task3: Join to group study event by using filter option
Event list page
Use filter
Group 24.png
Task 4: Add group study event
Add event page
Enter informations
Send
Group 19.png

© 2016 by Roya Hm

bottom of page