• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • Home
  • About
  • My Blogs
    • Photoblog
    • Knots
    • WP.com tips
kristarella.com

kristarella.com

Happiness Engineer at Automattic, lover of knitting, crochet, sci-fi and more

  • Presentations
  • Plugins
    • Exifography
  • Contact
You are here: Home / Blogging / What’s up with photoblog navigation?

What’s up with photoblog navigation?

15 May 2008 by kristarella

Contents
  1. Linking from the main photo
  2. What’s wrong with the Previous/Next links?
  3. The fancy hovering links
  4. Something different

I’ve been working on a new design for this site, making themes for my blog and photoblog. I’m integrating both blogs as much as possible, even though they use different software. They’re going to look very similar and they’ll share some pages; no need for two different about pages.

I’m in two minds about changing because so many people compliment my use of the Copyblogger theme, and I love getting questions about the theme; I love helping people with XHTML and CSS (and WordPress too, I suppose). It’ll be a bit different when I’m using my own theme— people won’t rock up and think, “Damn, check out that Copyblogger…” or whatever it is that people think. 😉 Of course my Copyblogger customisation will be visible at The Evolution of This and That (which I suppose should now be The Evolution of kristarella.com).

Despite that (which is really tangential to the whole post), I’m loving the new WordPress theme I’ve made, and the photoblog theme is ok… it’s missing a little something. Maybe it needs larger photos, but I think the main thing, which almost all photoblogs are missing, is good navigation.

Linking from the main photo

It’s been done.

Traditionally, photoblogs have used the main photo as a link to the previous photo. Sometimes there’s also Previous/Next links somewhere on the page.

When I first started visiting photoblogs this method baffled me. It doesn’t seem particularly intuitive, and it’s decidedly odd when the name of the previous photo appears while hovering over the current photo without an indication that the name is for the previous photo. It was also annoying if I wanted to go forward in time, perhaps through a series of photos.

Serial Photographer and Shutterjunkie are examples of sites that use the “click for previous” technique well, by explaining what will happen when you click.

navigation on serialphotographer.com
The screenshots show hover features, but my mouse pointer wasn’t captured.

More recently (in the life of photoblogs, not particularly new in itself) the photo might link to the photo’s information and comments, for example on Fotograf by Imran. This makes a bit more sense to me – at least the link relates to the photo. What happens to the navigation in this case? Usually it’s relegated to the Previous/Next links.

navigation on fotobyimran.com

What’s wrong with the Previous/Next links?

Well they’re darn small! Why should I have to find the links with my eyes and then find them with my mouse? Why not just make them bigger?

MUTE has made the links bigger and I like it! I’ve actually been toying with a similar thing (independently from MUTE’s design of course). 😛

navigation on MUTE

The other problem, as pointed out by Dunstan is that if the links are placed relative to the image, they might change with every photo and be annoying when flicking through.

The fancy hovering links

There’s another trend, using the photo again, to link to both the previous and next photos via the left or right of the image. This is kind of cool because it gives nice feeling of scrolling through time (assuming you’re from a country/language that represents things left to right). It’s not completely intuitive, but hover images are often used to good effect.

I’ve been using this on my photoblog and another variation of it is used on Treeswing.

navigation on kristarella.com/photoblog

navigation on treeswing.net

Something different

Some of my favourite image-to-image navigation has got to be East 3rd. A segment of the older and newer images are at the sides in black and white. You click on them and “Hello”, next picture!

navigation on East 3rd photoblog

I keep talking about intuitive navigation… maybe nothing is intuitive to someone unfamiliar with photoblogs. Perhaps the best we can hope for is to make things as easy or as cool as possible… hopefully both. Either way, I definitely recommend making the navigation large!

Do you have any favourite photoblogs or photoblog designs?

Share this:

  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on X (Opens in new window) X
  • Click to share on Pocket (Opens in new window) Pocket

Like this:

Like Loading...

Related

Filed Under: Blogging, Design, Photography Tagged With: websites

Reader Interactions

Comments

  1. inspirationbit says

    15 May 2008 at 15:44

    I look forward to seeing your new blog design. Are you going to have an illustration in your new header as well?

    I’m not sure if you’ve seen it before, but last year I’ve posted 16 bits of photography sites, some of them do have an interesting navigation.

  2. kristarella says

    15 May 2008 at 16:16

    I didn’t see that one Vivian, thanks for pointing it out!

    There seems to be a lot of different considerations in a gallery/portfolio verses a photoblog… I get the feeling portfolios are a bit more flexible, don’t you think?

    Oops, I forgot to answer your question. I don’t think I’m going to have an illustration header, more of a photo manipulation.

  3. Jay McGillicuddy says

    21 May 2008 at 12:16

    Very nicely done as I have seen your old blog before. I use copyblogger and I lost my header photo so I hope I can see what you did to fix mine.

A triptych of baubles. These are very satisfying t A triptych of baubles. These are very satisfying to paint ❤️💚💙

#watercolor #watercolour #christmas
I have really enjoyed this Christmassy painting! S I have really enjoyed this Christmassy painting! So glad my friend asked me to make some cards for our church helpers, because it set me on a roll!
#watercolor #watercolour #christmas #christmascards #watercolorcards
Had a great Saturday at the GKR Karate State Title Had a great Saturday at the GKR Karate State Titles! I was a sub for @jamesxuereb.me in the Blue Flame Dragons thanks to his sprained ankle; we won first round and came fourth overall!
I did a bunch of judging and officiating, which was really good.
I didn’t place in my individual events, but had a very fun final round of kumite (sparring).

#gkrkarate #karate
More stamping tonight. Even better than last night More stamping tonight. Even better than last night’s!
Did some stamping this evening. Love it! I wish I’d done some pages in other ink colours before I dismantled the stamps 😂
Had an appointment in the city, so I got to visit Had an appointment in the city, so I got to visit the @legocertifiedstores_anz Wicked display!
#wicked #lego #afol #sydney
A little book I made from Bunnings paint sample ca A little book I made from Bunnings paint sample cards. It’s going to be for mini paintings and collages. Sometimes it’s nice to start with a colour rather than a blank white page!
A little while ago I did some swatching of Daniel A little while ago I did some swatching of Daniel Smith and Schminke Horodam watercolours. So soothing! I love some of the granulating colours!
#watercolours
Follow on Instagram

Footer

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Top Posts & Pages

  • Home
    Home
  • Fun with fireworks in GIMP
    Fun with fireworks in GIMP
  • WordPress: Exclude child categories from category archives
    WordPress: Exclude child categories from category archives
  • Free iPhone apps to 'view source'
    Free iPhone apps to 'view source'
  • Sistaco Nail Powder Review
    Sistaco Nail Powder Review

Follow Me On…

  • Instagram
  • X
  • GitHub
  • LinkedIn
  • YouTube

Categories

Copyright © 2025 · Kristen Symonds · kristarella.com

%d