Comment by andygcook
4 years ago
Congrats on the launch. Overall it's really clean and I like the design.
Some quick feedback, which you can take with a grain of salt: * I was confused by the image CV on the homepage. It expected it to be clickable, and it took me a minute to find the View Demo button. * I love the collaborators feature. IMO this is one the biggest missing factors of LinkedIn (e.g. who did you actually work with on a small team) * It would be nice to be able to customize the invite message when inviting a collaborator. * The Create a Profile button on the homepage doesn't user cursor: pointer, which made me miss that it was the sign up button at first glance. * It looks like most of the links don't have cursor: pointer, which feels off to me * Once I saved my profile, it took me a minute to find the edit button in the bottom left
Overall, nice working and I'm looking forward to following the updates. Also, great first name you have there.
> I was confused by the image CV on the homepage. It expected it to be clickable, and it took me a minute to find the View Demo button.
Another option is to have the "view example" button visible even before the user scrolls.
Thank you fellow Andy — Hear you about the homepage, hoping to completely redo it soon and create more abstracted visuals. In terms of the pointer, my current logic is to use cursor: pointer on anything that visually looks like a link (e.g. unstyled text), and to leave it as default for components that have a visual affordance that they are clickable (e.g. buttons or tabs). I realize this might not be the most web-like convention though - might be worth it to just move all clickable components to the pointer cursor.
> my current logic is to use cursor: pointer on anything that visually looks like a link (e.g. unstyled text), and to leave it as default for components that have a visual affordance that they are clickable (e.g. buttons or tabs). I realize this might not be the most web-like convention though - might be worth it to just move all clickable components to the pointer cursor.
The cursor isn't the only problem. The way you present the screenshot fundamentally looks like a functional profile. It isn't just that the links look like links but aren't clickable. Text also isn't selectable. In general, it's in the uncanny valley that feels really uncomfortable. Consider making it look very obviously like a sample screenshot: caption it at the top, move it to the side beside (rather than above) the explanation of the site, layer a couple of profiles atop each other so they look like "sheets", or similar. Those would help trip people's "ah, it's a sample screenshot" pattern recognition.
Totally, on my to do list to redo the homepage with more abstracted product visuals!
Yes please; personally, I've had couple of decades of training and habits that a change in cursor indicates clickability; without my cursor changing, it feels like a static image, not interactive page.
Otherwise, awesome sauce :)
No cursor on mobile, so it's not enough.
#nit - an affordance is something that can be done, a signifier is a visual clue that you can do something
https://ux.stackexchange.com/questions/94265/whats-the-diffe....
This is pretty awesome, I ended up just creating my full profile and swapping my personal details from here to there.
The only thing I'm missing is the Publications and Certifications section (had to create an award for the certs)
+1 about cursor: pointer. I also noticed that the text inside at least the top button can be highlighted when clicking. You can disable that with user-select: none;