I'll come right out with this...I wish every photographer's website started out with the ten pictures (of their own, I mean) they love best. Call it a tenset to give it a name...a set of ten. A core set. A key set. A photographer's ten best, or ten favorite, or ten most characteristic pictures, up front. Even if they recur in later categories.
Is that asking too much?
I look at an awful lot of photography websites. I spent most of a long day yesterday looking at many more. I'm fully convinced of the need to give close and long attention to photographs, individually and collectively, and I do that often, but there are times when I can't, when I need to look and evaluate quickly, or decide quickly whether I'm going to give a particular site more time.
I don't actually care if it's five or twelve or twenty, but I'd like it if the photographer would give me a hand in getting a quick handle on who they are and what they do. Take the following scenario for example. I go to a website. There's an intro page. I look for a menu. Find it. One of the menu items is "Gallery" or "Portfolio" or "Photographs" or "The Work." I click on that. Here's what I find in the subfield:
Falklands
Valentine's Day 1998
Graduate work
Ted and Alice
Montmartre
...and ten more like that.
What the heck am I going to click on? I have no idea. I want to see quickly what that photographer's all about, what kind of chops he or she has, what his or her way of seeing might be; I want the most characteristic work first. So I end up just clicking on something at random...
...Say, "Ted and Alice." Misfire: the gallery has three shots in it, all bad flash pix of a beaming middle-aged couple at a party. The legend says "Just a few snaps of my favorite auntie at her anniversary party! We had tons of fun."
I've just wasted my time. And still have the same problem...don't know where to go next to get a handle on that photographer. If I'm surfing fast, my next move might be to leave.
Worse, I might find something like this under a "Gallery" menu header:
Abstracts
Travel
Nature
People
Street Photography
...and so on.
Well, that's a bad sign, to me. I don't tend to like, and don't much trust, photographs that can readily be sorted into pat categories. I haven't seen a single picture, and I'm already a bit prejudiced against the work. Which, four times out of five, with headers like that, is going to be generic and imitative. (They could usually simply be labeled "Pictures I've taken that look just like other pictures I've seen.")
Granted, people need some way to sort pictures into meaningful piles—you can't lump it all into one immense heap. But can't we exercise a little creativity on the nature and labels of the piles? We're supposed to be creative people, after all.
And give me a tenset at the outset. I'm sorry a practice like that didn't get to be web-conventional early on.
Diversions
In the "Commentariat" post, a reader named Jenny Rose nominated a site by a photographer named Simon Robinson as being worthy of attention. I hasten to emphasize that I don't mean to criticize Simon's photographs; I agree with Jenny Rose. However, the other overriding impression I'm left with whenever I surf many photographers' sites in one sitting is that maybe half of the sites seem to be actively working against my desire to see the pictures there.
Simon's site is a convenient case in point. It's not the worst I've ever seen (maybe one site in every ten or twenty chases me away with the pure awful badness of its user interface. Especially if the first picture takes an eternity to load, I'm outta there). But it's not good. First of all, the pictures are too small. Secondly, the pictures are defaced by a copyright notice. It's not for me to say people shouldn't put their copyright notices in the image area, although I don't like the practice: anything in the way of the picture is bad in my book. Worse, on Simon's site the navigation features crowd not only all around the pictures, but into them as well. Mouse over a picture, and the caption drops into the picture area; convenient in terms of access, admittedly—but why put it on top of the image? Couldn't it just as easily pop out just above the image? I don't understand why this is so common on the web: it's like looking at a picture in a museum and having someone step right in front of you to tell you something about it.
I suspect the underlying problem is that the UI designers see pictures as unimportant. It's their design they like and want to emphasize, not the stupid picture, which is merely a design element to them. Of course, what we want to see are the pictures first and foremost. Uncluttered and unimpeded, please.
Egregiously needless in the case of Simon's site is that when you put the mouse on one of the thumbnails, a slightly larger thumbnail sprouts up into the picture area. Now you're just annoyin' me. (The popup in this screen-grab says "PAIN," which I thought was apropos.)
And, before the site is fully loaded, the progress wheel for the loading of the next image appears in the middle of the image. That is, important information is being obscured by trivial information. Which should never happen, although it, too, is commonplace. Why? Another common problem I find is that the space goes blank while the next picture loads. Again, why? The site's just wasting my time, and not being subtle about it, either. I don't understand why all websites don't just let us continue to look at the picture that's already up while the next picture loads, and then switch quickly, without fuss.
The sites that navigate by clicking on the picture itself to change to the next one are probably easiest and best. Failing that, the arrow or index for the next picture should at least stay in the same place so you can simply rest your mouse there and click whenever you're ready to change. Navigation arrows that jump around from here to there are just pitiful. In the case of Simon's site, you have to divert your attention away from the picture to navigate the thumbnails to get to the next picture, but you can't rest your mouse on the next thumbnail because it initiates that irritating little popup. So you have to divert your attention away from the picture twice just to change from one picture to the next. Arragh.
We all deal with presentation issues. TOP's far from perfect, god knows (I'm not a programmer). We all make do, and do the best we can. I like Simon's black and white. To echo Louis Armstrong's highest compliment of another musician, "he has good tone."
So, does anyone know of a site meant for looking at photographs that they consider ideal in terms of the UI?
Mike
P.S. In Simon's bio, he actually asks for feedback on his site. Guess he just got mine!Featured Comment by Jeremy Epstein: "So, as a UI person...
"It seems folks so enthusiastically wish to show everything that they fail to edit. Most people want to share the full breadth of their work, and the software lets them share lots more, so much more that more becomes the problem.
"In UI there is no free lunch. Human beings posses finite capacities for attention, memory, dexterity etc...there is no free lunch and more stuff to show is, well, more. More controls, more navigation, more titles, more confusion, more things that zig and zag and spin and distract from the photographs.
"As far as the experience of viewing goes, speed is the primary aphrodisiac. Make those images smaller, compress them carefully, and remove page elements that don't support your work. Designers use spinners, transitions, and progress bars to make up for the fact their sites are slow.
"Imagine setting up your website the way galleries set up shows: Show nothing but the single edit that represents one facet of something you are involved in. Don't show the rest. Nothing else save perhaps an artist statement. Essentially no navigation, or limited navigation.
"Then do what all good websites do and 'rotate' your exhibit every week or every month to show a new facet. 8–12 photos are all that most folks can absorb at a time anyway.
"Basically the biggest failing comes from trying to do too much, not trying to do to little. Let your art speak, not the gee-whiz s**t or the flash. (And photos are not the first part of my website, or what I do, so there goes the practice vs. preach....)
Mike replies: Good advice, Jeremy, although I'm not sure about the "rotate" part. I think most photographers specifically don't want to have to rotate...they want to "set and forget." After all, the point is to sell their work, not create more work for themselves by having to revise their website presentation on an ongoing basis. Instead of rotation, it seems to me that many photographers are now going for a dual approach: a static formal site to present their portfolio and serve as a primary means of access for potential clients, and a blog to show samples of current projects and new work in passing.
For one thing, most current projects and new work will never make it into the formal portfolio. The purpose of this site is not to show my work, but over time I've shown sets of "current work" of my own a few times, for instance here, here, and here, and not one picture from any of those particular three sets has made it into my main portfolio (although this one is still under consideration).
Featured Comment by Ben Mathis: "We go through this a lot in the 3D videogame industry also, but the website is even more important to us, because it is THE way to get work. We don't have flatbooks and physical folios—we send potential clients to the website, and get hired or passed over solely on that.
"The basic rule set we use:
• No flash, ever.
• No splash page, go right into the content.
• Only one level deep of navigation, none of this "people > candids > wedding 2009" malarky
• Design for 1024x768 or larger
• UI needs to be simple, easy to use, email link should be accessible from every page
• Large thumbnails no smaller than 75 pixels in any dimension, and they should be cropped to format and not be tiny details of the larger image (though we photographers tend not to do that—we understand the importance of the whole image).
"Someone mentioned earlier a basic page with just name, and scrolling images, nothing to click at all (other than email). And I can't help but wonder if they meant mine."
Featured Comment by Simon Robinson: "Well, I wasn't expecting this when I logged on this morning! My first thought was 'Great, Mike's mentioned my website!', then I read on....
"I have to agree with pretty much everything you say and I appreciate the comments (this is the first feedback I've had). I'll take it on board and see what I can do with my limited knowledge of building websites.
"One of the main problems I came across when building the site was trying to get it to display properly on the majority of browsers. I use a Windows PC and consequently Internet Explorer. I'd get it right on IE and then look at it on a Mac and all sorts of things would be wrong—different parts of the screen that were the same colour in IE were different shades on a Mac. The issue you raise about the screen going blank when the image loads doesn't happen in IE. I'm not saying this as an excuse for a poorly designed website (Ithought it was well designed when I built it!), it's just that it can be difficult to get it to cater for all browsers.
"As I said above, I'll see what I can do to improve the UI. Mike, would it be ok for me to email you directly to get feedback on my progress? Would you also be able to tell me what browser you use and what your screen resolution is set to?
"Look like I'm going to be very busy for the next week or so!"
Mike replies: Thanks Simon, and thanks for being a good sport, too. I use Firefox 3.5.5. with a screen res of 1680x1050. I have Safari to do spot checks for compatibility, but I don't have IE. When you get your site redone, shoot me a note and I'll post another link to it. Also, whatever camera/lens/film you're using for your square B&W, don't ever change. Perfect.
By the way, I'm surprised by how few of my readers have gone to see your site for themselves. Maybe most people aren't interested in this post?
Featured Comment by Mark Roberts: "All right.... After teaching web design in college for a few years (and being a photographer even longer) I can offer some advice here!1. Simpler is better, both in terms of design and technology. Go with plain HTML as much as you can, JavaScript only if you absolutely must and Flash if someone puts a gun to your head.
2. Never test your design on Internet Explorer. Use Firefox first and tweak for other browsers and operating systems later if necessary. It usually won't be necessary (especially if you followed rule 1) and if it is, it'll be much easier than if you started with IE and then tried to correct for other browsers.
3. Pay attention to size; both pixel dimensions and file size. Make your thumbnails big enough (in pixel dimensions) that they're intelligible, and make your big images small enough (in file size) that they download quickly.
"If you're really interested in web usability, you should read Jakob Nielsen's Alertbox page regularly.
"If you're a non-geek who just wants to make your web site better, then Vincent Flanders' Web Pages That Suck is both informative and hilarious. (Particularly read his two 'Bad Web Design Checklists.')"
Featured Comment by Keith Trumbo: "Let me put it bluntly. If the photographs are original it's worth wading through their website no matter how badly designed it might be. The packaging is not the problem. Of course better design supports the work but for me it is that so much of what I see has so little soul, originality and creativity. I feel that the digital age has raised mediocrity to a new height. So much attention is on the vehicle i.e. the website, the camera etc. rather than the subject matter. These conversations are almost a smokescreen to hide the sheer boringness of the millions of images that we seem to be drowning in."
Mike replies: Your perspective is, ahh...not invalid, but what I'm talking about is, when dealing quickly with high volumes of sites, how do you know if the photographers are original or not, if it takes you more time to uncover an adequate sampling than you want to waste on a site that doesn't suit? We're all looking for different things, and at different times. What I'm talking about is the ability to get a quick, efficient read on the question, "should I spend more time here or should I move on"? What we're trying to avoid is the tragedy of leaving a photographer behind because the interface is exasperating, thereby missing the rare original work we are in fact seeking....
Featured Comment by Mark Tucker [whose website was featured in the "Challenge for the Commentariat" post, below —Ed.]: "Someone sent me a link to this discussion."I agree with the TenSet theory. Actually, I have proposed a law that limits the amount of images on any photographer's website to ten images. If you can't say it in ten, you're not specialized enough.
"Sorry about my Slide Show approach the other day. It was an experiment, and it lasted all of about three days, until some guy in Germany wrote to me and bitched me out. Problem is: with FolioLink template, you set the timing of each image, but in the end, it's determined by the connection speed of each viewer, which kills the whole approach.
"I've tried everything from writing my own HTML code, to now Flash/Foliolink, and tempted by Haggart's FotoFolio, but in the end, it's about the (ten) pictures. Also gotta be clear who you're talking to—art buyers' needs are much different than the general public, in how they view your site. Mine is not perfect by any stretch, but honestly, I'm just sick of messing with it. It is what it is.
"Best of luck to everyone. There is no perfect answer."
I just did a site and looked at a bunch of options settling on photium. Tried to keep it really "clean". I agree with you mike, anything that takes away from the images or delays you getting to them is no good :)
www.darrencreightonphotography.com
Posted by: Darren | Thursday, 17 December 2009 at 11:09 AM
Back when I built web pages (in HTML, barefoot, in the snow), I kept the top three or four browsers around just to check compatibility. It just made sense. (And they're free, so why not?) But Opera was the reference, as well as a good development environment; it was standards-based, had useful tools for web designers, and it was fast. All still true, I think, though Firefox seems to have caught up.
Posted by: robert e | Thursday, 17 December 2009 at 11:20 AM
Hm. I actually want to defend Flickr a little bit here. A photographer's Flickr shouldn't be her photography website, obviously. It's really a social networking site built around photographs, think Facebook without Farmville. And I like the interface for being simple and uncluttered. Navigation is done with html & javascript, and thumbnails are large. Flickr automatically loads a picture 500 pixels across unless you specifically ask for a bigger version of the shot, so the site is pretty speedy. And it's not difficult to construct a tenset:
http://www.flickr.com/photos/coffeespoonr/sets/72157622894559131/
(This one was created in June, and hasn't been updated since)
As for me, I close a website the moment i detect Flash. I mocked up a website (on paper, gasp) for a friend of mine that I'm going to make a customized Wordpress template to show off her line drawings. It's going to have forward and back, a copyright message, and a contact. And images.
Posted by: James Liu | Thursday, 17 December 2009 at 11:34 AM
Well this'll probably get lost in the tidal wave of comments to this post, but I consider this man's site to be just about perfect for looking at the work. I also consider the work to be extraordinary.
I would definitely nominate him for Random Excellence.
http://www.davidjohndrow.com/
Disclaimer: I know this photographer but rarely see him and he has no idea I'm mentioning him.
I haven't read all the posts, but the problem you have as a photographer is that if you don't code your own site or have the money to hire a designer, you have to rely on "template" sites, like Squarespace or Zenfolio or iWeb that provide very little flexibility and almost no simplicity or elegance, the first principles for photo websites.
Posted by: Jeff Glass | Thursday, 17 December 2009 at 01:13 PM
I'd like to thank Mark Roberts for his sane tips on web design. My fellow Dane Jakob Nielsen is big, but far from big enough, it's clear. I read his book on Web Usability almost ten years ago, when my career as webtrepreneur took off, and it helped me greatly. And I can state with a weird mix of shame and pride that none of my (commercially very successful) sites use any technology which could not be read fine by Netscape Navigator 3.0 from 1998!
Posted by: Eolake Stobblehouse | Thursday, 17 December 2009 at 01:40 PM
Mr. Johnston, your wit never fails. "Valentine's Day 1998" - priceless. In all seriousness it is easier said than done to get the web presentation right. I use basic HTML, and while my site seems to work with every browser and the code is easy to edit, the thumbnail galleries I settled on always leave me wondering if I should have gone for something a little less primitive. And there are all the nuances of how big to make the images, whether to watermark, etc.
Posted by: Eric Ford | Thursday, 17 December 2009 at 01:46 PM
Love this! I am going to put a tenset on my site right now.
I too am confused by portfolio headings that make no sense. I designed my site in iWeb and I worry about the slidehow presentation of my galleries-they're not great, but I do label them well.
Thank you for this site!
Posted by: Rebecca | Thursday, 17 December 2009 at 01:59 PM
Indexhibit is a CMS (content managment system) that I use for my site that has been slowly gaining ground in the design and photography portfolio world.
http://indexhibit.org/
I think it sets a good precedent of single layer of navigation simply read by the user, no flash and a default design that puts the content above everything else.
Posted by: Tyler Ball | Thursday, 17 December 2009 at 03:16 PM
Hi Mike, your post raised many of the same issues I find when exploring photographic sites - they don't focus on the image. In desperation I wrote a flash "envelope" that holds lightroom galleries - being my best effort at bringing images to the fore.
I also wanted a site I could maintain really easily, so the whole look and feel is driven by XML config files and the structure simply by the folder structure into which I export galleries from Lightroom (I use the excellent slideshowpro exporter).
I also love large scale high resolution images - which do not deliver well over the web. I've adopted some awesome tools from krPano to attempt to deliver visitors some of the "look and feel" of a big print.
Finally, I also struggled with the issue of banal categorisations - and of course have generated my own banalities. Sigh.
But - withall - I have in effect pre hoc taken your "inferred principles" of UI design and applied them as best I could in delivering a visually simple, easy to navigate and low maintenance site which actually focuses on delivering images for delectation. (or not).
Your comments on any aspect of my attempt and its concordance with your ideals would be welcome - and I do hope you enjoy some of what you find. I am never happy with what is there and strive to make better images... A sisyphean task I suspect.
I am happy to make the fully customisable site template available to people if there is interest.
Posted by: Rod Laird | Thursday, 17 December 2009 at 03:23 PM
I told my wife (who worked on my site) about this page on TOP.
She pointedly said photographers look at each others work FAR TOO MUCH than any other working group in society. Why don't we don't get out and produce more great, singular work so that we can whittle away the flawed many?
Maybe we're worried someone will come up with the perfect website while we're out...
Posted by: David in Sydney | Thursday, 17 December 2009 at 04:34 PM
I wish to thank the posters here, all of them, and all of the sites mentioned... it would be hard to add to the discourse in a meaningful way considering some of the extremely informed opinions expressed via the T.O.P. audience, but I must say this is why the internet is such a great place (and humbling)...
To summarize:
Who could have thought everything I wanted to shoot has already been shot, by someone who has a better eye than me, and knows CSS and HTML, or has coders working round the clock in a New Delhi suburb?
mother
Posted by: yunfat | Thursday, 17 December 2009 at 04:39 PM
"By the way, I'm surprised by how few of my readers have gone to see your site for themselves."
You didn't make it sound all that inviting, dudeski. :-)
Posted by: Eolake Stobblehouse | Thursday, 17 December 2009 at 04:47 PM
More photographers ought to read this post! All too often they get starry-eyed at the sight of slick flash-based portfolios --or-- photo management software and lose sight of what's important (obviously the image).
I whole heartedly agree with no-flash sentiment and suggest that anyone who likes the slick-loading look of flash investigate what's possible with some AJAX and javascript effects. (most people do, in fact, have javascript support now -- 95% according to w3schools -- how many in your target demographic?)
When I set-out to redesign my site I wanted a few major features:
1) No page reloads between images (think AJAX here)
2) Pull images directly from Flickr using the Flickr API so I don't have to curate multiple sets of the same image.
3) Clean, simple design where the photograph is as large as the screen size (up to 1024px in either dimension to alleviate major copyright violations and download times)
4) deep-linking support -- the ability to link directly to the photograph
I managed to incorporate everything and it follows the same rules that you outline above in your article with the exception that the caption pops down over the side of the image if you even decide to click it open. -- feel free to critique: http://photo.tddewey.com
Furthermore, I'd be happy to discuss with anyone interested the techniques that I used to make all this happen.
Posted by: Taylor Dewey | Thursday, 17 December 2009 at 04:51 PM
I've been trying to select picks for each year but haven't been too strict - 100-200 pics. Getting it down to 20 (sorry, I wasn't ruthless enough for 10) was interesting - I surprised myself with the photos I was drawn to and those that I excluded.I think this exercise might change what I photograph in the future.
I've been using zenfolio - nice design, easy to use. Here's my homepage: HTML
Posted by: Callum MacLellan | Thursday, 17 December 2009 at 05:05 PM
For what it's worth, here's my site. I've always liked clean and simple.
This post has been a great opportunity to see a lot of interesting photo sites.
Thanks.
Posted by: John Frendreiss | Thursday, 17 December 2009 at 05:27 PM
For those who want a simple way to show their images I recommend blipfoto. There is a photojournal format and only one photo per day can be uploaded which forces you to choose.
http://www.blipfoto.com/mzsupa5
Tony Collins
Posted by: Tony Collins | Thursday, 17 December 2009 at 05:31 PM
Maybe this is asking too much, but I'd welcome a critique of my site from this august group. It's my first site and it's only been up for about three months. I'd really like to be sure that it's not one of those sites that viewers give up on after a minute or so.
Mike, if this is the wrong place or the wrong time, feel free to delete this post - no hard feelings. I just figured I'd strike while the iron is hot.
Posted by: Dave Reichert | Thursday, 17 December 2009 at 05:48 PM
I'll point you to an interesting case: the web of Spanish photographer Txema Salvans. I think he is almost a genius, someone with a particular vision and a technique developed especally for it. His pictures (square, b&w) are very special portraits of Spain: people, places, habits, games... Quirky, offbeat, with his peculiar humour always on display. The web (http://www.txemasalvans.com/cas/index.html) is as original as his work. The first time I got there I hated it. Its "navegability" must be close to zero. Then I went back to it, and back again, and it sort of grew on me. Let's say it's a designa that echoes his pisctures, it's impossible to go trough it twice in the same order. Always a new experience.
Posted by: JG | Thursday, 17 December 2009 at 06:11 PM
Interesting post Mike. It made me think of Steve Krug.
http://www.sensible.com/chapter.html
I use Rapidweaver, a very nice webdesign program for mac users. You can set the thumbnails to square and big. So people who do not want to see all the bigger images do not have to.
http://www.igrafika.com/iGrafika/classics.html
No flash, ever. So tiresome.
Posted by: els | Thursday, 17 December 2009 at 06:52 PM
Hi Mike,
This is excellent advice. I'm afraid I was (am) guilty of the sins to which you referred. So I went ahead and added my "tenset" to my website:
www.paulorenato.com
A piece of advice I've seen repeated in the comments to this post that I must take exception with is the blanket statement "don't use flash". There is nothing inherently wrong with using flash so long as it is used correctly. In my front page I have a small flash "image rotator" that takes a mere 6KB or so. It will not take very long to load, actually it will load faster than many "plain html" pages. Flash can certainly be misused and make a site sluggish but that is not necessarily so provided you know how to use it.
Paulo
Posted by: Paulo | Thursday, 17 December 2009 at 07:35 PM
btrancho,
thanks for the mention of my site - took a sec to figure out where all the traffic was coming from today!
Joe Quint
Posted by: Joe Quint | Thursday, 17 December 2009 at 08:03 PM
"I like the idea of the Tenset. Can we see yours? (not being facetious, genuinely interested)"
Michel,
I'm still considering it, but generally I've tried to keep my best stuff off the web. Like it or not, I'm kinda high profile (not hugely so, but kinda), and my stuff gets stolen all the time. Just the other day I got a very official announcement email from really a pretty large, serious concern, and right there in the middle of it was a picture I took in my very own bedroom! I kid you not. Doubtless they didn't mean to "steal" it--it was just out there on the web, they found it somewhere or other, and it fit what they needed so they used it. I'm sure they didn't know whose it was, and it's not like it was hgh art, it was just an illustration. But that's sorta the way things have gone for me.
I just know, however, that there are pictures of mine that I would be really offended to have filched--some that really are personal, that have real meaning to me--so I just don't publish them.
I'll keep thinking about it, though.
Mike
Posted by: Mike Johnston | Thursday, 17 December 2009 at 08:53 PM
An excellent, informative post. I agree with everything here with the exception of your critique of Simon Robinson for watermarking his images. You write: "Not putting a watermark in the image area does not mean you don't have copyright. A notice next to the picture is as effective as a notice ON the picture." Sure, it's as effective from a legal standpoint, but you're assuming that people browsing the internet understand the concept of copyright, which in many cases I don't think they do. (Check out this article at Imaging Resources for a cogent example). I'd argue that a watermark serves as a greater deterrent to theft than some HTML text that can be easily separated from the photo. I'm not saying that everyone should use them-- I often don't, myself-- but certainly there are justifiable reasons for doing so, and I think we should respect that.
Posted by: Andy Marfia | Thursday, 17 December 2009 at 09:17 PM
Andy,
That's why I wrote, in the post, "It's not for me to say people shouldn't put their copyright notices in the image area...."
Mike
Posted by: Mike Johnston | Thursday, 17 December 2009 at 09:24 PM
Mike,
Your post motivated me to revise my own Tenset (prepared a few months ago). It lives in Flickr, so I guess I should move it to my own site someday.
Posted by: Jordan | Thursday, 17 December 2009 at 09:48 PM
@Mike: I don't want to get into a semantic argument, but that's a pretty week disclaimer. It's not for you to say, except that you did say it.
Posted by: Andy Marfia | Thursday, 17 December 2009 at 11:00 PM
No, we're not going to get into an argument, because we're not in disagreement. Here's the situation: in my opinion, copyright notices in the image area (often) detract from the picture. And they annoy me when I have to look at them. That's just the fact of it. But I fully understand that some people feel the benefit outweighs the disadvantage--and I understand why. I'm not in a position to demand anything of anybody, so why would I need a stronger disclaimer than the one I gave? People are going to go ahead and do whatever they feel is in their best interest, regardless of my opinion. It's not my decision whether Simon (or anybody) uses a watermark or not. It's his. I do get that.
Mike
Posted by: Mike Johnston | Thursday, 17 December 2009 at 11:16 PM
I'm a big fan of Juan Buhler's website as a model of simplicity. http://www.jbuhler.com/
Clear white border framing the photos, location info not inside the photo.
Very little to distract from the excellent photos, and pretty quick to load.
Posted by: Acliff | Friday, 18 December 2009 at 01:50 AM
Mike, embedding photos in a flash gallery makes it much harder or impossible for casual filchers to appropriate them.
Putting photos in the background (of body, table cell, div) used to be enough for that kind of protection, but the... idiots (really don't want to find another word) around Internet Explorer and Firefox thought it marvelous to enable direct saving of background images.
Posted by: erlik | Friday, 18 December 2009 at 02:40 AM
Ben Mathis summed up all the most crucial points perfectly. I find it annoying that websites are still being designed for the 800x600 screen resolution format, pictures are still too small on the internet.
When I made my website, I knew what I liked, so I learned a bit of HTML and just made it as simple as possible.
I shoot large format though, so for me to actually get my pictures onto the website requires scanning, which is great because then I end up only scanning the ones I think are any good, so my edit is always tiny.
Posted by: Tibor Palocsay | Friday, 18 December 2009 at 03:52 AM
Nice post Mike. I don't have a real site yet except for a blog with mostly family pics and a Flickr account, so not much room to play with the UI there. But... your tenset idea was something I could do so I made a 'The Tenset' set on Flickr with (for now) 17 pics in it that reflect what I do and like.
Best, Nick
Posted by: Nick | Friday, 18 December 2009 at 04:23 AM
Mike, on visible watermarks: "It's not for me to say people shouldn't put their copyright notices in the image area, although I don't like the practice: anything in the way of the picture is bad in my book."
Mike, on image theft from the web: "I've tried to keep my best stuff off the web.... my stuff gets stolen all the time." (I removed the line where Mike implies that his photos get stolen because of who made them rather than because of how good they are.)
Mike, your followup at 11:16 p.m. makes clear that you see no contradiction in lamenting other photographers' visible watermarks while admitting that you fear image theft when posting your own images online. Fair enough.
But since the point of this entire post is to be helpful to photographers with regard to their web presence, in your recommendation what's a typical photographer to do, if not one of the four choices below?
It seems a photographer who doesn't want to provide free clip-art to the whole world has four choices, each of which has its shortcomings:
1. Not put images on the web
2. Put only very small images on the web
3. Use Flash [makes right-click image theft harder]
4. Visibly watermark the images
Am I missing any options here? (I should note that none of these are foolproof for the photographer who sells prints, not even #1, because the buyer can always scan/rephotograph the print and then legally insert the image into a listing on eBay, for example].)
Posted by: Robert Noble | Friday, 18 December 2009 at 04:30 AM
No splash page, go right into the content.
Agreed. I can't see the point in a page which says "click here to enter site".
Posted by: Steve Smith | Friday, 18 December 2009 at 05:11 AM
For non-coders who want a very easy way to make simple, browser/platform-compatible web photo galleries, I recommend Web Album Generator: http://www.ornj.net/webalbum/index.html
It's FREEWARE
Makes it easy to add and arrange photos and add titles and captions.
It creates valid code that doesn't cause trouble in any browser I've tried (which is lots).
Geeks can customize its stylesheet to their heart's content to make its pages look they way they want.
Did I mention that it's free? (There's no Mac version, though)
Posted by: Mark Roberts | Friday, 18 December 2009 at 07:51 AM
I love the idea of letting your images speak for themselves on everything from the photographer's style to the photo's category. A simple tenset is a nice thought, like a visual table of contents. I recently pulled together my own (um, 30)set, and like that I can more easily swap out images without having to reorganize.
Posted by: Joy | Friday, 18 December 2009 at 07:53 AM
@ Jeff Glass
I like David's site and photography as well, but think the site suffers from a bit of visual clutter. I'd loose the redundant Galleries buttons on either side of the thumbs. I understand that they are there for balance but just too distracting. For that matter I'd also lose the thumbnails and just put a button that gets you an overview. That, or at least reduce the opacity of them considerably, and bump the size of the displayed image by 25%.
Thanks for posting and tell David I will send him an invoice.
Nice stuff.
Posted by: charlie | Friday, 18 December 2009 at 07:56 AM
Robert,
I fail to see any contradiction here. When I give my responses to the viewing experience I have online, I need to be honest with regard to what I think and what my reactions actually are. I don't like looking at images with watermarks all over them. What do you want me to do, lie and say I do? I don't.
And no, I don't put up certain pictures that have personal meaning to me, because I don't want them to be appropriated. Problem solved--those pictures never get appropriated. They're safe in a box in my closet. It's just the decision I've made with regard to certain particular pictures. Not an ideal decision, just the one I've decided upon.
And no, I don't dispute other peoples' decision to use a watermark if that's what they feel will better serve their needs and better protect their work.
But do I have to like looking at the watermarks just because someone else decides to use them? I don't see how that follows.
What's the problem here? Where is there any contradiction in any of my positions on this?
It's not an ideal world. There are certain risks inherent in certain actions. There are also tradeoffs inherent in certain actions. Protection and accessibility are conflicting parameters. Sometimes an ideal solution doesn't exist. That's life.
Mike
Posted by: Mike Johnston | Friday, 18 December 2009 at 07:56 AM
For a while I resisted the idea of breaking up my portfolio into categories; there's real appeal to a tenset sort of page. But portfolio categories can be useful (at least I think so) if they're really focused.
In my "Portfolio" page there are five categories (Newborns, Families, Couples, Weddings,Events) which I hope cater to the people who may be looking at my Portfolio. I don't know that it would be useful to clients have my two best images from each of those categories in one (although I guess that's what the slideshow on the opening page is...hmmm).
Anyhow, if you've made it to the 3rd/4th page of comments and care to take a look: www.aarondill.com/portfolio
Aaron
P.S. Mike, have you considered putting up some sort of private online gallery, open to TOP readers or somesuch? I don't know what sort of design would work, but there's obviously lots of people who would like to see more of your work. I bet a book of yours would sell pretty well too...
Posted by: Aaron | Friday, 18 December 2009 at 08:53 AM
"For a while I resisted the idea of breaking up my portfolio into categories; there's real appeal to a tenset sort of page. But portfolio categories can be useful (at least I think so) if they're really focused."
Aaron,
You do understand I'm not suggesting you can't do both, right? I'm suggesting a tenset as an opener, not necessarily as the whole site.
Also, I think your categories make PERFECT sense, since you're directing each category at discrete groups of potential clients. That's probably a perfect example of the ideal use of portfolio categories. A wedding client isn't going to be interested in a newborn portrait...not for another nine months or so, anyway!
Mike
Posted by: Mike Johnston | Friday, 18 December 2009 at 09:23 AM
Thanks for this post Mike. It gave me the boot in the rear I needed to trim my site a bit.Loads faster now and I use the new Google Chrome which gives you a smaller menu/browser bar.
Posted by: cj gordon | Friday, 18 December 2009 at 09:52 AM
Hi Mike,
I find the idea of a tenset really appealing. Guess what. I implemented it directly to my site (http://www.martinzeile.de) and even named it tenset.
Although I left my original gallery with subcategories intact (which need further attention by the way). I think this might be a good compromise between kicking out to much photos and a slick short portfolio for everyone who does not want to see 40+ images but only 10.
I would appreciate a feedback if your time allows it
Cheers
Martin
Posted by: Martin Zeile, MD | Friday, 18 December 2009 at 09:53 AM
You know, the web module of Lightroom makes very nice slide shows--both HTML and Flash. The options are quite limited, but you get clean and simple.
Posted by: Robin Dreyer | Friday, 18 December 2009 at 10:07 AM
In addition to people using various flash blocking software, flash also doesn't run on many portable devices (phones and netbooks). For a simple gallery function, it's a big mistake IMNSHO. (And the screens on some of the phones are incredible; small, but 200 pixels per inch!)
And it doesn't slow people down grabbing copies of the photos. You may not know how, but people into stealing photos do.
For big commercial concerns using your photos, the important step is to register copyright. Then you can hit them for statutory damages, rather than being restricted to real damages. For commercial concerns far away (in China, wherever), they weren't a potential market for most of us in the first place, so if we can't manage to sue them later, what does it matter?
I don't actually believe in people who "don't know" that stuff on the web might be copyrighted. That's getting into malicious ignorance for anybody working in the design field. It might be a defense claim (but "ignorance is no excuse"), but I don't think it's real.
Posted by: David Dyer-Bennet | Friday, 18 December 2009 at 10:45 AM
David Dyer-Bennet wrote: "I don't actually believe in people who 'don't know' that stuff on the web might be copyrighted. That's getting into malicious ignorance for anybody working in the design field."
David, I agree - it is hard to believe - which is why that imaging-resources.com article that Andy Marfia linked to (21 posts above David's) is must reading for photographers interested in protecting their images:
"Only 21 per cent of the marketing, PR and publishing professionals surveyed correctly identified the definition of ‘royalty free,’ with nearly half (44 per cent) believing it meant they could use the image without paying for it. Additionally, only 16.5 per cent knew what ‘rights managed’ meant.... 81 per cent of creative professionals that have used an image without paying for it [say they] did not feel guilty."
(It apparently made no difference whether the photos in question were copyrighted, and it's also probably safe to assume that if the figures are inaccurate they're probably on the low side.)
I work for a company that uses a lot of freelance designers, and I've worked with at least four youngish graphic designers who were ignorant (or feigned ignorance) about what "royalty-free" meant. They each lifted multiple copyrighted photos off the web daily (two of them actually told me, "Hey, it says they're royalty-free, doesn't it?"). From all indications I've seen, this is now common practice in the design field, especially as more and more design work is outsourced to freelancers and less work is done in-house by payrolled employees of those "big commercial concerns."
The principle of copyrights may not be obsolete, but relying on them to solve the problem of intellectual/creative property theft can sound pretty anachronistic. In a market increasingly dominated by freelance designers who have instant, anonymous access to millions of quality images, it seems to me that the threat of a copyright claim by the creator of a digital photograph has no more force than does a copyright claim by the seller of a digital piece of music -- i.e., both claims mean, in practical terms, virtually nothing. The only way an individual photographer can realistically fight image theft is to make the image less desirable (by watermarking it) so that the would-be thief moves on to the next easily-appropriated image.
Frankly, I think many photographers who try to protect their images from theft are more concerned about numerous small-time thefts than one large "big commercial concern" [outside of China] stealing an image. To the degree that the "many micro-thefts" concern is prevalent - and I don't know of any evidence either way - a visible watermark that makes reuse of the image a hassle strikes me as far better protection against theft than a copyright not inserted into the image area. But perhaps mine is a minority view.
On a side note, does anyone have any experience with tineye.com?
Posted by: Robert Noble | Friday, 18 December 2009 at 12:19 PM
I've tried to keep my gallery pages as simple and (hopefully) intuitive as possible. I found that only way to get exactly what I wanted was to write the code myself... which of course is not an option for most people, I suppose.
For a long while the *only* gallery on my site was effectively a "tenset": a gallery with a variety of images in pairs. But now I've added galleries to correspond with recent active exhibitions, so the "tenset" is no longer first in the gallery list.
My site: http://www.jonasyip.com
The ten-set-ish gallery is the the second one ("Juxta")
Jonas Yip
Posted by: J Yip | Friday, 18 December 2009 at 01:32 PM
I pretty much followed Ben Mathis rules when designing my website. I didn't want to have any special code to deal with all kind of browsers so the same code had to work for IE, Firefox, Safari and the iPhone. It may not be flashy but it is simple and fast (when my host company cooperates, that's it).
Mike, I agree with you on the tenset, as a matter of fact my portfolios (but one) all have between 6 - 12 images
Posted by: Rafa | Friday, 18 December 2009 at 03:54 PM
Just added my twentytwoset, Thanks for the idea.
http://web.mac.com/rebeccalittle/iWeb/getthecamera/20%20BEST%20PHOTOS.html
Posted by: Rebecca | Friday, 18 December 2009 at 04:17 PM
Mike, I understand but if your argument or suggestion is purely about convenience for the viewer so that they can ascertain ASAP whether more time should be spent on a photographer's work then I have even a more radical time saving approach.
Skip the ten photographs idea. How about viewing only one image?
My premise is that one photograph should tell you enough. If the viewer doesn't get it what would nine more photographs tell them? That it's not luck? Possibly.
If one's job is to view websites continuously then my suggestion is not so radical but if like me where viewing other Photographer's work is on a more pleasurable casual basis then I have no problem with whatever way they represent themselves.
Posted by: Keith Trumbo | Friday, 18 December 2009 at 06:51 PM
So let me (tremblingly) do some self-promotion in this context:
http://doeringphoto.com
Posted by: Frank Doring | Friday, 18 December 2009 at 09:26 PM
Frank,
Yours is one of those websites where there isn't enough.
Mike
Posted by: Mike Johnston | Friday, 18 December 2009 at 09:55 PM
Frank,
Well the benefit of this discussion for me has been the discovery of your work.
Agree with Mike...could look all day!
Keith Trumbo
Posted by: Keith Trumbo | Saturday, 19 December 2009 at 11:51 AM
For my site I mostly copied the format and functionality of joe's nyc, which works well for a blog. I use an old version of Movable Type, no flash, one image per page, static content so everything loads fast. I use a couple of javascript drop-downs to display photos by category and month posted.
As far as I can tell, most of my few viewers use my site by starting at the front page and clicking back through the five or ten most recently posted images. I don't think many people use the category menus. One of my categories is "favorites" and I should probably put a prominent link to it on each page. (Or maybe I should put my "favorites" thumbnails on the front page.) But it works well enough as it is and I like to keep things simple.
Perhaps I have too many photos on my site. However, I use the site as a notebook, and keeping all of the images that I have posted makes it easy for me to see how my skills and tastes have changed over time.
Posted by: Jonathan | Saturday, 19 December 2009 at 02:36 PM
Great post, and responses. Thank you Mike, and everyone else. Numerous options, as opposed to restrictive answers, provided to concerns and questions I've had regarding my "efforts" ("work" sounds too professional for my stuff).
As my New Year Resolution, I need to set up some web presence for the increasing interest in those efforts - rather than the restrictive Google Picasa web-albums I've used up until now. This topic has been most helpful.
On a less serious note. Will you be awarding the "TOP Mark" of approval to sites in the future? For both design, and content. "This site has been approved to TOP Standard xxx." Perhaps a grading system? Although at my level, it's likely to be like too many of the old school reports, "Could do better." Maybe not such a great idea.
Thanks again.
Posted by: Dave S, The Black Isle, Scotland | Sunday, 20 December 2009 at 07:45 AM
I was quite inspired by the concept of the “tenset”, and I’ve had a go at creating my own. If you’re interested, you can find mine at href="http://www.andrewj.com/photography/gallery.asp?page=../album/- My Tenset/index.html
I’ve also written a short article on how I selected my tenset, and the pros and cons of different strategies.
Posted by: Andrew Johnston | Monday, 11 January 2010 at 11:21 AM