Andertoons 2.0 – Views

ViewsAnother brand new feature is Andertoons keeping track of cartoon views.

Every time you click on a cartoon’s thumbnail and the big cartoon page comes up, that counts as viewing that cartoon. (Also, whenever you navigate to the home page, it counts that as a view for the daily cartoon.)

Each cartoon now lists the number of times it’s been viewed by visitors, and, again, the most viewed cartoons are displayed on the home page, and by topic on each of the main topic pages.

I dunno how useful this is in the end, but it’s kinda fun to see what everyone is looking at!

Anyway, enjoy!

Technorati Tags: , , , ,

Andertoons 2.0 – Ratings

Rate1We have a lot of brand new features at the new Andertoons, but the one I think is the most fun so far is our new ratings system

Again, I was thinking a lot about Web 2.0 and allowing visitors to interact a bit more, and, to be honest, ratings seemed long overdue.

It’s pretty simple – click on the arrows and give a cartoon a rating from 1 star (mostly reserved for terrible puns and cartoons that don’t make sense) to 5 stars (take THAT New Yorker!).

The stars are then averaged over the number of times the cartoon had been rated and that rating is displayed.

The really fun part is the highest rated cartoons are then displayed on the home page, on by topic on each main topic page (business cartoons, for example).

Here’s the thing though – cartoons rated 5 stars having been voted on only once will rise to the top. I’m no math whiz, so anyone got am idea to get around this? Maybe only show cartoons as “popular” is voted on more than once?

Anyway, it’s a minor point, and the ratings are already proving incredibly popular. And I’m really enjoying seeing people enjoy the cartoons!

So click away, and have fun rating! I promise I won’t get my feelings hurt. 🙂

Technorati Tags: , , , ,

Andertoons 2.0 – Favicon

FaviconOK, short blog today because it’s Friday and I need an afternoon off, but check out the new favicon:

I’ve been wanting to do one of these for years, and, really, I didn’t have to wait until now, but my programmer asked if I wanted one and that finally got the icon rolling.

I like to think of this little guy as a nod to my animated waving guy from the last site, green shirt and all. And, again, trying to cram my style in a 16 x 16 pixel icon, not as easy as previously thought.

Anyway, I’m liking it. Hope you do too…

Technorati Tags: , , , ,

Andertoons 2.0 – Overall Design

So here’s the first of what I’m hoping will be a daily thing this month about the new and exciting changes at Andertoons.com. (Sorry for the late post; lots of illustration work and short deadlines.)

I think the first thing anyone who’s been at the site more than a few times will notice, is that it just plain looks different in every way.

Because we were completely gutting and rebuilding the site’s infrastructure, we had an opportunity for a facelift. May as well go whole hog, right?

Plus, I’ve really been a fan of the clean simple Web 2.0 design of recent years, and had been itching to do a site in that style.

What was interesting, however, was how poorly my initial concept for the site was received. It seemed that all that white space and clever typography was fine for say a Flickr, but a lot of folks advised me not to lose the fun cartooniness of the current site.

I really sort of just fumbled around in different designs for a few months, before I hit on something that I thought balanced the clean usability of Web 2.0, and what so many people liked about the old site. And that, obviously, is what the site looks like now.

Newandertoons

I did want to bring over some elements from the last Andertoons look – the rounded rectangles (I was into ’em before they were cool!), much of the color scheme, some Andertoons-esque icons – but I needed to move an awful lot around to make way for a lot of new features and content.

One big way in which I differ significantly from the Web 2.0 look, is the outline around the pages’ elements.

I’d initially rejected this look, but the more I looked at my cartoons, and the thick line I like to use, it began to feel like the way to go. Also, it helped separate text heavy sections of the page more clearly. (At least that was the idea.)

Another huge difference is the loss of the rollover navigational icons on the left side.

Oldnav

Many many people wrote to tell me how much they liked those (and that little waving guy at the top), and I had to admit they were a lot of fun, but when it came right down to it, there just wasn’t enough space.

I compromised again by adding a little icon next to each link in the header’s navigation.

Icons

I was surprised how long they took to get just right. Using a thick link in a small space, and making the image simple and recognizable in my style… Well, let’s just say I have a whole new respect for folks that do that for a living.

Anyway, I could go on and on about design minutia, but suffice it to say, I worried about pretty much every pixel right up until the launch (and a little after).

Let me point out, I’m no graphic designer. I really don’t have any art training, and my coding skills are abysmal. Pretty much I’d figure out all the elements I needed, drop ’em into Photoshop and move stuff around until I thought it looked OK. So, I can pretty much guarantee I’ve violated a number of design rules and practices, but overall I think it looks pretty good.

I hope so, because my Web 2.0 design itch has been well scratched, and I’m not changing anything again for a long long time.

Hope you like it!

Technorati Tags: , , , ,

Sweating the Small Stuff Profusely

One of the maddening things about a new web design is trying to figure out where users might look for things they want. Here’s a perfect example of something I’ve spent entirely too much time on this afternoon:

I want to make it easy for users to get to search pages where they can see all the cartoon in the topic of their choice. In this case, animals.

So, do I put a link on the left above the other links (look above “ANIMAL SEARCHES”)…

Animal2

…or at the upper right in a larger red font?

Animal1-1

I’ve considered add topic searches to the main pulldown menu…

Menu



…but it’s already crowded in there.

I’ve left both examples live on my animal cartoons page. Any ideas? Opinions? Thoughts? Haikus?

Technorati Tags: , , , ,