Dribble | Mobile App

Swipe Right for a Job

It's like Tinder for jobs. Let's find the perfect match!
PROJECT TYPE: Hackathon
ROLE: Lead Wireframer
TEAM: Anuka Mend, Eliva Franco
DURATION: two weeks

Starting Point

TLDR

The three of us, Anuka, Eliva and I, were taking about how frustrating it is to apply for UI and UX jobs when normal applications ask for education first and don't have space to show your work. We also talked about how tiring applying to job after job gets and it can be discouraging.

We started to do some research and realized Dribbble doesn't have a job search feature and thought Dribbble could be the perfect pair for our idea.

So a question was proposed, Can we build an app where job hunting could be fun? One that can put our work as the focus over education and experience?
Dashboard mockupiPhone mockup

Problem

Creative job applications aren't creative and don't show off the work the applicant feels proud of.

Second problem is how tiring and boring job applying can be. The never ending process makings it hard to stay motivated to keep applying to jobs.

Solutions

Create an app like Tinder where users can swipe left and right on jobs. The swiping then send the users profile/application directly to the company.

Challenges

1. How can we make sure employers keep their application short, but has everything the applicant needs?
2. What do we actually have time for?
3. Being careful of the designer bias because I am a target user for this app.

User Knowledge & Testing

20 people surveyed with questions like...
Are you currently job hunting or have you actively searched for employment within the past 6 months?
What frustrates you most about the job hunting process?
What is most important to you when job hunting?
Which employment app or service do you prefer?
What is your favorite job search app or service feature?

79% say too many qualifications

Applicant are bother by jobs that say "entry level" but then ask for 3-4 years of experience or qualification that no entry level person holds.

67% love easy apply

Linkedin's easy apply feature is popular do to how quick and easy it make applying to multiple jobs.

52% will abandon applications that are too long

Section after section after section after section makes someone say "nope not worth it". Applications need to be easy and short if an employers wants many applicants.

Site Map

Dashboard mockup

Wireframes

Crazy 8's

The first thing the team did was multiple rounds of crazy 8's to try to get ideas going. (not pictured)

Quick work

We took five minutes each to work on the same screens, a profile and timeline. From there we analyzed what we liked and didn't and then I took all the ideas to make the final frames for Eliva to bring into low-fi.

Timelines

The timeline screen was created to show applicants where they were in the process to help them not get discouraged.

Nav bar

The navigation bar went through many versions trying to figure out which version was better. The top is crowded but is great for accessibility. The bottom looks clean and follows Dribbble's branding more closely, but without text it's hard to know what each button is.

Challenges & Solutions

Challenge One

How can we make sure employers keep their application short, but has everything the applicant needs?

Employers have a lot they need to convey in a small application which is the opposite of what Dribbble job is trying to do.
Solution One: Keep a word count on each section.
Solution Two: Use tags in the work values and featured benefits section so it doesn't feel like a long list of words.
Dashboard mockup
Challenge Two

What do we actually have time for?

Hackathons are short timeframes made to focus on the MVP. However with Dribbble jobs we needed two different sides to the app, one for employers and one for applicants.
Solution One: Just focus on the applicants side. In the presentation we would take about what the employers side could look like but emphasis that the time needed to be spent on the applicant side.
Solution Two: By showing the profile the user can create we are also then showing a snippet of what the employers can see.
Dashboard mockup
Challenge Three

How do we avoid designer bias?

This idea came to be out of the frustration the three of us had with applying to jobs. Being the target audience we could have easily just made it about us, but that wouldn't have met all the user needs.
Solution One: Annotate the wireframes with the user data to back up decisions.
Solution Two: Knowing that there is a tendency to create a product for us we can be aware and check ourselves.
Dashboard mockup

Wire Flows

In the short time focusing on what we could, we opted to not fully show a proper flow. If we had more time I would have liked to show the swiping left and right on jobs, more detail in the timeline and checking on previous applications.
Dashboard mockup

Style Guide

UtilityGenius

Using Dribbble as our brand, we pulled its style guide from its branding page. Our job was to say as close to the original branding as possible.
Dashboard mockup

Takeaways

Dribbble jobs made me realize how easy yet challenging designing something for yourself can be. While we could reference our own frustrations and pain points of job applications we also had to be very careful of the bias that could create.For example, at one point we were considering not putting a section for values in simply because the three of us thought it was more important to people to find a job and get quick information over knowing the companies values. When we went back into the user research we saw how many people mentioned values being important and realized our own bias had taken over.One thing I loved about this project was how collaborative our team was. We all worked on the same tasks in short timeframes, took the best of the work and kept going. When it came to divide and conquer we could look back at all the previous short work, see where the strengths of each of us lay then work individually.