I'm creating a website that helps engineers discover teams using a culture-first approach. It's a work-in-progress and I'd love to get feedback!
Take a look: https://key-values.herokuapp.com/
I haven't found the best way to communicate some very important things on my website yet:
Teams self-select and self-report their values.
Teams are limited to 8 values.
The values each team chooses are ranked in order of importance.
Would love feedback about how to best communicate these w/o pushing down the teams even further below the fold! Thanks in advance.
Okay - as requested!
I like the concept of looking for teams based on value factors rather than purely self-interested ones but there are a lot of problems with the site as it stands. Some of which have already been addressed by other contributors here. I endorse everything everyone else has already said.
I understand key : values - but you really need to make it a striking image / logo. Get a graphic designer on it and make it powerful.
The background just looks like a cheap and outdated CSS theme. It needs to appear much more modern and powerful. Again, get someone with an eye for style to look at those elements. At present, the whole site looks very dated which is an immediate turn-off to anyone who is visiting.
My biggest problem - to which others have also alluded - is that I simply have no idea who your target audience is. Currently, for example, I can see a team calling itself Medisas. So I clicked through and saw a very detailed profile of the team. I had no idea what I might find because no expectations were set on the main page.
However, even after I clicked through, I was none the wiser. Although I can see what the team does and there's lots of stuff about values, I have no idea whether the Medisas team is seeking more engineers; what sort of engineers they are seeking; what skills they seek; whether the team members are remote or on-site and, if the latter, where the site actually is. I don't even know whether the roles are paid or volunteer ones.
Actually, that is not quite true. The information is almost all there (apart from the specific skill sets) but it is not sufficiently dominant. It should all be presented to me before I start to read the verbiage. I don'twant to search about for information which will determine whether I want to continue reading about this team or look for another one. I want that first so I can bail out with minimum loss of my precious time if it is not suitable.
So :
a. Front page - actually explain what this site is for. Is it a jobs board? A volunteer board? A mixture? I have absolutely no idea.
Describe your visitor to him/herself. If they recognise themselves, they will stay. If they don't, you have not wasted their time.
b. put yourself in the position of someone looking to join a team and ask yourself what is important to them in terms of the order information is presented to them.
c. Same deal as with lynnetye's job scraping board: opportunities are time-limited so show that. I don't want to turn up on your website, find something I want to join and then discover that you are horribly out of date.
Talking of dates, it's something which many developers here need to think about. In an international world, we are all still too guilty of thinking locally. For example, 7-4-2017 means two different things. I'm assuming you are American and the date represents Independence Day. For me, however, this isn't the anniversary of the day we finally offloaded those pesky American but a much earlier date = the seventh of April which, as far as I am aware, has no special significance for either of us. All dates in all international projects should be displayed as dd-mmm-yyyy or mmm-dd-yyyy so that they are unambiguous. I can deal with JUL-4-2017 even though I would prefer 4-JUL-2017 because ther is no ambiguity. Either that or allow your visitors to set their date display preferences within the application.
I have no idea where you get these team details from or how current they are. I would like to know. Otherwise, as far as I can tell, you have just picked them off the internet and presented them as your own. The authenticity of the data matters to your visitors.
Oh bloody hell! I just clicked on Reddit. That looks different again from the Medisas and whatever else it was I just clicked. And the Reddit page has no back arrow!
No! No! No! It is simply unacceptable that every detail page feels like a new website I have to learn before I get to the content.
Incidentally, I will say that your detail pages look so much cleaner and more professional than your front page. use the same fonts. All your detail pages need is consistency and re-ordering of information as previously described. Make your front page more like your detail page.
Think of your website like a car dealership. I should be able to go to the dealership, jump into any car (detail page) and just be able to drive it - because the accelerator, brake, clutch, steering wheel and handbrake are always in the same positions. There are differences of detail between cars (including gears so I left them out!) but the essential controls which allow me to make the car go are always, always in the same place. I will never get into a strange car, slam my foot on what should be the brake pedal and discover I am suddenly speeding to my doom.
The same applies to your website. Consistency matters,
I can see why tags might have seemed appealing but you cannot afford to sacrifice so much screen space.
So: redesign your selects so that each heading has a multi-select drop-down. You can always have your seven headings run vertically down the left hand side of the screen and display selection criteria
in a designated header selection <div> to the right. You would thus have seven lines for select instead of the current 15 / 16 or whatever it is.
I would like to be able to remove tags from that display line and have it update for me. I just want to click on the offending tag and have it disappear.
While on that subject, if teams do match my criteria, they should be presented within the team box first and in black or other prominent text. Then there should be a break and then you should present the other values in grey as you do at present. That way, I intuitively know that I matched the first x criteria and the rest are also values of this team for which I did not actively search.
Remove the borders from the value tags in the team boxes. They are distracting and add no value. The CSS attribute cursor: pointer makes it clear they are clickable.
Actually, remove the hyperlinks from those criteria. I clicked on one and expected to be taken to a list of other teams with the specific value I clicked. Instead, the link went to the team page. That's fair enough but I can click on the team name to get there so remove the other hyperlinks - it makes for a cleaner user experience.
I apologise for the length of this post but you did ask me if I would have a look for you. I appreciate that the critique may come across as completely negative. It isn't meant to be. There is a lot of work to do to get this website up to professional standard butthere is nothing here which cannot be fixed and the core functionality seems to work well. If I had thought the situation was irredeemable, I would not have bothered to comment at all so take comfort from that!
Your issues are all about:
presentation
communication of website's purpose
authenticity
working out your business model
I hope I have given you some constructive food for thought. When you have had a think and redesigned the problem areas which we have all identified, I think you should post again so we can appreciate the difference!
Good luck!
Hi old friend, I wanted to tell you that I didn't get to everything you previously suggested/commented on but I definitely tried my best. Here's the new and improved Key Values -- and I know I can trust you to give me honest, unfiltered feedback. I can't wait haha
Thank you so much -- I absolutely love your feedback. Can we be friends?! ;)
Here we go:
Agreed!
Added to my ToDo!
I'm currently unsure of how to communicate everything succinctly on the homepage. To answer your question, every team on my site is currently hiring engineers. They see the same list of values that users see on the homepage and self-select which best describe their team's culture. More importantly, teams are limited to 8 values (because every company claims to check all of the boxes). It is incredibly important that I convey these two things: teams self-report their values and are limited in their selection.
I've thought a lot about how to display the values on the homepage. The real estate is expensive, but I also don't want to force several actions from the user (clicking, scrolling) in order to view them all. It also increases the likelihood that some values will not be chosen as often. However, I need to make it clear that selecting values actually does something -- people need to see that teams are being filtered above the fold. Having said this, do you still stand by using dropdowns?
I agree 1000%. My profile page looks much better than my homepage and I will absolutely add a consistent header/navigation to all pages! Do you think my profile/details page is outdated as well?
I've commented on most of these in #3 above, agree w/ the rest, and haven't thought about this before: "I just want to click on the offending tag and have it disappear." Interesting idea! Let me think on that...
Hover tooltip is a great idea, I will highlight the matching values, and I didn't realize people might think individual values were hyperlinks. Thanks for that. Lastly...I didn't communicate this anywhere at all but teams ranked their values in order of importance. Scoring how much each team matches with the user's value selections will be more complex and is definitely on my ToDo. (Numbering the values on the hover will also communicate this.)
Not making money yet. I'll have more specific questions about this when I get there but, as we both know, I have a long laundry list to get through first.
I am incredibly grateful for your time and feedback! I cannot wait to show you an improved version.
It's getting late here and I have an early start tomorrow as I'm off to the hospital (eye check, meaning dilated pupis for most of the day) but I will respond to your questions on Friday when my eyes are back to normal.
Very clean, looks good and makes me want to explore further.
Problems...
I'm not able to figure out immediately why I'd want to use this site. Solution - change the headline to communicate that this is a job search site with a different/better solution for the problem
The list of values occupies 90% of the screen for me (Macbook pro). So when I select a value, it's not at all clear that there are results at the bottom that are changing
Team profile page has ample information, but the text needs a bit more breathing room IMO
Instead of saying "Value tags" in the sidebar, why not just say "Values"?
Thanks for your thoughtful comments! I'm not sure how to (a) better communicate what my site does, (b) show all of the values, and (c) display more of the team thumbnails above the fold without it looking too crowded. I agree this is the goal and will work on it. Also...you're right. It should just say values! Thanks again :)
@mahesh, I made some updates! Mind taking a look and telling me what you think? :D Key Values
Looking good Lynne. I see that you've improved the team profile page. Any other changes that I missed?
I still feel that homepage lacks clarity. I'll try to come up with some ideas for it.
Big fan of the way you organize so many filters in such an easily-scannable way.
But what does the "0 / 0" in the top right of each business card mean? It might be useful to show a tooltip explaining this when a user hovers over it — or you could just explain it on the "About" page.
Ah. I need to make it clear that users can select value tags, which then filter the teams below. I will remove the "score" (which shows how many of your selected tags match those chosen by the team) and just show the filtered results.
Thanks for your feedback! I'm too close to this and didn't realize how unclear it is.
Ha, not so fast! That score is valuable now that I know what it is, so I wouldn't advise removing it completely.
Maybe just (1) add a tooltip on hover and/or (2) hide it when no filters have been selected. Or something along those lines?
Lynne,
Now that I have my eyes back, some additional comments for you.
As I read through other people's comments and your replies, one thing came through to me very, very clearly. You seem to be hung up on the idea of communicating everything you have on one page.
Why?
People are very used to having a top level menu. It breaks information up into more digestible chunks and, especially when we are reading a screen, we can't absorb huge swathes of information in one hit.
What is wrong with a top level menu option which has options such as Philsophy, Cultural Values and then loads that content onto the current page seamlessly?
Analogy : imagine someone calling in a 999 (911) call. A woman is screaming hysterically at the operator and trying to say everything in one unordered, chaotic stream of consciousness. The operator has to fight her to get the necessary detail from her to in order to despatch the emergency crew and give them some idea of what to expect.
Second caller to 999 (911): obviously shaken by the emergency but she has taken a moment to compose herself. Calmly, she gives a headline summary of the incident (Road Traffic accident), where it happened, how many people are involved, how many of them appear to be responsive and a first glance assessment of the severity of their injuries. Even as she is still taking details, the operator has already sent three ambulances to the accident and continues to feed them information.
Same with your website. Break the information you wish to convey into logical, grouped units and then hide it away until I ask for it. You can do that on another page; via toggled content controlled by menu links or toggled content controlled by accordion menus.
Even your search terms, for example, could be contained within an accordion menu. Click and I see the search options; click and they are gone again and I can see the results or other important information.
So calm down and think about what I need to see and when I don;t need to see everything at once. What I do need is an intuitive method to manage the content blocks to suit my own user requirements. So I might clcik different things if I am just exploring your site from when I am actively seeking results. That's fine: that's how I want to use your site today. Keep it clean, simple and contained and expand what I need when I need it.
Also, you are presumably talking to two different audiences, those seeking a job and those offering one. They need different areas of your site to work within. Currently, there is no way for a team to provide you with information about their offerings. There should be and it should be obvious to me, as a visitor, that there is. Even if I do not have access to an employer account, I should be able to see that such a thing exists. Why? It's all about credibility. It is simply not credible that these offerings simply "arrived" on your site. I have to know there was a mechanism by which they got there.
Also, whatever these "values", they need to have a definition. A glossary page where I can click on each value and see how you have defined it would be useful both as a potential employee and a potential employer so we are all speaking the same language from the start.
Hey Lynn, I've actually worked on this problem quite a few years ago so I've been through this before. I'll answer your questions first and then give some general feedback.
What should search results show? What search? I have no idea where your search bar is.
Do team profiles provide enough info? I've been a UX researcher before and this isn't the best question to ask. What do you consider to be "enough"? Many people here will have a different definition of that. To me, yeah I guess this has good cultural issues, but I'd like to see all of the cultural values and see which ones a company faults at. You seem to only highlight the positives, and don't focus on things people care about outside of culture (i.e. money). I don't care if it's a fun place to work with a great culture if I'm being paid way below market value.
What questions should I put on the "About" page? Ask your users! I can't give you a prescription for what should go there unless I know your audience and what they're actually asking.
Generally, if you are going to work in this space, your biggest issue is incentivizing info curation. The best sources are from the active employees or alumni, and the fact is they are diametrically opposing views. Generally if you've left something was amiss or not perfect, and if you're there you might have rose-colored glasses. As they say, there's 3 sides to every story: your side, their side, and the truth. It's going to be very hard to get unbiased view of an office without actually going there yourself.
Thanks for your feedback! I just updated my questions in the post because, you're right, they suck haha. I'm curious about the work you did years ago. Was it in recruiting? Creating a job board? Breaking down culture quantitatively?
Re: audience, I'm sure this will evolve over time but right now, I'm speaking to engineers who are missionaries, not mercenaries, looking for jobs. If you're optimizing for compensation, benefits, and perks, then Key Values is not for you. There are many existing job boards that you should use instead.
However, there are engineers who are willing to take a major pay cut for the right culture/mission/team. Besides, I think almost every startup in the Bay Area pays their engineers more than enough to live comfortably, even in the most expensive city in the world.
Re: 3 sides to every story, I actually spent a lot of time thinking about how to paint an accurate picture of a team's culture and ultimately decided to not focus on the negatives of a team. By saying that these are the things you are, you're implicitly saying what you're not.
To me, searching for a job is exactly like dating. Most people don't open w/ "here are my worst features". And just like dating, people don't exactly know what they want, timing is everything, and everyone's weird so you just have to find our which flavor of weird appeals to you. Two people can be great as individuals but not make a good match together. I think this is true for employees and employers too. You're right that there is absolutely no shortcut to just meeting the team and seeing if there's chemistry, but my goal is provide people w/ more information to self-filter and evaluate teams before they commit to a time-intensive interview process.
Anyway, I can talk about culture forever so I'll cut myself off. Thanks again for your feedback :)
I created a site just like yours to get people to see the perks of a company beyond the stuff HR sends out like comp and insurance and standard benefits. The big thing was getting honest curated data. Companies want to present their best (not necessarily accurate) selves, and ex-employees want to vent about why they didn't like a place. The truth lies somewhere in the middle. It's also a hard problem to scale in terms of product stickiness - people only check these sites out when they're looking for a job, and then disappear for a bunch of years. You'll likely get a lot of turnover and churn for your product, and it will be hard to keep people locked in. That's tough to turn into a viable business when churn is that high. Like I said, these are issues I had to deal with years ago and what ultimately lead me to terminate that project. If you can find a way to keep people engaged even while they are happy at their jobs and constantly thinking about this space, then you've got some magic on your hands.
Good luck!