DEV Community

Discussion on: Could you review my design, please?

Collapse
 
moopet profile image
Ben Sinclair • Edited

First the positive:

I like the colours. I like that there are subtly different shades on the background but that the contrast with the text is good where it matters.
I like the large, clear text.

I like the clear indication of the current page with an underline. I'm going to assume that hover states are similar, but just not something implemented in invision.

The logo is neat.

Then the other hand gets to wave about a bit:

I find it difficult to navigate because nothing stands out more than anything else; there's nothing to draw my eye. This means that I have to scan every piece of text on the page to find out what my options are.

The full-width text is too wide and makes my eyes scan left-to-right too far. It's not a problem with a short piece of text, but if you have a page with more content, it'd get tiring and make it harder to keep my place while reading.

I'm not keen on the grid layout. The problem with this sort of layout is that it's not obvious what order things are sorted in. If it's a small page, it could be two columns of blocks, reading down then across, like a newspaper, but if it's a longer page or an infinite scroll then it's probably read across then down.

I don't know how things are sorted. Is it by date or by tag, or some combination?

I think the font is a little bit wooly. I don't have a better word for it than that, but look at words like "Home" in the top right. It feels a tiny bit too rounded and letters like the "H" and "e" look too soft for my taste. It makes it ever so slightly harder to read.

The logo in the header doesn't need to have the site name in it twice. The name inside the light green block will be too small to read when being used in other media like print, and it looks fine with the name hanging off to the right. This is how you use it in the footer, and it looks good there.

Collapse
 
starbist profile image
Silvestar Bistrović

Ben,

I have just updated the Author page (projects.invisionapp.com/prototype...

  • the font is PT Mono,
  • text is narrow,
  • “card” style is updated,
  • added buttons (for interactive elements, needs hover, focus styles), and
  • the logo text is removed.

Would you say I am on the right track?

Collapse
 
starbist profile image
Silvestar Bistrović

Awesome feedback! Thank you so very much.