CONTENTS
01. Introduction
​
02. Understanding the User
03. Information Architecture
​
​
01.INTRODUCTION
04. Wireframes
​
05. Usability Testing
06. Design Documentation
​
​
​
​
​
Product Description
UX Techniques
Coffee Chat is an mobile app I designed during a 400 hour UX Design course with CareerFoundry.
​
Providing people with a simple and intuitive way to connect to an expert within seconds can help solve a lot of daily issues.
Competitive Anaylsis
User Interviews/ User Surveys
Personas/ User Journeys
Card sorting/ site maps
Prototyping/usability testing
​
Preference Testing
07. User Feedback
08. Project Outcomes
09. Final Prototype
Tools
Sketch
Balsamiq
InVision
UsabilityHub
SurveyMonkey
02. UNDERSTANDING THE USER
First, I conducted a competitive analysis of current advice-seeking websites and apps to learn what's on the market today.
Then, I conducted 5 interviews and a survey of 25 potential users
My research goals are to learn where advice-seekers go to get advice, why and how often are they seeking advice, and how often are they giving advice.​
Based on User Research I created 3 Ideal User Personas.
Meet Nikki Houston, Graphic Designer
Meet Sam Reed, Business Consultant
Meet Michelle Hirsch, Mother & Real Estate Agent
Created User Journey Maps to explore the process our personas go through in order to accomplish a goal.
Nikki's User Journey
Sam's User Journey
Michelle's User Journey
Created Task Analysis & User Flows to explore the tasks that are required for the completion of a goal and what screens will be needed.
Nikki's User Flow
Sam's User Flow
Michelle's User Flow
03. INFORMATION ARCHITECTURE
To determine Coffee Chats information architecture I ran an open cart sorting exercise with 6 Participants. The data from this gave me insight into how the app should be structured and from there I created a site map.
Card Sorting
Sitemap
04. WIREFRAMES
I designed Coffee Chat's interface using an iterative method, working from low-fidelity paper sketches to a high-fidelity prototype.
At each fidelity stage I conducted usability tests to find areas for improvement.
05. USABILITY TESTING
Test Objectives
​
​
-
Observe how users navigate through the main tasks such as logging in, filtering experts, accessing their reservations, calling an expert, and rate and reviewing.
-
Can users easily find the filter icon?
-
Can users access their reservations and call an expert?
-
Can users easily rate and review an expert after a call?
Participants
​
Six usability tests were conducted of the Coffee Chat App. Four participants were in-person interviews and tested the mobile prototype on an Iphone 8 using InVision. The other two interviews were done remotely via zoom.us screen sharing software and were tested on the participant’s Mac on the InVision website but still the mobile prototype.
Check out my Usability Test Script and Consent Form.
Test Results
Test Report
Conclusion
The usability tests were imperative to helping solve the problems of the apps most important features. The on boarding screens and filter features need the most improvements in order or Coffee Chat to become user-friendly for our primary personas.
06. DESIGN DOCUMENTATION
07. USER FEEDBACK
Improvements from Feedback
Improvements from Feedback
Improvements from Feedback
Improvements from Feedback
08. PROJECT OUTCOMES
The Coffee Chat project gave me experience from the UX research process to designing the final prototype. Understanding the user by creating user personas and user flows based on surveys and interviews was so important to the design process.
​
​
​
​
​
​
09. FINAL PROTOTYPE
I enjoyed the usability testing stage because it helped me learn a lot about the users needs and helped me get validation of my designs. The completed prototype was created with InVision and is ready to hand-off to a developer.
​
​
