Archive for the ‘web design principles’ Category

Simplicity in web design No.2

Wednesday, February 4th, 2009

On this blog, you will see many posts about simplicity in web design. Simplicity is the first key to successful web designs.

Start by changing the way you think about the word “simple.” Simplicity is not easy. Simplicity is innovative. It is more challenging and takes more discipline than the “kitchen sink” theory of design. If applied correctly to your brand strategy, you can say more with less.

5 key advantages to simplicity in design and messaging.

1. It is easily recognizable.
2. It is memorable.
3. It reduces visual and emotional tension.
4. It is easy to understand.
5. It allows for a direct, coherent, consistent message across all brand channels.

Take advice from the experts.

Marissa Mayer, Google’s director of consumer Web products, sums the importance of design simplicity excellently:

“Google has the functionality of a really complicated Swiss Army knife, but the home page is our way of approaching it closed. It’s simple, it’s elegant, you can slip it in your pocket, but it’s got the great doodad when you need it. A lot of our competitors are like a Swiss Army knife open-and that can be intimidating and occasionally harmful.”

Google stays true to the equation: Robust Product + Simple, Direct Presentation = Success.

Test your web design by trying this below.

An easy way to evaluate the effectiveness of your marketing materials is to sit down and look at them briefly. Skim them. Don’t spend any more time than you would as a consumer looking at someone else’s materials for the first time. Now step away. Read a chapter in a book. Go on a walk. Do something distracting. Then sit down and think about your materials. What do you remember? Is you message clear? Is your web design consistent? If you have trouble remembering your colors, focus or message, others certainly will too.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Web writing – tips for interactive web designers and web writers

Wednesday, February 4th, 2009

In advertising a web designer or an interactive art director is usually paired up with an interactive writer. In the interest of keeping web designs clear and concise, there are a few principles that we should work toward together to acomplich successful web designs. Below are a few of those web writing principles that every web designer should know:

1. Put conclusions at the beginning
Think of an inverted pyramid when you write. Get to the point in the first paragraph, then expand upon it.
2. Write only one idea per paragraph
Web pages need to be concise and to-the-point. People don’t read Web pages, they scan them, so having short, meaty paragraphs is better than long rambling ones.
3. Use action words
Tell your readers what to do. Avoid the passive voice. Keep the flow of your pages moving.
4. Use lists instead of paragraphs
Lists are easier to scan than paragraphs, especially if you keep them short.
5. Limit list items to 7 words
Studies have shown that people can only reliably remember 7-10 things at a time. By keeping your list items short, it helps your readers remember them.
6. Write short sentences
Sentences should be as concise as you can make them. Use only the words you need to get the essential information across.
7. Include internal sub-headings
Sub-headings make the text more scannable. Your readers will move to the section of the document that is most useful for them, and internal cues make it easier for them to do this.

If we can weave these principles into our web designs, we can keep people on our web pages longer and be able to drive them to where they want to go faster and much more effectively.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

web design and modal windows

Monday, February 2nd, 2009

When was the last time you saw a “resized-pop-up window” with full chrome ? Nowadays, everyone is using modal pop-up windows/pop-in windows/Div layers/modal windows…whatever you call them, they are much better for web designers and basic usability.

What about the basic features of these faux-windows ?

Drop shadows are not just for looks, they help the window stand out from the background by reinforcing it’s dimensions. They also block out the noise of the content beneath the window by darkening the area around it. The shadow in the web design help the user focus his attention on the appearing window.

Close buttons are a must. I have seen some inexperienced users wonder what to do to close the window, do I click on it? Where’s the close button…so make sure that button is super-clear.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Simplicity in web design

Monday, January 26th, 2009

I have heard of the 6-second rule, the 3-second rule and even a 2 second rule. No matter how long it takes someone to abandon a web design an go elsewhere — it’s pretty quick. Below are some points to remember when designing and writing for web designs:

- Use headings to communicate the essential messages on the page.
- Segment content to make the page “scan-able”.
- Offer obvious and enticing links to your site or promotional page.
- Restrict paragraphs to three lines or less.
- Break key points into bullets rather than paragraphs.
- Include title, byline, and call-to-action in each paragraph and bulleted list area.
- If you have multiple objectives, chunk each one into bite size nuggets.

Remember, there is beauty in simplicity – especially in web design. People will need to consume the information quickly and cut to the chase. Or you may chase them right off your site.

I say crystallize a single idea, per module or page and use lists when writing, however some literary people will raise their nose at lists, but they are a good form of communication. Just don’t use lists not too much, because your web page also needs a mix and balance of substance. Don’t overwhelm readers with too many or unrelated messages. One objective is best per page and if you have multiple objectives, break it up into manageable sections.

Speaking about “section-izing” content or “chunk-ing” content

Success requires shapely, succinct, structured, engaging and easy-to-follow content. Once you master the form of these design strategies, over time your web design’s effectiveness will rise to the occasion.

For starters, a carefully chunked page–that is, a page broken into bite-sized pieces served under clear, informative headings–creates a palatable design tempting to even the pickiest reader. Content chunking is cousin to several essential design tactics. For example, avoid the formidable “wall of text;” present brief, quick-read paragraphs that prompt a “click” rather than teach a lesson; and buffer sections with plenty of white space and complimentary, appropriate imagery.
Keep the words to a minimum

Web design is a speed game, word economy is a must. Don’t take time getting to the point: say it now, fast, and clearly. Communicate enough benefit, briefly coined, so readers will want learn more.

In the end of it all, success favors preparation — acombination of knowing your goals, drafting a plan and executing with precision.

Like any message, a web design page saturated by multiple themes and intentions loses steam fast. Spare your readers the burden of too many links, options, and themes. If you don’t, they’ll likely abandon the search and leave. If your goal is to sell more, try saying less. Be precise!

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati