my portfolio

WAYPOINT

develop

Crazy 8s

We developed our wireframes and main UI screens through a process of convergence, testing, and iterations.

We identified our key features and utilized Crazy 8’s to brainstorm and refine ideas.

Mid Fidelity Screens

After the crazy 8’s, we developed mid-fidelity wireframes according to the core functionality and user flows of our app.

Mid-Fi’s for

User Testing

Next, we conducted user testing with our mid-fidelity prototypes, observing 10 participants as they completed key tasks. By gathering their feedback, we identified and addressed various usability issues.

This iterative process ensured that our UI became increasingly user-friendly and accessible.

10 Users

Rounds of Iterations

Our Users

User 1
Painting student
User 2
Film student
User 3
VFX student
User 4
Fashion student
User 5
Illustration student
User 6
Advertising student
User 7
Fashion student
User 8
Advertising student
User 9
Architecture student
User 10
VFX student

Testing plan

Test

Iterate

See our full Testing Breakdown

Task 1
Input your flight details on the Waypoint Dashboard and identify your boarding time.
5
No. Of Clicks
Average Time
“Liked the animation, felt like the process was smooth”
24s
8s
Task 2
Navigate to the Dashboard and request assistance for a wheelchair.
13
No. Of Clicks
Average Time
16s
14s
“I really like the idea of being able to request assistance ahead of time”
Task 3
Navigate to the Map page, find a restroom , view the estimated wait time, and add it to your current route.
4
No. Of Clicks
Average Time
18s
10s
“The pop up to view the route is convenient”
Task 4
Navigate to Breathe and perform the breathing exercise to overcome sensory overload.
3
No. Of Clicks
Average Time
21s
13s
“Liked the animation, felt like the process was smooth”
Task 5
Check “Near You”, find the nearest Waypoint Pod (a quiet space) & book it for 30 minutes from 3 o’clock.
6
No. Of Clicks
Average Time
18s
15s
“Indicating the reservation time is helpful”

User Insights

“Status bars felts cluttered,
would prefer clear lists”
“Redundant information
on the dashboard”
“Use of military time
for the booking
a pod caused confusion”
“The visual cue for
the checklist
was not very obvious”
“The page with the boarding pass felt a bit cluttered”
“Prefer pin points in the map to add stops”

“The Waypoint pod reservation would be easier to access if there was another tab”
“Color to indicate delays would be very helpful”
“Need more obvious
confirmation after adding
a stop to your route”
“Making the pop ups
more intuitive would help”
“Would prefer the checklist to
be optional, ex - for long
haul flights with connections”
“Would prefer more apparent
signs for delayed/cancelled
flights”

Iterations

Hello, Corey
Checklist
Near You
Assistance
Restaurants and Food
Shopping
Dashboard
Map
Breathe
SAV
JFK
2hr 14m
A
11:35
12:05
Terminal
Boarding
Departure
Click to view the Boarding pass
9:41
Combining the three tabs into a single page so the information is easily accessible.
Hi Sara!
Assistance
Go to Counter 4
Check In in 10 minutes
Flight AA1001
ON TIME
SAV
JFK
2hr 14m
2:00
12:05
A
Terminal
2A
Gate
Boarding
11:35
Special
Minors
Guided
Mobility
Dashboard
Map
Breathe
9:41
Toggle AR
30min to boarding
300 ft
9:41
Continue Straight
NEXT STOP:
5 min
Hudson News
Explore
Dashboard
Map
Breathe
Toggle AR
30min to boarding
300 ft
9:41
Continue Straight
NEXT STOP:
5 min
Hudson News
Explore
Dashboard
Map
Breathe
Making the icon on the pop up more intuitive to suggest it can be pulled up.
Toggle AR
30min to boarding
300 ft
9:41
Continue Straight
NEXT STOP:
5 min
Hudson News
Explore
Dashboard
Map
Breathe
Changed dropdown icon and added clear visual hierarchy. Reduced the “Toggle AR” button to one clickable button as requested.
Explore
300 ft
Continue
Next
5 min
Hudson News
30 min to boarding
9:41
Dashboard
Map
Breathe
Hear
2min
Start
Tap
30sec
Start
Dashboard
Map
Breathe
Breathe
1min
Exercises
Pod Reservations
Start
Waypoint Pod
30 ft
Starts in 15 min
Cancel
15:30-16:00
30 min to Pod Reservation
9:41
Let’s decompress and relax.
Breathe
1min
Start
Tap
30ft
Start
Exercises
Waypoint Pod
Dashboard
Map
Breathe
9:41
Exercises
Waypoint Pod
3min Away
Reserve
Waypoint Pod
30ft
Start
Waypoint Pod
Let’s decompress and relax.
Dashboard
Map
Breathe
9:41
Decreasing the amount of information on the screen by introducing two tabs
Let’s decompress and relax.
Breathe
1min
Start
Tap
30ft
Start
Exercises
Waypoint Pod
Dashboard
Map
Breathe
9:41
Made the tabs interchangeable as a button instead so the users can focus on one task at a time. Increased gradients and made the exercises easy to access.
created with Figma by @khalilmahmodi
Tap
30ft
Start
Tap
30ft
Start
Let’s decompress and relax.
Focus
1 min
Start
Find a Waypoint Pod
9:41
Dashboard
Map
Breathe

High fidelity Screens

We created iterations of our Mid fidelity screen, and moved on to user testing them to observe user interactions and alter them to create our high fidelity screens.

Hi Sara!

Assistance

Go to Counter 4

Check-In in 10 minutes

Flight AA1001

ON TIME

SAV

JFK

2hr 14m

2:00

12:05

Terminal