This was a blog post I originally posted to Tumblr before my site went live. It was in answer to the question above, asked by a former student of mine. It was my intention to eventually put it here. It also happens to be a good outline of my thought process for designing this site.
This question keeps coming up and it’s going to keep coming up. There’s lots of resources out there on how an artist or designer should design their portfolio website, and many of them are very good, but almost-universally they gloss over an issue at the core of the thing — namely how you present your actual work.
Most people consider this a non-issue. Thumbnails linking to larger images. That’s just how it’s done, right?
My opinion? No. Bad dog. No thumbnails. And I’ll explain why.
Thumbnails are an artifact. They were born in the days of 28.8k baud phone modems, when downloading a 76k jpg could take a minute or two. Getting an image that would today be considered small and light-weight represented a real time investment back then. If you put 10 of those on one page, the page would take forever to load and there was a good chance that the browser, and perhaps the computer, would crash from the strain. Thumbnails were a way of letting people choose what they spent that time waiting for.
I remember those days. My computer had 8 megabytes of memory. Now it has 4,096. That’s powerful math. Oh, and the memory itself is many times faster, too.
These days, virtually everyone has a DSL-class internet connection or better. My cell phone gets data many times faster than that old desktop, and it does so wirelessly. The same scenario above, a page with 10 images at around 75K each, has been trivialized. Server lag (“Waiting for reply”) at the beginning of each page load is now the most common cause of long load times. It makes much more sense now to just load everything at full size — within reason, of course. You still shouldn’t be auto-loading 3000 x 2000 pixel images, but you knew that, didn’t you? Of course you did.
But there are still thumbnails. It kinda drives me nuts. You load the page with thumbnails on it, click a thumbnail, and wait until another page with just that photo on it loads. You see the image. Great. Now you have to hit the back button and wait for the index page to load again. Now repeat that process for every image you want to see. It gets annoying quick. Thumbnails have become a way of inflicting unnecessary wait time on your users, rather than avoiding it.
Now imagine yourself in the shoes of an Art Director.
This whole philosophy came to me because of Irene Gallo, who’s kind of a big deal in Illustration circles. She’s the head Art Director at Tor Books in New York City. She gives a whole lot of work, and thus a whole lot of money, to illustrators. She’s also heavily involved in the Society of Illustrators. She’s got the kind of connections that a freelance artist could only dream of and a couple years back she started a twitter account. Almost right after I did, in fact. I found her twitter account because of her blog, which was also new, and I was a frequent visitor at the time. In her first month on the service, she did what everyone else does on twitter, she complained about work. Specifically she complained about how frustrating it was navigating portfolio websites. Thumbnail galleries were driving her nuts.
Art directors work on deadlines. Hard deadlines. Constant deadlines. They have a limited amount of time to find a suitable artist for a given project, and hundreds, maybe thousands, of potential artists to choose from. This process has gotten easier thanks to the internet — no more stacks of portfolio prints to sift through — but virtually every artist site sends you rattling over the speed bumps of a thumbnail index.
I asked Gallo to clarify her statement on artists’ sites being a pain, and what she’d prefer them to be like. She started by saying basically what I covered in the previous two paragraphs, and that this was a common problem for art directors. As for what would be better, she shocked me. “Blogspot,” she said. Specifically, having all the images just showing up on one page where she can scroll down and see them one after another without having to click on anything, except maybe a ‘next page’ link if they’re interested — though, to be honest, the decision to use you on something probably happens on that first page.
She went on to say she was so annoyed at Artist’s sites that if she’s in a hurry and sees Blogspot in the url of it, she’s more likely to go look at it because she knows that browsing the portfolio will be quick and easy.
Here’s an example of a Blogspot artist’s site. [new window]
Here’s another. [new window]
I’m not crazy about Blogspot, but I’m smart enough to get the message and to take what’s good about the Blogspot portfolios and integrate that into something elsewhere. There’s no reason not to go the Blogspot route, though. Incidentally, Tumblr didn’t exist back when this short twitter conversation happened, and might be at least as good a choice (if not better) now, in my opinion, if you want something simple to set up. Tumblr sites tend to look much nicer.
There is also WordPress.com, which runs on the popular and versatile WordPress blogging platform. If you’re interested in a more powerful solution but don’t have the technical chops to set it up yourself, WordPress.com is a good solution: it’s all set up already for you, you just pick a theme and go, much like Tumblr but with more options.
Here’s an example of a scrollable portfolio not on Blogspot, with bigger images and I think a better layout for a portfolio, though it could use a little more space between the items to keep them clearly separated. (It’s a graphic design site, not illustration.)
So why do people still use thumbnails? I think it boils down to two reasons:
One: It’s how it has always been done. Past experiences define future expectation. The web, in the past, always had image galleries done with a thumbnail index, so people approach modern ones with those thumbnail galleries as the default method. That’s how it’s been, so that’s how it’s gonna be. No, not necessary any more, stop being lazy. Use your brain.
Two: Fancy presentation. This actually has some merit behind it, and it’s where you will have to make your own decision about whether it’s right for you. Every artist is told in school, in society, etc, that they should put a lot of work into the presentation of their art, not just the art itself. Framing, specifically, is seen as almost important as the work itself.. and the old thumbnail gallery paradigm encourages that kind of presentation online. The thumbnails can be given a frame of their own, turning the thumbnail gallery into something resembling a real meat-space gallery wall, seen from 20 feet away. It can be a very nice effect. Then click on one to see it zoomed in and that entire page becomes that image’s frame. Done right, this can be a very classy way to present your work, and it feels very nice and familiar for an artist, but it still has the problems from above, and a busy Art Director who spends hours upon hours looking at these websites every week may not be so enamored with your precious presentation of an art gallery metaphor. They’re more concerned about the work itself and don’t want to wait for page loads. However, if you’re more of a fine artist, the sort whose work appears in galleries and your primary audience is art collectors, not busy art directors, then a fancy presentation might be the better option.
Artists and designers have adapted with newer technology, of course, and thus the lightbox was born. A lightbox is a way to show a full-sized image superimposed over a thumbnail gallery without actually loading a different web page. Some of these lightboxes pre-load the images when the page is first loaded, some wait until a specific image is clicked on (thus inserting a short wait before each image is seen, but less of a wait than an entire page load would bring). This is one way to get over the faults of an old-fashioned thumbnail gallery, but it still lacks the ease of something scrollable, without thumbnails.
Some of these lightboxes have fancy animations that feel great to the artist, but add even more wait time and frustration to the audience. It seems neat and fancy the first time someone sees it, but by the fifth time it can begin to drive you crazy.
Some of them just pop the image up instantly – which is better, but it still means more clicking, more moving the mouse around the page to click on boxes to close the light box, then hunting for another thumbnail, slowing down and complicating the viewing process, but you still have the benefits of a nice presentation.
So really this boils down to what’s more important? Ease of use or presentation? Or maybe you can have it both ways? That would be ideal, but it’s a tricky design tight rope to walk. If it’s your first time designing a portfolio, you might want to pick one priority and pursue that.
Here’s an example of an image gallery on Tumblr that is scrollable but has superb presentation and framing of the artwork. This Tumblr site is based on a paid theme available on their service. (They have free ones too.)
Personally, my feeling is that if you’re trying to get work, the way you feel about your portfolio is unimportant. It is not an art gallery in the real world, it is a web site. Websites are meant to be used, not viewed. The audience is what matters, and as such I feel that the priority is ease of use for them. Give them a scrolling gallery with big, high quality images of your work, accompanied with brief but complete information about each piece. Think about your most important audience — people who might give you work — and about their needs. They need a little context for each piece:
- Why did you do it?
- What was the intention?
- What was it for?
- What media did you use?
- Was it digital?
- If so, what software did you use?
- Did you do a pencil drawing first or did it start and end in pixels?
- If it’s traditional media, what was the original work’s size?
- When did you do this?
Also, see what I did there? Lists are much easier to digest and understand than free prose. Use lists when it comes to some of that info.
Example:
[Description Text here, keeping it short and sweet, no more than a couple sentences. Imagine it as something that you want to convey in two Twitter messages or less.]
- Client: Hokum Pokum Books
- Produced digitally (Adobe Photoshop) from pencil drawing
- Completed July, 2010
There’s other ways to enhance the presentation of a scrolling gallery. Give each item plenty of white space. Look around at some of the themes on Tumblr for example. Some of them automatically box each post elegantly in something that looks like a sheet of curled paper laying on a flat surface. Elegant, attractive and scrollable. That’s what you want.
I hope this helps.