Thoughts on Jim Goldstein's Best of 2017 project
I decided to once again look at all of the submissions to Jim Goldstein’s Best of the Year list to see what I could about trends in the images and in site design for displaying them. The quality of the images continues to impress, and for the most part, the site design shown was quite good. There are some definite trends I want to point out that caught my eye, but in general the quality of everything is improved from 2014.Please note: These are one person’s opinions and should not be considered as anything more than that. If you find the information useful, use it. If not, follow your own judgement on things.To look at design aspects I took a random sample of 50 of the pages and took a look at a few things:
- What was used to create it?
- Were they displaying full images or thumbnails? (Definition: thumbnail < 500px on the wide side)
- Did they discuss the images or just display them? (Captions don’t count as discussion)
- Unknown: 18 (of these, at least half are likely Wordpress, possible 2/3, but I didn’t dig into the guts to try to make sure; some are likely SquareSpace as well)
- Wordpress: 15
- Blogger: 3
- Smugmug: 3
- Blogspot: 2
- Web Gallery: 2
- Wix: 2
- Zenfolio: 2
- Photoshelter: 1
- Flickr: 1
- 500px: 1
- Flash: ZERO
- Images: 41
- Thumbnails: 8
- Slideshow: 1
- Yes: 27
- No: 23
Site Design Trends
As the displays we use get bigger and better about showing color and detail, the size of a web site is getting wider. Where three or four years ago 960 pixels was common, now most blog templates are between 1200-1300px wide. Responsive sites are now basically a requirement so that they scale to mobile devices cleanly, and for the most part, custom mobile sites are a thing of the past.On sites that represent current design trends like this wider size, bigger images, more liberal use of white space. Display of multiple images is moving away from grids to what’s called a masonry style, where the images are of different sizes and shuffle together without space between them. This allows for bigger image in the same space on the page and generally looks quite nice.The classic blog sidebar is disappearing on more and more sites, being replaced with footer content, sometimes with a hidden box that pops out over the site content when requested, or by, well, nothing. When it is in use, it’s getting narrower; older sites often made it 300px or more wide, now 200-225 is more common. If you think about it, a 220px wide sidebar and a 1000px wide image fit side by side nicely on a 1260px wide site, and shouldn’t the emphasis be on the image, not the administrative overhead?Using Flickr to submit your yearly images is a lot less common than it was in 2014, but to be honest, I really like the design of Flickr and it really made the images look good. 500px continues to be used very rarely, and I continue not to be a fan of them, because I feel their page design is about promoting 500px and not showing off the photographer or their images.Backgrounds are overwhelmingly neutral, which whites being by far the most common, blacks coming in second and other neutral grey or tinted grey being the third group. A number of sites use photographic images as the background for the site which can work very well when done carefully, but I found on a few sites that background image simply sucked my attention away from the images I was supposed to be looking at. Be careful about what’s drawing the eye on the site just as you are in your compositions.It feels to me like using a pure white background can be effective, but can also seem like putting a huge specular spotlight behind it; it fatigues the eye and tries to draw attention away from other things. Just like we try to minimize blown out highlights and crushed blacks in our images (except when we consciously choose not to) I think we so be doing the same with our web sites. You don’t need MUCH in those white areas to get away from the pure, featureless white, but a tiny bit of grey (1-2% would work) and/or a bit of texture would stop these backgrounds from overwhelming the image in front of them. Ditto on the dark side: don’t go pure black, but pull back just a bit so the eye doesn’t struggle to find detail where there is none.I made a choice to go with a bright color as my background, but the reality is that it’s beyond being an outlier compared to the sites on this list. Very few people chose non-neutral colors and very few of those were light and saturated: most were tinted grey. So one of the things I need to think about is whether I was right in my choice or whether I need to rethink it. Majority rule says one thing, but perhaps I’m just ahead of the design curve for once. It’s something I’ll be chewing on for a bit and while I really like how it looks, I may decide I need to re-think that.This is, of course, a big reason why I do these surveys: I want to see what others are doing and how what I’m doing stacks up to them. And I find myself taking many notes on things others are doing I might borrow and adapt. I’m hoping writing this up helps others in the same way by pointing out some of these things I’m finding as I do it.If I were looking to redesign my site today, here’s why I’d likely do: 1250ish pixels wide, with a 200-225 pixel wide sidebar (if I used one at all) and main content area wide enough to 1000px wide images. The background would have just a bit of a shift away from pure white; if you’re primary design color is green for instance (as mine is) then an RGB of 245/250/245 is enough to get away from that specular problem (#f5faf5 if you want to try it out).Images would be 1000 pixels wide. I expect five years from now we may be looking at 1200 pixels wide, perhaps as far as 1500 as our screens get better with higher densities. I wouldn’t display images at less than 900px today unless they are graphic elements supporting the text.Oh, and please: make sure you have good contrast between background and your text. What may seem fun with 30 year old eyes just makes my aging watering eyes want to go read something else. Please stop doing medium beige text on black backgrounds. Please.Oh, and if you do use a sidebar, think minimalist. You don’t need your blog archives on it, because honestly, only search engines go there. Put it behind a menu item rather than front and center. Keep the number of things visible to the most important and don’t throw everything at your viewer. Make some decisions for your viewer and guide them to what you want them to find.Think about what your site is telling people about you, your photography and what your priorities are. What’s the first thing they see when it loads? Your image? Or is it share icons? Or an overlay pleading for you to subscribe to something? How much are you keeping the viewer from what they want (the image) in preference to what you want from them? And how do you feel about sites that do that to you when you’re browsing?Overall, having said that, there were very few sites on this list I’d put in the “annoying” category. The worst and most aggressive of these tactics seems to have faded in the photographer field. I found three sites that had some kind of breakage (missing images, broken UI, etc) and they all seemed to load fast and reliably, a big improvement over 2014.Image trends
In 2014 I complained about too many boring sunsets, too heavy a hand on the saturation knob and too much bad HDR, and I got some guff for my opinions. In 2017, it seems like we’ve figured out that great color doesn’t make a great sunset image, great color makes an image of a great location awesome, and I saw a lot fewer sunset images overall, and the ones I saw were good landscapes first and brought the color along for greater impact.The fad of turning the saturation knob to 11 seems to have faded as well, and I saw very few images I felt were over-saturated (even the sunsets). That doesn’t mean the colors were vibrant and strong, it means they weren’t overdone into ugliness.Digital photography got pushed in certain directions because of the quality of the tools and the network it lived on. Lower dynamic range sensors encouraged use of HDR and early HDR tools tended to encourage sylistic rendering to cover up what in retrospect was fairly poor quality processing. Fortunately, neither of those are true today, and I’ve found the need for multi-image HDR to be rare on modern sensors, and in all honesty, if photographers on this year’s list were using HDR as a technique I didn’t notice it in the images, which is in my opinion the way it ought to be.Same with saturation: on slow networks we tended to make compromises to make our sites usable, especially heavy use of thumbnails (300px and smaller). To be effective at that size, you need color and broad patterns and subtlety and detail are completely lost. That led us to start biasing our processing towards that. Today, with faster networks, we’re shifting back to larger images, which allow the quality of the image and more of the subtlety within the image to be seen, and so kowabunga colors aren’t as necessary to grab our attention, and so what I’ve seen since my 2014 look is a huge shift back towards strong realistic colors rather than the blacklight posters we were generating a few years ago. And I really like what I’m seeing.And lest you think I’m not a fan of strong saturation, I used to shoot a lot of Velvia back in my film days, and today I’m finding I’m processing a lot of images coming off my Fuji X-T2 van their Velvia emulator and loving the results. I just don’t want to see images that look like a unicorn threw up on them.Another thing I’m seeing in the images is use of slow shutter speeds via ND filters. A lot of really good images. In 2014 I was skeptical about this technique, I’m now a convert and it seems many of those on this list are, too, and are doing some awesome work with it.I saw fewer star trail/night images than I expected, and those I did see were pretty stupendous. Back in 2014 it seemed like everyone was feeling like they had to do night photography, in part because it was a technique that a person with a phone camera couldn’t touch, and so a lot of pro photographers were pushing into imagery that couldn’t be reproduced by casual photographers. I won’t say night photography was a fad that’s passed, but I think it’s settled in as a really effective style of image that some people are doing extremely well but doesn’t seem to be something everyone feels they have to do.Similar to that, I was surprised at how few northern lights or aurora images were in this year’s crop. Same with Iceland, which has been a photographer bucket list place for a few years. Perhaps everyone that’s going to do these have and moved on.I do want to put in a quick reminder here. Don’t fall in love with the light. It can’t save a poor composition or a weak subject. On the flip side, poor light can kill everything else, so I’m not suggesting it doesn’t matter. But as Thomas Heaton has said, a great view doesn’t mean it’s going to be a great photograph.My favorite sites for design and images
Like I have in the past, I wanted to call out some sites that stood out to me for the quality of the images, the quality of the site design (or, of course, both).What am I looking for? When I look at images, do I think “oh, yeah, it’s THAT photographer”. Do they look like the other images I’m seeing, or do they stand out as technically outstanding with a unique look? As you might imagine, when you look at 100+ sites you see a lot of really good images that basically look like images you’ve seen on a bunch of the other sites as well. They’re good but not distinctive or different. And if you’re happy with your images, great, but if you want to improve them and learn how to stand out from the crowd, I think that studying those that do can help you understand what you need to learn and how you need to grow as a photographer to start doing so as well. That’s why I’m doing this and sharing it so that you can use that to base your own studies if you choose.Here are fourteen sites I wanted to call out that you should take a look at if you’re looking for good site design and great photography:- Jason Frye (Flickr): I know many of us consider Flickr to be a relic, but this set of images hosted there shows how good a Flickr gallery can look. These images are quite impressive, too, with some outstanding long-exposure work and some really impressive fog and star/night photography.
- Tony Wu: One of the top underwater photographers out there and this is a focus of the images. They’re stunning. The site doesn’t seem to be Wordpress (Squarespace maybe? Photoshelter?) and has a look of a design from a few years ago with a sidebar and smaller elements. It’s good, but study the design of the Darkslides site and compare it to this one and you’ll get a feel for how design has progressed in the last few years.
- Latoga Photography (Wordpress): Another site taking advantage of full-width images and a nice, clean, open layound and design. Really nice images including some good architectural imagery.
- Jao van de Lagemaat (Smugmug): Jao is showing off his images on Smugmug (which I use for my photo hosting as well) and it’s a great example of what you can do with this site. He is showing us some really incredible landscape work with a wide variety of styles and locations.
- Todd Henson (Squarespace): This is a Squarespace design and I think it’s a really nice example of how to use a design with a traditional sidebar. The images are being displayed at about 850px wide and that really lets some of the detail show. The images themselves are stunning, a mix of action and macro photography that I really love.
- Tom Whelan (Wordpress.com): Another dark background site hosted on Wordpress.com that uses a masonry-style grid to display the images. The smaller images lose some detail this way, but the images in combination really create a pleasing display and when brought up in the Lightbox they show off quite well. Some really nice macro work on this site.
- Daniel Leu (Backlight): This is a site built by Backlight from the Turning Gate folks. If you’re looking for a static self-hosted site and galleries, this is an example of what you can do, with a nice clean layout in a traditional blog format. Leu’s got some really good images here too, including some great night images and some really gorgeous landscapes.
- Dave Wilson (Wordpress): This site is one of the most innovative designs I saw. Hosted on Wordpress with a background using images (but nicely darkened so they don’t compete with the content), a really nice sidebar that pops out when you want it (and is findable, unlike some other designs I saw), and a nice gallery showing off the images in a masonry grid style. Some nice dynamic elements to the design really pull the design together and the design shows off the images well when you click into the Lightbox. Really, really like both the site and the images here.