search

OperationCode / operationcode_frontend

Front-end repository for live site. Please go to `front-end` repo to contribute instead.
https://operationcode.org
MIT License
101 stars 223 forks source link

Design for Featured Jobs #1007

Open hollomancer opened 5 years ago

hollomancer commented 5 years ago

Feature

Why is this feature being added?

Provide the next design objective for the featured jobs page.

What should your feature do?

Add company logos to the jobs page for the company, while ensuring the search functionality stays above the fold.

Wimsy113 commented 5 years ago

opcode_jobs_page I played around with this today, I'm going to mess around with it some more but here's a first draft.

jjhampton commented 5 years ago

The proposed vertical UI pattern seems unoptimal:

I see that the search input should be ATF, so that users use it, but if the results are BTF, the odds of users clicking on the results decreases. Requiring a user to scroll far down the page to view search results also seems like a frustrating UX.

Also, changing any of the design in the 'search container' is somewhat technically difficult, since all of the markup, styles, and logic for that component (the search input and the results from ZipRecruiter, below the 'Featured Jobs') come in one chunk from ZipRecruiter via a script tag. Unfortunately, we're not just using ZipRecruiter's API to get data, we're using an all-in-one embeddable 'widget' that delivers the entire package to us, which is not easily directly modified.

Might these two sections (Featured Jobs, and Searchable ZipRecruiter Jobs) be better off on two separate pages? It would make both easier to maintain, and remove coupling between them that presents challenges.

Wimsy113 commented 5 years ago

Yea it was a bit weird for me to design for this, mostly because of where the results landed as a result of the search having to be ATF.

Also that stinks about the widget.... because the one that's up now is a bit confusing.

What I was also thinking about was maybe a carousel at the top with the featured jobs rotating through above the search bar so that the search bar and results stay in view.

hollomancer commented 5 years ago

@Wimsy113, love the carousel idea. I think that might give us the best of both worlds.

jjhampton commented 5 years ago

@hollomancer I agree, an interactive carousel sounds like a good solution. It could draw a user's attention to the Featured Jobs in an engaging way, without obstructing view of the ZipRecruiter search bar/results (allowing that to stay above the fold).

@Wimsy113 Do you want to add a carousel example to your design? There are a few prebuilt React carousel components out there, or we can just build our own (which would be fun), which might be easier if you have some visual designs in mind.

Wimsy113 commented 5 years ago

I would absolutely love to design my own carousel! I've actually been working on it off an on, I got bogged down with school stuff last week but I'll hit it again this weekend

hollomancer commented 5 years ago

I just wanted to say that this is awesome

LauraUX commented 5 years ago

This is awesome. Would love to see where this goes!