Jobsite Search & Filter Experience by Mac jake featured in uiux.asia. uiux.asia - learn ux tactics and examples improve your user and customer experience.

1. Jobsearch Website Experience
@macvhustle

2. StartupJobs

3. Here we can search for jobs..I mean companies.
And whatever keywords on your mind.
Anywhere, anytime.
uiux.asia

4. 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

5. Categorise by highest job number
or related search.
Improving components
Autocomplete ex. based on most popular search or related jobs
uiux.asia

6. 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

7. Let’s check it on mobile
Were building
the product
‘Mobile-First’
Loading…
uiux.asia

8. Let’s check it on mobile
Just kidding
uiux.asia

9. JobStreet

10. Overview
uiux.asia

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

12. uiux.asia

13. 1
We need more revenue ;)
uiux.asia

14. Search & Filter Components

15. 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..

16. 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 mac@uiux.asia
for more tactics and example

17. Layout
35% content
20% header
80% body
65% others

18. Decrease header height, making room for more body
Possible improvement
10% header
Bigger & more content

19. Scrolling 1/3

20. Scrolling 2/3
A for effort

21. Scrolling 3/3
Bingo!
Search & filtration.
uiux.asia

22. Improvement
Faster filtering layout & examples
Email me mac@uiux.asia
for this tactics & example

23. Save as email job alert
1 page, 1 click, 1sec
uiux.asia

24. Save as email job alert
2 pages, 2 click, 2sec +
286px of checkbox
Empty space Empty space
uiux.asia

25. How to Improve
Faster subscription and save to email tactics

26. Improvement
Faster subscription and save to email
Email me at mac@uiux.asia
for tactics & examples.

27. Job alert, awesome move, especially on mobile
uiux.asia

28. Let’s check it on mobile
uiux.asia

29. It fits
uiux.asia
Not bad
for a layout

30. 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.
JobStreetStartupJobs
Reduce 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.

31. @macvhustle
mailme@macjake.net
uiux.asia