2

Tweaking navigation sizing

 1 year ago
source link: https://adactio.com/journal/19686
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Journal—Tweaking navigation sizing

Tweaking navigation sizing

November 25th, 2022

Gerry talks about “top tasks” a lot. He literally [wrote the book]https://gerrymcgovern.com/books/top-tasks-a-how-to-guide/) on it:

Top tasks are what matter most to your customers.

Seems pretty obvious, right? But it’s actually pretty rare to see top tasks presented any differently than other options.

Look at the global navigation on most websites. Typically all the options are given equal prominence. Even the semantics under the hood often reflect this egalitarian ideal, with each list in an unordered list. All the navigation options are equal, but I bet that the reality for most websites is that some navigation options are more equal than others.

I’ve been guilty of this on The Session. The site-wide navigation shows a number of options: tunes, events, discussions, etc. Each one is given equal prominence, but I can tell you without even looking at my server logs that 90% of the traffic goes to the tunes section—that’s the beating heart of The Session. That’s why the home page has a search form that defaults to searching for tunes.

I wanted the navigation to reflect the reality of what people are coming to the site for. I decided to make the link to the tunes section more prominent by bumping up the font size a bit.

I was worried about how weird this might look; we’re so used to seeing all navigation items presented equally. But I think it worked out okay (though it might take a bit of getting used to if you’re accustomed to the previous styling). It helps that “tunes” is a nice short word, so bumping up the font size on that word doesn’t jostle everything else around.

I think this adjustment is working well for this situation where there’s one very clear tippy-top task. I wouldn’t want to apply it across the board, making every item in the navigation proportionally bigger or smaller depending on how often it’s used. That would end up looking like a ransom note.

But giving one single item prominence like this tweaks the visual hierarchy just enough to favour the option that’s most likely to be what a visitor wants.

That last bit is crucial. The visual adjustment reflects what visitors want, not what I want. You could adjust the size of a navigation option that you want to drive traffic to, but in the long run, all you’re going to do is train people to trust your design less.

You don’t get to decide what your top task is. The visitors to your website do. Trying to foist an arbitrary option on them would be the tail wagging the dog.

Anway, I’m feeling a lot better about the site-wide navigation on The Session now that it reflects reality a little bit more. Heck, I may even bump that font size up a little more.

12:37pm

Tagged with thesession navigation design fonts sizing size hierarchy toptasks typography type

Also on Medium

Older »

Have you published a response to this? Let me know the URL:

Previously on this day

4 years ago I wrote Food and music

The same, but different.

Sunday, November 25th, 2018 12:30pm

8 years ago I wrote Interstelling

For all its flaws, Interstellar is boldly brilliant.

Tuesday, November 25th, 2014 5:22pm

13 years ago I wrote Cause and effect

I don’t want to start any blasphemous rumours.

Wednesday, November 25th, 2009 12:49pm

13 years ago I wrote Consistency

Google’s behaviour.

Wednesday, November 25th, 2009 12:35pm

15 years ago I wrote BarCamp ends

Another great event wraps up.

Sunday, November 25th, 2007 2:56pm

15 years ago I wrote BarCamp continues

Night of the werewolf.

Sunday, November 25th, 2007 12:16pm

17 years ago I wrote Ajax training workshop

I’m telling you this now so you’ve got plenty of time to start saving your money and you can’t say I didn’t give you fair warning…

Friday, November 25th, 2005 2:06am

19 years ago I wrote Back from Bologna

Bologna was everything I hoped it would be; fascinating, filling and fun.

Tuesday, November 25th, 2003 12:26am

20 years ago I wrote Jim Roll

I went out on Friday night to see Jim Roll play at a local bar.

Monday, November 25th, 2002 1:05pm

More information

© 1998 - 2022 Jeremy Keith.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK