Ping
UI/UX mobile app
PING
Ping is an app that helps people locate a friend using Augmented Reality in big crowds. It allows the user to have more control of a frustrating situation. Whether at the beach or music festival, you can easily find your friends with Ping.
Roles + Responsibilities
- Lead Ideation and Presentation
- Research and Wireframe UX
- Design HIFI Screens
Scope + Constraints
The constraint was a 6 week timeline and no budget. The assignment was to ideate and design an app. The focus is to help people and make it easier for user.
Context
In a crowded open space, like the Color run, people usually go with friends. You go and meet up with friends, but since it’s an open space and you’re unfamiliar with the location, it’s hard to locate them. There are two giant air pineapples and your friend says meet me at the pineapple, but you don’t know which one. You are texting each other and they keep on moving, so you can’t really track where they are, unless you get on the phone and figure out where to meet.
Side note: Color Run, is a where you run/walk and powdered color is thrown at you. In the end you end up looking like a rainbow, and it’s a very fun event.
Personas
These three personas show the pain points that audiences have and the goals they want to achieve.
Research
In this research I surveyed people and asked important questions to better understand the users’ needs.
User + Audience
The age range is a younger audience because they are more likely to use an app that has Augmented Reality.
People ages 16-40
How people communicate
I sat down with nine people and conducted a quick quantitative interview.
Qualitative Research
I sat down with twenty people and conducted a 5 min qualitative interview.
Asked 20 people: Have you used apps that share your location and what problems have you had?
65%
said they don’t like sharing the location all time.
50%
said the main problem is not being able to see exactly where friends are.
Questions I asked myself
How can users communicate with each other?
Do I need a contacts page?
Is AR the best solution?
How can I make this accessible?
What colors are best for screens during sunlight?
What icons are recognizable?
Do users understand that their location is a ping?
User Flows
These user flows are showing how to log in and how the user can navigate from the main screen, which is contacts, to seeing things in AR mode.
Log In
Notifications User Flow
Wireframes
Color + Font
Hifi Design
Conclusion
I’m happy with how the app has evolved. At first, it seemed like it going in a different design direction. With wireframing, the result came out to be better than expected. Going forward this needs to be user tested more. I’ve improved on the UI, but testing will show what else I can add.