{"id":162,"date":"2008-10-28T11:36:07","date_gmt":"2008-10-28T17:36:07","guid":{"rendered":"https:\/\/www.blindfiveyearold.com\/?p=162"},"modified":"2008-10-28T11:36:07","modified_gmt":"2008-10-28T17:36:07","slug":"five-foot-web-design","status":"publish","type":"post","link":"https:\/\/www.blindfiveyearold.com\/five-foot-web-design","title":{"rendered":"Five Foot Web Design"},"content":{"rendered":"

How do you make sure your message is getting across to users? Five foot web design.<\/p>\n

Here’s how five foot web design works. Print out a nice color copy of the page in question. Tape it to the wall. Take a few steps back until you’re around … five feet away. What do you see? If you can’t make out the message then you might have a problem.<\/p>\n

I’m no web design or user interface guru and I don’t pretend to have Jakob Nielsen’s<\/a> experience or expertise. Instead I’m armed with the knowledge that you have a very<\/strong> short time to persuade someone to stay on a page. So don’t be coy. Don’t fill it up with a whole bunch of stuff. Keep it simple. Tell users exactly what your site or web page is about, what you want them to do and where to go next.<\/p>\n

How do we get people to slow down on a street in the physical world? A sign. Let’s look at the ubiquitous yard sale sign<\/a>. Which of the two signs below do you think is more effective?<\/p>\n

\"\" \"\"<\/p>\n

No contest, right? The same rules apply on the information superhighway.<\/p>\n

There are other real world examples that support five foot web design. My first job out of college was as an account coordinator at an ad agency. One of my tasks was writing up meeting notes. My first attempt was returned to me with more red on it than I’d seen in a long<\/strong> time. The message: say it with as few words as possible.<\/p>\n

I also learned about one of their hiring techniques. Only the first page of a resume was reviewed. Any subsequent pages were thrown in the trash and never read. The lesson: brevity was and is critical, particularly in advertising.<\/p>\n

Five foot web design simplifies your message and increases the odds that users will understand, remember and take action on that message. It will also help your search engine optimization (SEO) efforts.<\/p>\n

The reason five foot web design supports SEO is that it forces you to use your keyword phrases prominently and to rely less on explanatory text and links. In short, it’ll help boost your keyword density.<\/p>\n

You’ll need to use your headers wisely. Nice big H1s that don’t mince words. H2s and H3s that support your keyword(s). Strong anchor text. Judicious use of bold text. Strong call to action buttons. Keep it clean. White space is your friend.<\/p>\n

Poker Copilot<\/a> is a good example of five foot web design. Recently, they switched to much larger buttons<\/a> in hopes of increasing downloads.<\/p>\n

The spike at the end of the graph says it all. Spike is not even an adequate word here. It’s a kangaroo leap to a new level.<\/p><\/blockquote>\n

I also recommend the book Don’t Make Me Think<\/a> by Steve Krug which presents a more detailed look at web design that dovetails nicely with five foot web design.<\/p>\n

In lieu of additional reading, simply take a moment to step back from the computer, or roll back in your chair, and see if your<\/strong> site is befitting from five foot web design.<\/p>\n","protected":false},"excerpt":{"rendered":"

How do you make sure your message is getting across to users? Five foot web design. Here’s how five foot web design works. Print out a nice color copy of the page in question. Tape it to the wall. Take a few steps back until you’re around … five feet away. What do you see? […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,3],"tags":[355,350,357],"class_list":["post-162","post","type-post","status-publish","format-standard","hentry","category-marketing","category-seo","tag-marketing","tag-seo","tag-web-design"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t