operationcode_frontend
operationcode_frontend copied to clipboard
OperationCode
Design for Featured Jobs
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.
I played around with this today, I'm going to mess around with it some more but here's a first draft.
The proposed vertical UI pattern seems unoptimal:
- Search input above-the-fold (ATF), followed by...
- 'Featured Jobs' which are not what the user searched for, sandwiched in-between...
- Search results further down the page, likely below-the-fold (BTF)
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.
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.
@Wimsy113, love the carousel idea. I think that might give us the best of both worlds.
@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.
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
