Introduction

Improving the Good Samaritan experience.

Mobile APP startup

AidMate.

by Project DockYo

“Because it proves you don’t need to change the world for the better. You can start with the most ordinary ingredients. You can start with the world you’ve got.”

-Catherine Ryan Hyde, Pay It Forward

STARTING LINE

A NEW KIND OF SOCIAL NETWORK

AidMate is a mobile app designed by the AGILE team, Project Dock Yo. The Project Dock Yo startup team had the goal of creating an app that would utilize a user's already existing social network to find and create groups for upcoming projects, whether you're creating a website next month, moving apartments next week, or really need to jumpstart your car right now.

An AGILE Team

MY ROLE

I was initially brought on as a graphic designer early in the app’s development. As I became more involved in the project, my duties expanded to include more UX and UI as the team’s Lead Designer.

Read on for a full review of the AidMate Design Process.

 
 
 
 
 
AidMate Case Study - Portfolio (3).png

INTERVIEWS

I am sure it won’t be as meaningful to anyone else, but it was seriously the highlight of my 2010.

Through user interviews, we honed in on exactly what are goals were. Everyone was able to recall a time when they had received help, with no promise of a reward. Often these instances were years ago, but had left such a strong impact that years later, people could recount their stories in vivid detail.

THE PROBLEM

People need a way to utilize their existing social network to aid each other in the struggles of everyday life.

These days, everyone is connected through social networking sites like Facebook, Twitter, Instagram, SnapChat, and so many more. However, there is not a quick, simple way to leverage your existing networks into an actionable way to solve everyday problems.

THE SOLUTION

A New Way to Aid Others

Give Help

  1. Log your personal abilities and skills.

  2. Receive a notification if your friend needs help with a task you’re good at.

  3. Aid your friend!

Get Help

  1. Request help and specify the type of help you need.

  2. Friends with matching skill sets are notified.

  3. Receive aid from your friend!

The Design Process

Turning a Concept into a Deliverable Prototype

  1. Card Sort

  2. Site Map

  3. Wireframing

User Persona

CRAFTING A HUMAN-CENTERED DESIGN

Understanding who we’re designing for. What are they’re behaviors? What do they need? What are they trying to accomplish?

 1. Card Sort

Card Sort

DENDROGRAM

Once Key Features and Pages within the app were locked down, users were asked to sort them into whatever categories they felt made the most sense to them. 4 distinct categories were apparent as highlighted in the dendrogram above.

Taking those categories as the most important pages within the app, a sitemap was created.

 2. Site Map

SITE MAP

INFORMATION ARCHITECTURE

The Site Map was drawn up as a direct translation of the data gathered in the Card Sort to create an intuitive and easy to navigate application.

AidMate Case Study - Portfolio 7 - Site Map.png

NAVIGATION BAR

GETTING AROUND EASILY

The easiest and clearest way to navigate through the app.

4 icons total, one for each of the categories from the Card Sort Activity, plus a central button for the app’s key action.

 3. Wireframing

PAPER PROTOTYPE

EARLY STAGES OF USABILITY TESTING

Quick. Efficient. Feedback on overall design direction from real users in minutes.

Testing agreed with the initial research from the Card Sort; the Navigation Bar was found to be an intuitive way to organize the the app’s content.

However, users needed more context for how to use the app to fullest.

EARLY FEEDBACK

MAKING ADJUSTMENTS

Onboarding screens were drawn up, sent through a second round of testing, and then later incorporated into the Low-Fidelity Wireframes giving users a better sense of purpose when using the app for the first time.

LOW FIDELITY PROTOTYPING

MOVING UP IN FIDELITY

With the data in from the paper prototype, it was time to boot up Sketch and move the app into Low Fidelity.

MORE FEEDBACK

MEETING USER NEEDS

Another change here based on user feedback. Users were finding the broad ability to search for any skill far too daunting.

This screen was changed to instead also prompt a few recommendations for the user to select from as a less intimidating way to add skills to their profile.

HIGH FIDELITY PROTOTYPE

FINAL DETAILS

The final stage of the design process as the prototype was made ready to hand off to the team’s programmer.

 PAYING IT FORWARD

The Next Steps for AidMate


AidMate Case Study - Portfolio.png

Wider Webs

3rd Party Login.

Use of 3rd Party profiles (Facebook/ Google) to quickly login a user and import their existing social networks.

Beyond Help

Study on Help Categories.

Research on what are the niche fields that users are experts in and which fields are in high demand for core user base.

+10pts

Reward System Gamified.

Potential to introduce a reward system to encourage super users. Humble thank you message vs gamification vs payment.


AidMate Case Study - Portfolio (1).png
 

Thanks for Reading!

AidMate Case Study - Portfolio (2).png