Less Everything Blog - Design

Addiction

2010-02-12T15:47:00Z

Addict: A person who is so longing for happiness that s/he makes a series of bad decisions until those bad decisions have become an incredibly strong habit. At first these decisions gave the appearance of leading towards happiness, but they do not, and once the habit is formed it is very, very difficult to change directions.

Is this how you are? Maybe not with drugs or alcohol, but are you like this about something? Have you lost sight (or maybe you weren’t aware in the first place) that all you wanted was happiness?

Are you like this with your business? Did the first few decisions work for you and now you’re just desperately repeating them over and over, because you’re unable to change tactics? We all fall into this from time to time, but once you realize it you can break free and make good decisions again, not just the same decision.

I’m Steve, and I’m a businaholic.

Static Screen Captures Suck

2010-01-27T13:31:00Z

The latest trend in web app brochure design features a screen capture of the app on the home page. Does this screen capture really help sell the web app? Does it really answer any of the questions a potential customer has before signing up. How many people go from this screen shot directly to the signup page? I think a screen capture is a waste of valuable space.

We decide to replace the static screen capture on LessAccounting's brochure home page with a quick teaser video. Below is the 1 minute teaser video. I think anything over one minute is too long: a long video doesn't lure me into signing up, it bores me into leaving. The purpose of the video is to answer the user's question "Should I sign-up and explore, or is this app a waste of my time." We asked Adam of VJIX Creative to put together this video for us. We gave him some talking points and then left him alone. So far this video is being viewed by a large % of our visitors.

<object id="viddler_d3eceda4" height="327" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="545"><param name="movie" value="http://www.viddler.com/simple/d3eceda4/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed name="viddler_d3eceda4" allowfullscreen="true" type="application/x-shockwave-flash" src="http://www.viddler.com/simple/d3eceda4/" allowscriptaccess="always" height="327" width="545"></embed></object>

Over the next few weeks we'll be running A/B testing with and without the video, stay tuned.

Jason Fried of 37Signals at LessConf 2009

2010-01-06T16:12:00Z

You need eyeballs first

2009-12-09T14:53:00Z

Recently I had a conversation with a friend who runs a small web consultancy and is looking for some consulting work.

Him - "I am going to redesign my site, maybe that will help generate leads".

Me - "Who's coming to your site?"

Him - "Yeah good point."

A great website design can help your consulting. But if no one is coming to your site then no one will notice the new design. If your current site is good enough your time is better off networking, blogging, talking to people and helping on open source projects.

Web Conventions by Des Traynor & Eoghan McCabe at LessConf

2009-11-10T14:29:00Z

Help us speak at SXSW 2010

2009-08-18T14:18:00Z

We need your votes to speak at SXSW

Steve and I are hoping to speak SouthbySouthwest (SXSW) 2010. If you haven't heard of this conference you've been living in a cave and let me welcome you to the world outside.

Steve's Talk Summary

How to choose what to say yes or no to. How to market. How to design. How to pick a team/partners. How to split the money. How/when to launch, what's the bare minimum needed to launch. What is "good enough." How to do customer service. What are good problems to have. How to plan for scaling. How to have good UI and how important is it. Lot's more.

Allan's Talk Summary

This talk will focus on how to create a user interface to make things easy for users. What are things you need to think about to design your application. How to make your users love your application. 1) How to create a user interface to make things easy for users. 2) What are things you need to think about to design your application. 3) How to make your users love your application.

If we're not speaking at SXSW I will blame you personally. :)

Build, Design, Launch an App in <40 Man Hours

2009-08-05T13:40:00Z

Two weeks ago we launched LessCabinFever.com, start to finish it took less than 40 total man hours. In this blog post I'm going to tell you how we did it and why we consider this a successful product launch.

What is LessCabinFever?

LessCabinFever is a directory of laptop workers that are interested in exchanging homes for a short period of time. We call them work-vacations, a vacation from working in the same place. Basically, do you work from home? Would you like to work from another city for a week?

Why we did it.

We built this app for two reasons. (1) I want to work from somewhere else about four times a year. Some place nice, some place new. (2) It's so easy to write a blog about launching early and waiting on building that feature that seems so important. We wanted to practice what we preach.

Here's how we did it

Budgeted time, stuck to it.

We estimated 40 total man hours to launch this project. We knew it would be tight but we wanted to push the comfort zone of the constraint. We wanted something that could be built in a weekend.

Code Base

The code base is LovdbyLess.com. With some minor tweaks, adds and mods we were able to get the app to the current state in 27 hours. LovdbyLess gave us a lot of the core features we needed. Are there other features that could have been added? Yes. Would they have made the app something more to talk about? Probably not.

Design

I purchased the logo illustration from istockphoto.com for $10. The logo took 15 minutes to create. The overall app design took 12 hours total, including writing the markup for the app. I believe "design" is hard to bid for a consultancy, many clients want collaboration and collaboration costs money because it makes the process longer. Would it have been worth it for me to create the logo by hand, taking a few more hours? I don't believe so, this logo is good enough.

Overall

We spent another couple hours testing the app and talking about the next set of features. Overall we're pleased with the app. It's not perfect, it's not bug free, but we stuck to our budget and launched something. We're excited, so far has been well received, users are talking and people are tweeting about it.

Going Forward

The app isn't on the front page of digg and we're not worried about the whole world seeing this app. A few people per day are adding their homes and we're excited. Once a few hundred listings are in the app we'll spend some more time making the app better and easier to use.

Launch is the Starting Line

We always caution our clients that launching an app is the starting line, not the finish line. We know all too well that for this app to reach people and be useful it will take time, marketing, attention and love.

Consider this a success?

I call this a success for many reasons. Working on a project with a looming deadline and then launching it on schedule is exciting. Building an app and forcing yourself to make tough decisions is a great process. Going from paper to launch in an extremely fast time is a great way for a consultancy to flex their muscles.

#10 Rules for Bootstrapped Web App Startups

2009-07-07T13:36:00Z

Build something people need and love. People will talk about it.
Release, release and release. Release it before you think it's ready, you're wrong, you don't need that feature.
Your app will probably fail, most of them do.
Be ballsy, don't follow the herd, make a courageous moves.
Build something you want to use. Continue to use it, feel the user's pain.
Google AdSense isn't a revenue model.
Find the cheapest, fastest way to 500 paid users. People will pay for your app, if it's good.
Design is an iterative process, not just development. And you won't get it right the first time, so don't sweat so much.
Don't scale until you actually need to. (The front page of Digg does not count as need.)
Don't spend any money.

UI Test Results #3

2009-06-15T12:53:00Z

In my last test results blog Kevin Burg said ...
With equal weight to both buttons you may tend to read the whole text on both buttons as a sentence, and instead of going BACK to the beginning (Try it) you go with the last thing you read (See the tour). How about flipping them – “See the Tour or Try Less Accounting Free”, and configured like the 2nd option?

So I ran this test for thousands of users over the course of 12 days. The results were surprising.

Conversions 12.3%

Conversions 13.8%

Visual Weight (Content Sells, Logos Don't)

2009-05-26T13:06:00Z

In college my web teacher pushed that the first element a visitor should see is the logo. They needed to notice the logo first to build brand recognition.

The web has changed.

Your site's content will make and re-enforce the story you're telling to your potential user. More websites are giving more visual weight to their content first. Like this.

Here's the visual key points I try to show.
1) Who is the user? Quickbooks users
2) What questions do they have? What does this app do? Does this app suck less than Quickbooks?
3) How do I get started?

UI Testing Results for LessAccounting.com

2009-05-22T16:28:00Z

This experiment ran for 8 days on LessAccounting.com, using the Google Website Optimizer. This test was a follow up experiment after I tested the layout flipped. That experiment rendered a 2% conversion increase (from 10%-12%).

11.9% Goal Conversion

12.3% Goal Conversion

My Theory

With the "see a tour" styling as a link instead of a button there is more of a focus on the sign-up button. However there is less visual weight in general to that area. In my next experiment I am going to add some visual weight to that area and try to keep the focus on the sign-up button.

Thoughts??

Your decision today

2009-05-21T13:45:00Z

Today you will have to make one, if not many decisions. Do me a favor, be ballsy. Make a decision that people will question. Turn heads.

Buttons on the left is the winner

2009-05-11T15:22:00Z

We recently added the Google Website Optimizer to LessAccounting.com. My first test was to see if reversing the layout would effect the sign-up percentage.

Conversion Results

With the design below were receiving 10% of our traffic to sign-up with a trial account.

With the design below were receiving 12% of our traffic to sign-up with a trial account.

How Google Website Optimizer Works

The optimizer works by adding pages to test and then having a goal page to mark the "conversion". We had two pages and the goal page was the sign-up page.

My Theory

The buttons are the left are "easier" (less cursor distance) than having them on the right. There is less chance the visitor will scroll past them. A jump from 10% to 12% is huge in my book. I highly recommend using the optimizer, I'll continue to test the brochure portion of the app in various ways.

Tweetie Flaws (OSX Twitter App)

2009-04-22T14:27:00Z

Tweetie, an osx twitter app, is a good app that could be great with a few changes.

<object id="viddler_8866e6f3" height="422" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="545"><param name="movie" value="http://www.viddler.com/player/8866e6f3/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed name="viddler_8866e6f3" allowfullscreen="true" type="application/x-shockwave-flash" src="http://www.viddler.com/player/8866e6f3/" allowscriptaccess="always" height="422" width="545"></embed></object>

I'm expecting a comment from @timchilcott who is Tweetie's #1 fan.

Some of My Favorite Design Elements Lately

2009-01-22T18:28:00Z

I keep a design account on flickr, where I can upload my favorite pieces of websites. I find myself coming back to that account looking for inspiration. Here's the link to the flickr account and here's the rss feed