Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

This is a redesign of my website:

Screenshot of OP's website

As you can see, its largely a work in progress; I'm trying to do a flat user interface design.

I can tell you now that I am in no way a designer or UI/UX expert. I'm a developer; traditionally useless at design, but giving it my best shot.

You can see on the main content that there are three links, under the title 'Latest blog posts'; I have made them the same shade of red as my header, but I'm not sure that it looks right, is it OK?

  • Should it be more contrasting?

  • Should it be the standard blue?

  • How can I make it obvious that they are click-able links?

All suggestions are welcome.

share|improve this question
add comment

4 Answers

I think that it's not immediately obvious that they're links. Nothing wrong with that though and they'll realise if they hover over it.

I'd just add a fail-safe option where you've put [...] as a standard (blue) HTML link saying Read More or something similar. Nothing wrong with two links to the same content.

share|improve this answer
1  
I'm tempted to grab that domain name just to mess with you. :p But seriously, I agree that there's should be some 'read more' text. –  Johannes Oct 15 '13 at 22:47
    
As long as you put a cat GIF on it I won't change it ;) –  Dominic Oct 15 '13 at 23:00
add comment

Color continuity always helps design.

Using the same color as the header background is a good choice. There's enough contrast to read the links clearly and the color differentiates the links from the standard headers ("Latest blog posts").

share|improve this answer
add comment

You could add an arrow or a bar to emphasize the links more. To me, as they stand, they look like headers only (although I like the cleanness).

You could also hyperlink in your descriptions (repeat the title) so that if someone doesn't see them as links, they can catch the hyperlink.

eg: In Learning Java - Introduction, I decided to...

Dominic's suggestion of 'Read More' is a good one also.

share|improve this answer
add comment

Link are traditionally underlined. If you keep the underline they will really standout as links.

share|improve this answer
1  
The problem is, so are non-link titles. Which pretty much achieves the same result, 'it might be a link, it might not'. The only truly obvious link format is the standard blue with the underline - if it's not blue, I don't think the underline makes very much difference at all. –  Dominic Oct 15 '13 at 23:09
    
You are aware of the decreasing readability effect of the underlining, right? –  Alph.Dev Oct 18 '13 at 23:38
    
@Alph.Dev that's up to the designer, a bunch of standard style links in close proximity is of course hard to read. It's also bad design in general and it's not what I'm recommending. –  Dominic Feb 25 at 18:50
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.