TwelvestoneFront End

Anchor links or info divs for usability


Sign in

  • Waiting for Godot ( 730 k posts )
    Just conversation.
  • Thunder Dome ( 23 k posts )
    Photoshop Tennis and Collabs.
  • Photography ( 5.1 k posts )
    For all you shutterbugs, sh...
  • Flash ( 18 k posts )
    ActionScripting to tweens, ...
  • Front End ( 5.9 k posts )
    general front end design an...
  • Back End ( 9.7 k posts )
    serverside scripting, progr...
  • Projects and Theory ( 12 k posts )
    This forum is for discussio...
  • FAQ ( 269 posts )
    All those nagging questions...
  • Design ( 17 k posts )
    graphics & all aspects of g...
  • Purgatory ( 3.6 k posts )
    12stone Jail, feel free to ...
jestros
 
2012-01-09

We have a semi-retarded user base.

I have 15 links, in three groups. Nav'd up nice and pretty. But each goes to only a small bit of info, 1-5 sentences, maybe a picture. I don't want to make a page for each. I'm thinking either a long page with anchor links and back to top, or a pretty div that opens on hover or click. Like how Hulu does when you roll over a thumb nail.

I know which one I would like to do (pretty div), but I don't know how that would do with usability.

the real me
 
2012-01-09

I would do both, graceful degredation and all that. I would use anchors and then set the divs to hide in the js so it would work fine if they don't have js enabled for some reason.

arigato
 
2012-01-09

IMO, pretty div, but make it super clear.

We did some user testing on this exact thing where I work which is very interface oriented & puts lots of emphasis on UX. Clearly label the show/hide functionality if you have a less savvy audience.

Like, a "+" button that really stands out followed by a text link that says "read more" and a "-" button followed by a "hide this" link when the article is expanded. All articles clearly separated from one another.

We decided to go with this approach so we could fit more headers on the page without bouncing the user all over the place with anchor links.

jestros
 
2012-01-09

I wasn't really picturing a clicky button, more like a rollover type of action. Like how I set this one up for a different site. Does that change any opinions?

the real me
 
2012-01-09

Just my personal opinion and not based on any facts or research, I don't like those rollover fly out things when they contain more than just a simple sentence or something very minor/small. I thought you were talking about something more like the accordian type of deal.

arigato
 
2012-01-09

likewise. That's Ok for stuff like usability tips or definitions but anything longer deserves its own real estate.

cfoley
 
2012-01-09

Originally posted by jestros

I wasn't really picturing a clicky button, more like a rollover type of action. Like how I set this one up for a different site. Does that change any opinions?

Are you concerned about usability on mobile devices also - if so there is a huge issue with that kind of hover action IF it is also a link.

Sorry, you must be a member to post to a conversation. Either log in or sign up to get involved.
TwelvestoneFront End

Anchor links or info divs for usability