Welcome!

And don't forget to edit your signature & profile.

 

Icon

Statistics

  • Total posts 26848
  • Total topics 4878
  • Total members 6616
  • Our newest member
    Kamila

TOP POSTERS

Where should I place the first-action link?

Design reviews, usability-related issues and discussions.
   

Where should I place the first-action link?

Postby vojto » Mon Feb 09, 2009 4:44 pm

Hi,

I have this simple design here:

Image

The link in the circle is the first thing that every user will want to do. (They get this screen after registration).

What do you think, what should it look like? Should it be more button-like?

And where should I place it? Remember, that's the first thing every user will do. So I don't want to make them search for it like for 20 seconds.
Vojto is a Web Developer
www.infinite.sk | www.rinik.net
User avatar
vojto
Smashing <table>
 
Posts: 27
Joined: Mon Feb 09, 2009 2:39 pm
   

   
My eyes first went towards the middle, yellow area.

In order to make that link more visible it should draw attention first. Doesn't necessarily needs to be more button wise (unless you really want to) but perhaps it should be on the left side of the screen right after the black title instead of the right side. Or you could put it in a bigger font size right on top of the yellow message.
Roberto
Smashing <frame>
 
Posts: 14
Joined: Mon Feb 09, 2009 9:07 pm
Location: Chicago, IL
   

   
I agree with Roberto. The Yellow area (or in that general area) would be ideal. Perhaps larger text or a bold color would help as well. Another option would be to use some AJAX element and possibly highlight that element first?
foxhead
 
Posts: 9
Joined: Mon Feb 09, 2009 8:50 pm
Location: Atlanta, GA
   

   
Generally, people who read left-to-right will scan your page in that direction as well. So you'd want your main call-to-action up there, or place it as a big button right in the middle.

Paul Boag put up an excellent article with tips on creating an effective call-to-action that you might want to check out as well: http://boagworld.com/design/10_techniqu ... effective/
Subjective
 
Posts: 1
Joined: Mon Feb 09, 2009 8:58 pm
Location: Eagan, MN
   

   
As pointed before a left side placement, will improve greatly the main call-to-action, awareness. Also a bright colored background, or a big typography will do the trick...

Cheers.
Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.
Dynmatic: http://www.dynmatic.com
User avatar
correia
Smashing <frame>
 
Posts: 12
Joined: Mon Feb 09, 2009 8:54 pm
Location: Oporto, Portugal
   

   
Thank you, the article looks.

I actually found out, that the text in the yellow border is useless (it tells the user to dragndrop items to timetable, but there are none items, user has to add it first). So I think I'm gonna replace it with text telling to add items.

And there will be condition - if there are any subjects display message about dragndrop else display tooltip about adding items. :)
Vojto is a Web Developer
www.infinite.sk | www.rinik.net
User avatar
vojto
Smashing <table>
 
Posts: 27
Joined: Mon Feb 09, 2009 2:39 pm
   


Return to Usability



Who is online

Users browsing this forum: No registered users and 1 guest