Learn Something from Others’ A/B Testing

January 15th, 2010

I saw a link to abtests.com today and thought it was a great idea.

Each user-submitted test on ABtests gives you some insight into what has worked and what hasn’t worked for other designers, and what they’ve learned from their testing.

In this example, TogetherTag tested two different home pages, one with the main call to action (a request for the user’s pet’s name) on the right, and one with the same CTA on the left.

CTA on right

CTA on right

CTA on left

CTA on left

TogetherTag claims that moving the CTA to the left increased sign-ups by 20.3%, saying “the left side of the page is read first and has a higher priority than the right. Putting the call to action in the prime spot increased conversions.”

While a lot of what you’ll see here may seem like common sense after reading usability books, ABtests may be a good reference for real-life data points when discussing design with clients.

Flash on the iPhone!

January 14th, 2010

Well, sort of.

Tired of waiting for Apple and Adobe to resolve their problems, a developer by the name of Tobey Tailor built Gordon: An open source Flashâ„¢ runtime written in pure JavaScript.

CSS is all Growed Up!

December 22nd, 2009

Exciting to see things like this being done using nothing but CSS. Less exciting that we’ll probably have to wait for IE to die entirely for this kind of thing to be used reliably.

Source: 24 Ways > Going Nuts with CSS Transitions

Here’s another awesome animation technique, which unfortunately doesn’t look so nice in a frame, this time using webkit: Spinner

Source: 24 Ways > CSS Animations

Tags: ,

Posted in Design

1 Comment »

Three20 Gets Documentation

December 18th, 2009

Yeah, finally – Joe Hewitt/Facebook’s venerable Three20 iPhone app library gets some official documentation, an effort spearheaded by one of its new maintainers, Jeff Verkoeyen…check it out at three20.info.  Arguably the best feature is the App Store “safeness” display, since Apple will occasionally tweak its private static analyzer which leads to autorejections for Three20 apps:

three20 app store status

This and the javadoc-like autogenerated method documentation webpages are super-helpful, since the old documentation acquisition techniques consisted of searching the web for blog posts (most of them outdated like mine since Three20 has gone through some pretty big refactorings), reading the source, and single-stepping through everything with Xcode’s debugger.

It’s sad to see Joe Hewitt go, but I think having Three20 be more than a one-man show is a positive thing for stability and wide adoption.

Oh No!

December 18th, 2009

With Lou Reed in the iPhone app game, what chance do the rest of us have?

Lou Zoom:

Lou Reed's iPhone App

Recursive PNGCrush

December 14th, 2009

Pardon the geeky interruption for a moment folks, I need to talk about pngcrush. I’ll only be a quick second, so just bear with me.

PNGCrush is a lovely little tool that optimizes your PNG files by removing ancillary chunks of data and applying various compression techniques. Your files won’t look any different to the naked eye, but their size shrinks, sometimes dramatically. Smaller size equals faster loading; faster loading equals your site, loaded completely, in front of a set of eyeballs before they grow impatient and move onto something else.

The only problem with PNGCrush is that it has no built-in recursion, so if you want to walk through an entire images folder, you’re up a creek without a paddle.

Here’s a quick workaround for cygwin-less Windows users, it will recurse a folder structure entirely, replacing each image along the way with a compressed copy.

FOR /F %%Z IN ('dir /b /s ..\your\path\*.png') DO pngcrush -brute %%~fZ tmp_img_file.png && MOVE /Y tmp_img_file.png %%~fZ

Hope that helps!

Newer Entries »