Paul Graham: Design for person who has their finger poised over the back button(mixergy.com)
mixergy.com
Paul Graham: Design for person who has their finger poised over the back button
http://mixergy.com/paul-graham-design/
5 comments
Content is king. Fascinating content is what actually draws customers. The most fascinating content is short.
To best follow pg's advice here, I wouldn't suggest a laundry list of design tricks. I'd say prototype and refine the 1-second elevator pitch of your service. Take this and put it in bold, clean, friendly letters and images and then design from there.
Clean design will take snapback time from 1 second to 1.5 seconds, but a compelling message is the only thing that will make someone sit down and read further.
(And yeah, definitely put your login in the upper right corner. Consistent UI is almost certainly important here and it'll make your current customers happier.)
To best follow pg's advice here, I wouldn't suggest a laundry list of design tricks. I'd say prototype and refine the 1-second elevator pitch of your service. Take this and put it in bold, clean, friendly letters and images and then design from there.
Clean design will take snapback time from 1 second to 1.5 seconds, but a compelling message is the only thing that will make someone sit down and read further.
(And yeah, definitely put your login in the upper right corner. Consistent UI is almost certainly important here and it'll make your current customers happier.)
Load content first. I get really irritated and tend to avoid sites where I get to sit and look at ads while waiting for the content. I don't mind ads and don't use ad blockers, but it is content that I want and that gets me to a site.
Regarding the pastel colours:
http://colorschemedesigner.com/
http://colorschemedesigner.com/
That's an excellent color scheme app! It's hard to make it produce a bad looking color scheme.
This reminds me. I'm not a designer in any way, but I've always wondered whether it would help if the tool you use to design a website is actually focused on designing websites. With photoshop you are editing a list of matrices of pixels. This is a very general tool which means that it doesn't understand the structure of a design well and it takes a huge manual translation step to get to the HTML+CSS+images.
Any ideas on whether and how this could be improved if you made a tool focused solely on designing websites? Not just taking away the translation step but also making designing itself faster.
This reminds me. I'm not a designer in any way, but I've always wondered whether it would help if the tool you use to design a website is actually focused on designing websites. With photoshop you are editing a list of matrices of pixels. This is a very general tool which means that it doesn't understand the structure of a design well and it takes a huge manual translation step to get to the HTML+CSS+images.
Any ideas on whether and how this could be improved if you made a tool focused solely on designing websites? Not just taking away the translation step but also making designing itself faster.
Excellent basic guidelines. Some of these might overlap with yours:
* Give the user content that they can see at a glance. If you can glance at your web site without seeing content, fix it.
* Use readably large fonts. Even those of us who have good eyesight usually don't want to read small text, and there are a lot of people whose ability to read small fonts has deteriorated with age. You don't really need to cram as much text as possible onto one screen.
* Column width shouldn't fill the whole screen without a very good reason.
* Keep it simple!
* Give the user content that they can see at a glance. If you can glance at your web site without seeing content, fix it.
* Use readably large fonts. Even those of us who have good eyesight usually don't want to read small text, and there are a lot of people whose ability to read small fonts has deteriorated with age. You don't really need to cram as much text as possible onto one screen.
* Column width shouldn't fill the whole screen without a very good reason.
* Keep it simple!
Like this: http://chrismckenzie.com/ ?
Don't worry pink buddy, help is on the way:
http://www.netsoc.tcd.ie/~inky/internets/epic_box.swf
http://www.netsoc.tcd.ie/~inky/internets/epic_box.swf
It's okay; I disabled the back button.
For extra points, strip the window borders and go full-screen, that's certainly going to get your visitors attention.
And since they can no longer see the url you can be sure they'll visit again.
And since they can no longer see the url you can be sure they'll visit again.
That stuff always piss me of, but I have to wonder if it would result in a better conversion rate...
Not directly relevant, but I wish someone would pass this headline to browser designers...I am sick of hitting 'back' and then waiting for the page to reload.
I usually open pages in new tabs, so Ctrl-W is my back button most of the time. I've found that it's actually easier than using the proper back button.
I guess what I really want is this:
1. A really fast back button, and
2. Middle-clicking on the back button opens the previous page in a new tab. I've just discovered that Chrome does this, and I am overjoyed.
I guess what I really want is this:
1. A really fast back button, and
2. Middle-clicking on the back button opens the previous page in a new tab. I've just discovered that Chrome does this, and I am overjoyed.
Why not target those people with a specific landing page? The language could be something humorous like this:
"..wait, don't click the back button cause i got something to show you.." or "..We're so happy that you're a new visitor, here's a coupon just for showing up. click here to redeem your 30day trial.." or something like that
"..wait, don't click the back button cause i got something to show you.." or "..We're so happy that you're a new visitor, here's a coupon just for showing up. click here to redeem your 30day trial.." or something like that
That kind of stuff always comes off as scammy to me.
* Keep it simple
* Pastel colors look good and are trivial to match
* Note alignment and white space
* As pg alludes, register/login top right
* Call to Action should be green (pg says red, shrug)
* Test the words. Patrick has a pretty great A/B testing library for Mixpanel.
what are yours?