1. An app that enables nearby friends to fix up
last minute appointments with one another
2. “Sup” App Design Process
Discover
business/users issues,
priorities, opportunities
and goals
Define
problems to solve
Develop
solutions
Deliver
findings,
recommendations
and a useful and
usable product
● Affinity Mapping*
● Personas*
● Storyboarding
● User Flows
● Content Strategy
● Sketching*
● Wireframing*
● Prototyping
● Usability Testing*
● Iterations
● Stakeholder Interviews*
● User Interviews*
● Usability Testing*
● Heuristics Evaluation*
● Competitive Analysis*
● Client Pitch*
● Working prototype
● Project report*
Main focus: Project management
*indicates areas I was involved in
3. User Interface Issues to Solve
1. Onboarding/Permissions
2. Homescreen UI
3. Find me Someone screen
4. Other User Interface issues and labels on other
pages.
4. Home Screen
Current Screen Recommendations
Create a consistent Navigation
bar. User will have quick
access.
5. Event Screen
Current Screen Recommendations
Ask a question?
Remove Contacts. Add
Status Message, Guiding
instructions
Change label, Call to
action
Time & Venue
Editable
Make layout
scannable elements
11. Scenarios & User flows
Find nearby
friend(s)
Decide on
activity
Have an activity
in mind
Invite friend(s)
to join
12. Current Onboarding screen
App’s intention is not clear at
the landing screen.
"Who will you meet today"
seems to suggest a dating
app
There is no call to action
button to perform this
function.
There is no call to action button to
perform this function.
Users are also unsure what the app
is about and are unwilling to give
their personal details.
13. Improved Onboarding screen
Instead of asking for all the users' details at the start, progressive disclosure allows for
these to be collected in context throughout the app.
14. Current Home screen
Tapping on "Now" allow
users to set event time,
which contradicts
Users do not understand
what "Current
Neighbourhood" mean –
Does it suggest food places
nearby or people nearby?
App’s main aim is for users
to find friends who are
nearby.
However, this is not shown
on the main screen.
15. Main screen shows
number of friends nearby
and allows for “activities”
Current Improved
Improved Home screen
16. Current
Profile
Users do not understand what
“Common connections”, “1st” and
“2nd” mean
Users do not understand what
“20% chances of finding a
friends on SUP mean
Settings button is hidden until
user scrolls down
Interests has no correlation to
what is offered by the app
Common connections and short bio
seems to suggest that the app allows
for strangers to connect
17. Current Improved
Settings button is shifted
to match conventions of
having it on top right
Activities is in line with
what the app offers
Improved
Profile
18. Current Activities
Invitation
Users are unable to change venue
and time
Users are not sure what "Friend in
your city" mean
Users are not sure where their invite
goes when they check "Someone
new"
Users understood this as sending
invite to random people on the list
Users are shocked that invites
are sent without them knowing
who the invites are sent to
Users also misunderstood this
page as the app posting on their
Facebook wall without their
permission
19. Improved Activities
Invitation Current Improved
Allow users to select
specific friends from
1) Facebook
2) Phone Contacts
Give users an option to
review their invite before
sending it out
20. Current
Receiving
invitation
Users are confused by who "I'm" refers to – the
sender or recipient?
If it is the recipient, then why does the system
register me as going when I have not made up my
mind?