Top Banner
Jobsearch Website Experience @macvhustle
31

Jobsite Search & Filter Experience

Aug 14, 2015

Download

Design

Mac Vhustle
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Jobsite Search & Filter Experience

Jobsearch Website Experience@macvhustle

Page 2: Jobsite Search & Filter Experience

StartupJobs

Page 3: Jobsite Search & Filter Experience

Here we can search for jobs..I mean companies.

And whatever keywords on your mind.

Anywhere, anytime. uiux.asia

Page 4: Jobsite Search & Filter Experience

Searching for developer.. 1 field 1sec, 4 fields, 4 seconds1.

2.

Where is it, hurmm.. oh it’s here!

Result

Giving it a run

uiux.asia

Page 5: Jobsite Search & Filter Experience

Categorise by highest job number or related search.

Improving components

Autocomplete ex. based on most popular search or related jobs

uiux.asia

Page 6: Jobsite Search & Filter Experience

Job, startups, keywords, locations and types in an input.

Improving the search fields

Auto location & selectable.

Fulltime & selectable.

With realtime result during searching, ex. google search uiux.asia

Page 7: Jobsite Search & Filter Experience

Let’s check it on mobile

Were building the product ‘Mobile-First’

Loading…

uiux.asia

Page 8: Jobsite Search & Filter Experience

Let’s check it on mobile

Just kidding

uiux.asia

Page 9: Jobsite Search & Filter Experience

JobStreet

Page 10: Jobsite Search & Filter Experience

Overview

uiux.asia

Page 11: Jobsite Search & Filter Experience

Regional Manager: Let’s make this simple, but keep the option, oh and.. tell them what to search

uiux.asia

Page 12: Jobsite Search & Filter Experience

uiux.asia

Page 13: Jobsite Search & Filter Experience

1

We need more revenue ;)

uiux.asia

Page 14: Jobsite Search & Filter Experience

Search & Filter Components

Page 15: Jobsite Search & Filter Experience

Accessibility

1 type, 1 search

1 select, 1 type , 1 click, 1 search

1 select, 1 type , 1 click, 1 search

1 type , 1 search

2 clicks How to reduce space,Improve click rate,Higher conversion..

Page 16: Jobsite Search & Filter Experience

Possible improvement

Keywords stays, tag style

Auto location by default

Based on related keywords by default

Auto reload / filter upon typing ex. google

Secondary options, can be dropdown Show option instead of dropdown

Email [email protected] more tactics and example

Page 17: Jobsite Search & Filter Experience

Layout

35% content

20% header

80% body

65% others

Page 18: Jobsite Search & Filter Experience

Decrease header height, making room for more body

Possible improvement

10% header

Bigger & more content

Page 19: Jobsite Search & Filter Experience

Scrolling 1/3

Page 20: Jobsite Search & Filter Experience

Scrolling 2/3

A for effort

Page 21: Jobsite Search & Filter Experience

Scrolling 3/3

Bingo!

Search & filtration.

uiux.asia

Page 22: Jobsite Search & Filter Experience

ImprovementFaster filtering layout & examples

Email me [email protected] this tactics & example

Page 23: Jobsite Search & Filter Experience

Save as email job alert1 page, 1 click, 1sec

uiux.asia

Page 24: Jobsite Search & Filter Experience

Save as email job alert2 pages, 2 click, 2sec +

286px of checkbox

Empty space Empty space

uiux.asia

Page 25: Jobsite Search & Filter Experience

How to ImproveFaster subscription and save to email tactics

Page 26: Jobsite Search & Filter Experience

ImprovementFaster subscription and save to email

Email me at [email protected] tactics & examples.

Page 27: Jobsite Search & Filter Experience

Job alert, awesome move, especially on mobile

uiux.asia

Page 28: Jobsite Search & Filter Experience

Let’s check it on mobile

uiux.asia

Page 29: Jobsite Search & Filter Experience

It fits

uiux.asia

Not bad for a layout

Page 30: Jobsite Search & Filter Experience

What you can adopt

Give an autocomplete search keywords. Show realtime result. Ranks categories based on frequency. Keep a simple form. Provide auto location. Makes #fulltime #Parttime’ as filtering tags. Mobile ready but simplified, use tags as filtering.

JobStreetStartupJobsReduce accessibilities and clicks users have to do. Makes ‘position’ from resume as default keywords options. Live filtering when typing. Show options for small amount of dropdown. Bigger contents, shorter header. Show more options to filter when scrolling without the need of clicking drop downs.

*We make suggestions based on our view without actual datas from the companies.

Page 31: Jobsite Search & Filter Experience

@macvhustle [email protected]

uiux.asia