97
Autopply Submitted in partial fulfillment of the requirements for the degree of Master of Science in User Experience and Interaction Design By Suneet Patil, May 04 2018 Auto-save. Auto-fill. Auto-track.

Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Autopply

Submitted in partial fulfillment of the requirements for the degree of Master of Science in User Experience and Interaction Design

By Suneet Patil, May 04 2018

Auto-save. Auto-fill. Auto-track.

Page 2: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Table of contents

OverviewAbstractStakeholdersProject Description

Business RequirementsMissionShort term goalsLong term goalsObjectivesSuccess metricsSWOT analysisGrowth strategyBusiness model canvas

UX Research & DesignDesign ProcessResearch strategyOnline ResearchSurveysInterviewsContextual InquiryPersona developmentUser JourneyIssuesOpportunitiesBlue-sky BrainstormingSolutionsConceptCompetitive analysisInterviews

05060708

091011121314151617

18192021232629303233343536373840

Page 3: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Table of contents

Refined ConceptWireframes - Initial sketchesWireframesSitemapStoryboardsRisky AssumptionsRapid ValidationRevised Wireframes

Visual DesignBranding & IdentityMoodboardStyle guide and UI kitMockup of UI designs

Testing & IterationInteractive prototypeUser testing plan & scriptsUsertesting.comUser testing findings & feedbackInterviewsRecommendationsRevised UI designs

ProductionFunctional requirementsContent & data requirementsDatabase designInformation ArchitectureDevelopment practices & methodologyProject production schedule- GANTT (original)

4142435051535556

6263666768

7576777879818283

90919293949596

Page 4: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Table of contents

Project production schedule- GANTT (Actual)

Graduate Candidate BackgroundStudent BioStudent ResumeSelect worksThesis reflection

97

9899

100101102

Page 5: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Overview

5

Page 6: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

The job application process is painstaking for recent graduates and those who are

unemployed or underemployed. This is because of the large number of job boards

used by them to find job postings, them having to fill long & repetitive forms and

then them having to track these jobs applied across various websites, job boards

and portals. This leads to them spending superfluous time and efforts, and may also

result in them not landing a suitable job.

The tracking systems existing today expect users to manually put in all the details

and don’t fit into the software ecosystem used by these people, thus discouraging

them from subscribing for an additional tool.

This document explores the feasibility of developing an automated system which

would help users search, save and track their job applications in a much quicker and

efficient manner, thus reducing the frustration and minimizing the time and efforts

spent.

Abstract

6

Page 7: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

1. Michael Begley

Adjunct Professor of User Experience Design,

Thomas Jefferson University

2. Tony Robertson

Adjunct Professor of User Experience Design,

Thomas Jefferson University

3. Neil Harner

Director to Animation & Interaction Programs,

Thomas Jefferson University

4. Hopeful Harry

Senior Year Undergraduate Student,

Thomas Jefferson University

5. Ambitious Alan

Construction Manager,

KAKS & Company LLC

7

Project Stakeholders

Page 8: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Autopply is tool for students looking for job to search, apply and track their job

applications in a more efficient way. Thus reducing the time and effort they put into

the job application process, making it less frustrating for them.

Autopply comprises of two main components -

- A browser plugin and

- A web application

The browser plugin helps in the search and apply phase of the process while the

web application helps in the tracking stage.

Using the plugin, users can find out about their previous visits to a particular job

posting. Also using it, users can fill long job applications in a much quicker way.

The web application collects all the application data captured by the plugin so that

and organizes it in a way which makes it suitable for users to access it whenever

they need it.

Project Description

8

Page 9: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Business Requirement

9

Page 10: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

The mission of Autopply is reduce the unemployment and underemployment rate

by helping the target audience find suitable jobs in their field of study. Autopply

aims to achieve this by improving the job application process experience by

making it more efficient, thus improving the chances of the users to land their

desired job.

Mission

10

Page 11: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

1. Create and launch the website Autopply.com

2. Launch plugin for Google Chrome

3. Market the service through online advertisement and email campaigns

4. Collaborate with career service centers in various universities

5. Track analytics and get feedback from users

6. Release 2.0 based on the feedback

Short term goals

11

Page 12: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

1. Launch plugin for other browsers

2. Partner with popular systems like Gmail, integrating their functionalities in

Autopply

3. Create a mobile app for users to track their application info on the go

4. Advertise on partner platforms like job boards

5. Put a save to Autopply widget on all partner sites

6. Become the go to tool for job application process management

Long term goals

12

Page 13: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

1. To provide all the job search related information in one place

2. Help users save information and apply to job applications quickly

3. Also help them organize and track their applications more efficiently

4. Remind them about their job interviews and pending follow-ups by giving

them a provision of setting reminders through the applications

5. Users must be able to integrate seamlessly with the set of applications they

are currently using for their job search

6. Users must also be able to access any particular piece of information stored

in the web application whenever they require it

Objectives

13

Page 14: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

1. The success of this system will depend on the number of users signing up for

the service

2. Another important parameter would be their period of stay i.e. how long did

they use the system for

3. The most important factor would be the seamlessness with which users are

able to integrate this app into their job application process

4. Another metric could be the number of users choosing to sign up for the paid

version

5. User feedback and customer queries is also a crucial qualitative metric of

success

Success Metrics

14

Page 15: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

● The applications covers all 3 phases of the process

● The application complements existing tools used by the users

● The system minimizes the need of manual input from the users

SWOT Analysis

15

Strengths● The system has a slightly

steep learning curve● It needs to learn about the

user before it can provide the best experience

● The system might not integrate well with all the current popular job tools

Weaknesses

● There are very few tools like these out there

● The automation feature hasn’t been used much in the job search domain

● The system features an AI, something not present in competitor systems

Opportunities● People might be averse to

the idea of trying a new system

● People might not understand the system

● People might not realize the usefulness of the system

Threats

Page 16: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Social media marketingSocial media is becoming an integral part of marketing. Social media can build up a

substantial amount of followers who will be inclined to try out, and maybe start

using Autopply for their job application process.

Collaboration with universitiesPartnering with career service centers in universities for the promotion of the tool.

Autopply can be promoted as the suggested tool for students for tracking

applications by the university.

Direct and email marketingPostal mailings are still an effective means to communicate with constituents. The

Direct Marketing Association’s 2012 report shows that the average business

makes $7 for every dollar spent on direct mail. The typical business makes $28.50

for every dollar spent on email marketing efforts. These types of communications

will work well together to spread the word about Autopply.

Advertisements on partner websites

Autopply will collaborate with a number of popular services which are currently

being used by users for applying to jobs, thus reaching out to the right target

audience and making them aware of Autopply’s availability and features.

Growth Strategy

16

Page 17: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Business Model Canvas

17

Key Partners

Who will help me?

1. Job boards2. Career service centers in universities

Key Activities

How do you do it?

1. Creation of the web application2. Sales & Marketing

Key Resources

What do you need?

1. Website - servers, etc.2. Employees - Design, development, sales & marketing teams

Value Proposition

What do I offer?

1. Automated system - Newness, Performance and Convenience2. Artificial Intelligence - Performance and Convenience3. Dashboard & application organizer - Design4. Free to use - Price

Customer Relationship

How do you interact?

1. Automated services through chatbot2. Personal assistance

ChannelsHow do you reach

them?

1. Advertisement on partner sites2. Website - registration & service delivery

Customer Segments

Who do you help?

1. College students2. Unemployed3. Under- employed4. Career transitioners

Revenue Streams

How will you make money?

1. Job boards advertising on dashboard2. Subscription fees for pro version [additional storage]

Cost Structure

What will it cost?

1. Employee Salary - design, development, marketing & sales teams2. Technology expenses - Website hosting, domain, etc.

Page 18: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

UX Research & Design

18

Page 19: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

I chose to follow the double diamond design process for this project since it lays

down all the stages well and is also an iterative process rather than a linear process.

According to this process, I created a prototype based on research, and then based

on the feedback from user testing done using the prototype, I kept iterating the

product.

Design Process

19

Page 20: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

I used a number of research techniques first to discover a problem and then to

define it and finally for building the solution.

In the discovery phase, I observed around me for issues faced by various

individuals, spoke with my peers with problems faced by them in their daily lives

and also researched trending technologies to find a problem which needed to be

solved.

Finally I narrowed down on the issue of unemployment, especially the applying for

jobs part which was a painstaking process. And my observation was confirmed

when I saw people around me applying for jobs and struggling with the process.

And also my previous experiences while searching for internships.

So I began with online research and realized the issue of unemployment was much

serious than I thought. I also used surveys, interviews, contextual inquiry, persona

development and user journey mapping during the discovery and define phases of

my project.

While using techniques like blue sky brainstorming, wireframing, prototyping,

storyboarding and rapid validation in the build phase.

Research strategy

20

Page 21: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Unemployment stats- Current unemployment rate in the US is 4.4% with the number of

unemployed people at 7 million.[1]

- Long-term unemployed (longer than 6 months) make up 24.3% of the

unemployed at 1.7 million. [1]

- 68% of employees believe they are overqualified for their current job.[3]

Millennial stats- In 2015, Millennials became the dominant demographic on the labor

market.[2]

- Millennials have the highest rates of unemployment and

underemployment.[3]

Recent Grads stats- 44% of recent grads found it difficult or extremely difficult to find a job.[4]

- 49% of recent grads accepted a lower salary or compromised on benefits. [4]

- 54% of recent grads consider themselves underemployed, up from 51% in

2016 and 41% in 2013[4]

- 94% of 2017 grads expect to find a job in their field of study.[4]

- Only 57% of recent grads work full-time in their field of study. [4]

Time spent looking for work- Job seekers will spend an average less than 11 hours a week looking for

work. [5]

Online Research

21

Page 22: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Sources

1. US Bureau of Labor Statistics

2. Pew Research 2015

3. State of the American Workplace Report Gallup 2017

4. Gen Z Report Accenture 2017

5. Careerbuilder

6. https://www.forbes.com

Online Research

22

Page 23: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

For the survey, I chose to use Typeform, since it’s more intuitive and personalized

as compared to Google forms, which works better for collecting qualitative data. I

sent the form to people in my network and asked them to spread it on theirs.

I asked users about their academic status, the number of jobs, internships they’ve

applied to and their experience including notable findings and pain-points while

applying for them.

Surveys

23

I used Typeform for the survey

Page 24: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

I also asked them about the job boards they use to apply for jobs, which one they

prefer and their reason for liking it.

I also inquired about the methods they use to keep track of applied jobs as well as

the tools(if any) which they use to currently track their job applications.

I also asked them about the device [desktop, tablet, phone] and the web browser

used by them for their application process.

Surveys

24

I used Typeform for the survey

Page 25: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Findings● Average number of jobs applied was 100-125

● Most people preferred LinkedIn

● Chose LinkedIn since it seems trustworthy, less spam and provided

additional info about the posting

● Everyone had their own way of organizing

● None of them used online tools for tracking

● Most prefered to use Desktop to apply for jobs

● The prefered browser was Google Chrome

Surveys

25

I used Typeform for the survey

Page 26: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

The survey helped me narrow down on a focus group of twelve who I then

interviewed through phone or in-person. I asked them similar questions but with a

more qualitative focus, thus getting to know the issues faced by them and also

discussing with them the possible solutions which they thought might be useful.

I also asked them to walk me through their process and noted the methods/tools they used to record the places they’ve applied.

Interviews

26

I conducted 12 user interviews

Page 27: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Career Services Center

● Approached to find the various

job application process related

issues faced by students.

● Asked them about the number

of students approaching them

● Data about the most common

problems faced by students

● Kind of insights/information

that would be of help to students

Interviews

27

Page 28: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Interviews

28

Insights

● 922 students visit them every

year & a lot of email requests

● A range of problems spread

throughout the process

● Students unsure of how to

follow up when to follow up &

how long to wait for a response

With so many job boards, students find it difficult to keep a track of all their applied jobs resulting in them

losing out on opportunity.

- Ainsley Maloney

(Director Industry Relations, Career Services Center)

Page 29: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

I also conducted contextual inquiry by going to places where my focus group applied from and observing them apply for for jobs and noting the applied jobs, while asking questions about the various decisions they took and documenting the tools they used.

Contextual Inquiry

29

Gmail folders and bookmarks Google Docs

Microsoft Excel Post-it notes Notebook

Page 30: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Persona development

30

Hopeful Harry [Job seeker]

Intro

▷ In his final semester of grad program▷ Searching for an entry level job

Goals

▷ Find a job in his field which pays well▷ Apply to as many companies regularly

and manage his applications

Pain-points

▷ Quite confusing for him to remember all the places he has applied to

▷ Forgets to follow-up resulting in loss of opportunity

Age: 23

Profession: Student

Education-level:

Post graduate

Field: UX Design

Page 31: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Persona development

31

Ambitious Alan [Job seeker]

Intro

▷ Not happy with his current job▷ Searching for better job opportunity

Goals

▷ Find a job which matches his qualifications▷ Get the new job as soon as possible

Pain-points

▷ Not enough time to apply due to work▷ Can’t keep track of which job board he has

used to apply for which jobs

Age: 28

Profession: Site

Manager

Education-level: PG

Field: Sustainable

Design

Page 32: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

The application process is divided into three major phases:

1. Search

2. Apply

3. Track

User journey

32

Track

Noting down all the applications they’ve applied to and then keeping track of them

Search

Searching for jobs across job boards and company websites

Apply

Filling out the application forms and uploading documents

Page 33: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Based on the quantitative and qualitative data collected from the interviews and

contextual inquiries, I segregated the pain-points accross the three stages of the

job application process.

Issues

33

Track

● Keeping account of applications

● Companies applied to

● Date applied on● Documents used● When to

follow-up

Search

● Too many job boards

● Spam Links & Emails

● Same posting on multiple sites

● Unhelpful job suggestions

Apply

● Long forms● Repetitive data● Saving all the

information about the job

Page 34: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Based on the issues faced by the target audience accross the three stages of the

job application process, I came up with a list of opportunities in those stages.

Opportunities

34

Track

● Organizing information

● Making it easy to access

● Notifying applicants of when to follow up

Search

● Suggesting relevant jobs

● Keeping track of duplicate job postings

● Keeping record of the visited postings

Apply

● Help fill forms in a faster way

● Helping save information in a quicker way

Page 35: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Blue sky thinking refers to brainstorming with no limits. With this approach to idea

generation, ideas don't need to be grounded in reality. Rather, blue sky thinking

sessions are open to all creative ideas regardless of practical constraints. This

helped me come up with ideas to solve the previously listed issues

Some of the ideas

● Browser Plugin for easy apply

● Statistics about applied jobs

● Automated tool for storing job postings● A system which provides suggestions based on various factors

Blue-sky Brainstorming

35

Page 36: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Using the ideas that came out of the brainstorming and applying it to the

opportunities, I listed the possible solutions that can be implemented accross the

three stages of the job application process.

Solutions

36

Track

● Data scraping● Data organization● Email tracking &

reminders

Search

● Plugin to mark job postings

● Something to track job posting on other sites

Apply

● Browser plugin to auto-fill forms

● And to auto-save information

Page 37: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

The web application collects all the application data captured by the plugin so that

and organizes it in a way which makes it suitable for users to access it whenever

they need it.

Concept

37

An Web application with a plugin

Autopply will help you manage all your applications at one place.

And with the plugin, you can auto save & autofill as you apply!

Place your screenshot here

Plugin

Autopply

Page 38: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

1. CareerShift.com

CareerShift was created to help job seekers successfully navigate the published and hidden job market to find career opportunities.

Pros:

● Onboarding tooltips and video tutorials are available to make it easy for the users to get acquainted with the platform.

● It’s easy to create and store as many resumes and cover letters as you want.

Cons:● The subscription of CareerShift is expensive, Its costs $ 49.95 a month.● The login has a lot of form fields to fill in and is lengthy.● The user has to input information manually every time.

Competitive analysis

38

Page 39: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

2. JibberJobberJibberJobber is a contact management system for job seekers. It provides a systematic approach for organizing and working your search. The core of the system is the contact database. You can add companies, recruiting firms and job boards, and you can add specific contacts at each organization.Pros:

● Field for categories that allows to create specific groupings for your companies.

● Helpful if pursuing opportunities in multiple industries.● The system also allows the attachment of documents – resumes and cover

letters.● Tracking system for the contacts helps leverage each contact effectively.

Cons:● The DMS requires entering information each time you do something with

your search.● There are so many features that it is a little overwhelming.● .There are not enough tooltip popups and a clear roadmaps for using the

system.

Competitive analysis

39

Page 40: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

I conducted another round of interviews, this time focussing on my competitors

and testing them out with my focus group. One of the most surpising findings was

that none of them used any of my competitor applications, so I tried to find out

why.

Why people aren’t using the existing tackingtools?

● Most didn’t know about them

● People thought they are too complex

● People don’t have time to manually enter all the information needed by

these systems

● Few found them to be too costly

Interviews

40

Page 41: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Components and Modules

Refined Concept

41

Web Application

A one stop for all your application related information and tools, organized in a systematic manner

Applications

Categorized list of applied jobs including information about the company, position & the application

Profiles

Storing application profiles for one click filling of forms and submitting associated documents

Plugin

A tool to help you mark postings, autosave information about job postings and auto-fill forms.

Email tracking

Use your [email protected] email to apply and all your job related emails would be tracked and organized automatically

Documents

Organizing all your application related documents in one place including a resume editor and a cover letter generator

Page 42: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Wireframes - Initial Sketches

42

Page 43: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

43

Wireframes

Plugin

Plugin- Saving post

Page 44: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

44

Wireframes

Plugin- Form filling

Dashboard

Page 45: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

45

Wireframes

Fill Form

Timeline

Page 46: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

46

Wireframes

Job Profiles

Notifications - Calendar View

Page 47: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

47

Wireframes

Jobs

E-mails

Page 48: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

48

Wireframes

Profiles

Notifications

Page 49: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

49

Wireframes

Documents

Page 50: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Sitemap

50

Dashboard Jobs Profiles Documents Mailbox

Job posting 1Job posting 2Job posting 3

.

.

.

My Skills

Profile 1

Profile 2

Profile 3...

Resumes

Cover letter templates

Message 1

Message 2

Message 3...

Mark Posting Fill Form

Plugin

Notifications

Information

Web Application

Page 51: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Storyboards

51

Need to apply to at least 30 jobs today!

Filling these forms is taking so much time! I have just done 10

so far.

Still 3 more to go...Wait, i think i

have applied to this before

Need to apply to at least 30 jobs today!

With one click saving and filling, I am almost done!

Its been great! Thanks to Autopply

its going great!

Hey there! How is your job hunt going?

Page 52: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Storyboards

52

Oh! A call from the recruiter..

Hey! You had applied to our company and i

wanted to ask you….

Ya, just a minute...

Shit! I have no idea when I applied...

Where did I note it down? I just can’t find it...

Hello...can you give me another minute please..

Oh! A call from the recruiter..

Hey! You had applied to our company and i

wanted to ask you….

let me check on Autopply.

Hi Tom, as per our previous discussion...

Good that Autopply saved everything..

Ya, just a minute..

Page 53: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

While creating my product and the scenarios portrayed in the storyboards, I had made few risky assumptions.

So I created a risky assumptions matrix to map out all my assumptions.

Risky Assumptions

53

Page 54: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

According to the

matrix, my top three

riskiest assumptions

were:

1. People will find

the system

simple to use

2. People will

prefer my

system over

their own methods

3. Automating the

process will help

reduce the time

& efforts spent

Risky Assumptions

54

Page 55: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

● Fake front-end○ Showed them wireframe sketches○ Asked them about what they thought about various components and

the overall flow of the system

● Fairy Godmother/Vapor Test○ Asked them to apply & save a job posting○ Gave a demo of how it will be done in my system using dummy data○ Asked them to compare the experiences

● Fake back-end○ Simulated the application process using Axure prototype○ Got their feedback on performing various steps of the process using my

system

Rapid Validation

55

Page 56: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

56

Revised Wireframes

Plugin- Information

Plugin- Fill Form

Page 57: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

57

Revised Wireframes

Plugin- save posting

Plugin- successfully saved

Page 58: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

58

Revised Wireframes

Dashboard

Save Posting

Page 59: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

59

Revised Wireframes

Messages

Mails- Priority list

Page 60: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

60

Revised Wireframes

Application timeline

Profiles

Page 61: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

61

Revised Wireframes

Documents

Profiles

Page 62: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Visual Design

62

Page 63: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Information gathered in the research phase of the branding process helped me

better articulate the vision behind the logo and my brand. This included an analysis

of the marketplace my brand is a part of— such as who is my target audience is,

how competitor brands are perceived, and most importantly, how my brand can

differentiate itself.

I wanted a name which will reflect the unique selling proposition of my product

which was automation. Thus I came up with the name Autopply since my system

would help automate the job application process.

mate + A =

The name also helps me represent how I want the users to perceive my brand. The

words I would like my brand to be associated are:

● Automated

● Simple

● Informative

● Helpful

● Actionable

Branding & Identity

63

Page 64: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Logo

Through the logo of Autopply, I wanted to fuse the concept of automation and job

application. Hence I chose to combine the symbols which are a universal

representation of automation and jobs.

+ Automation Jobs

Branding & Identity

64

Page 65: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Logo

But it’s not just the symbol, the logo is a combination of symbol and text colored

using gray and a vibrant shade of red. The reason behind this is that thought I want

my system to contain all information, I want the users to be able to find the right

information at the right time.

And this is made possible by having all the information in gray and the important

information on which the user needs to focus on is painted in red, thus caputuring

their attention.

While the tagline explains how my product helps in all three phases of the job

application process.

Branding & Identity

65

AutopplyAuto-save. Auto-fill. Auto-track.

Page 66: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Moodboard

66

Page 67: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Style guide and UI kit

67

Page 68: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

68

Mockup of UI designs

Login

Plugin

Page 69: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

69

Mockup of UI designs

Plugin

Plugin

Page 70: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

70

Mockup of UI designs

Dashboard

Applications

Page 71: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

71

Mockup of UI designs

Applications

Profiles

Page 72: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

72

Mockup of UI designs

Profile

Documents

Page 73: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

73

Mockup of UI designs

Resume

Cover letter generator

Page 74: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

74

Mockup of UI designs

Mailbox

Page 75: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Testing & Iteration

75

Page 76: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

● Linking the wireframes created in Axure, I made an interactive prototype

which the users could click through.

● The prototype simulated the way the system would work and was used for all

the major user testing.

● The prototype underwent a number of iterations and the final version can be

viewed using the link provided below.

Interactive Prototype

76

https://kh5auf.axshare.com/#c=2

Page 77: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Plan

● The usertesting was done through in-person interviews as well as remotely

through usertesting.com

● I conducted 6 interviews in-person showing them the prototype on my laptop

screen

● While I sent the prototype link to 3 users and got their feedback through

phone

● Also created tasks and a questionnaire for user testing.com and conducted

three interviews through it

Script

● Before I explained the system to my interviewees, I wanted to get their initial

impressions and thoughts about the system, so I let them explore by clicking

through the prototype and asked their feedback on it

● Then I moved on to specific tasks, like show me where can you find

something or how will you use a particular feature of the web application.

● Finally after they’ve understood what the system is for, I asked them about

their final thoughts on it and also asked if they found something confusing or

missing in the experience

● I also asked them for their suggestions to further improve the system

User Testing Plan & Scripts

77

Page 78: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

● The three individuals who tested my prototype were from US, UK and

Australia respectively aging between 25 and 40

● They liked the idea of the system and found it useful for people who would

be applying for a ton of jobs, which most of their friends did

● I got some really good feedback as some of them pointed out to features

which I thought to be useful, but felt redundant to them

● Some of them found the navigation labels a bit confusing, but other than that

felt the flow of the system was pretty easy to follow

● They gave an average rating of 9/10 when asked how likely they are to

recommend it to others

Usertesting.com

78

Page 79: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Positive critique

● All the information is well organized and can be filtered

● Performing tasks on the website is easy

● Really well organized website structure

● Statistics about application process is unique and gives a good overview

● The user-flow is easy and feels natural

● Navigation seems to follow a logical hierarchy

● User understood the entire system

● Can use data from multiple website, but don’t have to go there

User Testing Findings & Feedback

79

Page 80: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Negative critique

● Confusing navigation labels like jobs & messages

● Users confused it with being another job board

● Can only get emails and not messages from other job boards

● Application timeline label confusing

● Timeline order confusing recent to past or past to recent

● Too much blank space, seems empty

● No point of favorites with priority levels

User Testing Findings & Feedback

80

Page 81: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Career Services Center

● They really loved the concept

and thought it will be helpful for

students

● They liked the fact that the

system solves issues faced by

students in all three stages of the

job application process

● They also suggested me few

features which I could integrate

into my system in the long run

● But overall they thought my

system provided the students

with all the information they

needed all in one place

Interviews

81

Page 82: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

● Navigation menu could be spread instead of putting everything in the header

● Blank spaces on sides could be used in a better way

● Could have a to do list

● Include point of contact information in applications

● Color coding for application statuses

● Messages from other platforms liked LinkedIn & Indeed

● Date and update information for resume

● Search applications by contact person name, their email ID or phone number

● Feature to add notes for applications

● Plugin to just save and not apply

● Provision to mark uninterested jobs

Recommendations

82

Page 83: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

83

Revised UI designs

Login

Plugin

Page 84: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

84

Revised UI designs

Plugin

Plugin

Page 85: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

85

Revised UI designs

Dashboard

Applications

Page 86: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

86

Revised UI designs

Applications

Profiles

Page 87: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

87

Revised UI designs

Profile

Documents

Page 88: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

88

Revised UI designs

Resume

Cover letter generator

Page 89: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

89

Revised UI designs

Mailbox

Page 90: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Production

90

Page 91: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Browser Plugin

● Needs to scrape data from web pages

● Auto-fill form based on the form labels

● Provide suitable information based on the page visited

Web Application

● Database for storing user information

● Database for storing application information for each user

● Database to store user form profiles and documents

● Document uploader

● External job board widgets

● Cover letter generator which takes input through form and generates PDF

● Email system to send and receive emails

● Calendar which can be synced with external calendar apps

Functional requirements

91

Page 92: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

● User account information

● User’s applications information

● User’s form information

● Uploaded documents

● Data gathered through plugin and other third party websites linked to the

application

Content & data requirements

92

Page 93: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Database design

93

Page 94: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Information architecture

94

Dashboard Jobs Profiles Documents Mailbox

Job posting 1Job posting 2Job posting 3

.

.

.

My Skills

Profile 1

Profile 2

Profile 3...

Resumes

Cover letter templates

Message 1

Message 2

Message 3...

Mark Posting Fill Form

Plugin

Information

Web Application

Recent Activities

Sponsored Postings

Statistics

View company siteGoogle this posting

View on Autopply

Saving

Applying

Uninterested

Fill profile

Cover letter

Page 95: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

● Initially, high and low fidelity prototypes were created in Axure.

● User testing helped save lot of time in iterations before starting the

development phase.

● After multiple iterations of the Axure prototype, I began with development

phase.

● The demo prototype is a single page application developed using AngularJS

1.6.5

● Bootstrap is used as the front-end framework to make the web application

responsive

● The plugin was also coded using Bootstrap and will be using the available

Google Chrome APIs

● Brackets was used as the text editor for writing the code

● The website was tested on Google Chrome, Mozilla Firefox and Safari

browsers

● The responsiveness of the website was checked by using iOS and Android

phones

Development practices & methodology

95

Page 96: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Project production schedule- GANTT (original)

96

Page 97: Autopply · Moodboard Style guide and UI kit Mockup of UI designs Testing & Iteration Interactive prototype User testing plan & scripts Usertesting.com User testing findings & feedback

Project production schedule- GANTT (Actual)

97