30 July 2010

57: Minimalist web design

Beautiful but not bare.
Minimalism reduces user distraction. Too many page elements, is visual noise. A minimalist design puts the focus squarely on the content. Any splash of color on a black-and-white design, for example, is sure to get the user’s attention. The color itself becomes the focal point. The graphic element brings color, texture and/or shape. It is the most important element.

How to Minimize Content
Cut out anything that is not essential. Throw out as much as possible.
    * Icons or graphics for social media, or a social media section at all
    * Taglines and supplementary descriptions or introductions
    * “Featured,” “Popular” and “Recent” lists (including Twitter and RSS feed lists)
    * Pages with more than three major sections (e.g. “Introduction,” “About” and “Services”)
    * Secondary navigation pages.

How to Simplify the Design
Minimalist designs should have little texture, color, shape, lines, content or type. Go too bare, though, and the design will be boring. Rather than dumping everything out, give the design appeal by making just one important feature the focal point. Choose what that focus will be, and keep the tips below in mind as you work through your design.

    * Decide on what content you absolutely need.
    * In a list, prioritize the content.
    * Sketch based on your list to experiment with the best visual hierarchy.

White space is practically synonymous with minimalism.
No matter how creative you are with it, a minimalist design without plenty of white space is not really minimalist at all. So, be sure to add more white space around elements than you normally would. The space is needed to balance the few elements that will appear on the page.

Balance, Alignment, Contrast
While much of the load can be carried by white space and a good layout, special care should be taken with the fundamentals of design. The three biggest related to minimalism are balance, alignment and contrast. It does not need supplementary visuals to look “finished.”

Black and White
One trends is extensive use of black and white. This is obvious enough: color should be simplified along with texture, shape and content. But it can be overdone and look  boring. Think of how to stay minimalist even with strong use of color.

Typography-based Web design is closely tied to minimalism.
When designers have very little else to excite the user, they often seize on interesting typography. You could even go so far as to use typography as the sole visual element. Look for ways to make typography enhance the design while remaining unique.

Flash
A surprising number of minimalist web designs are Flash-based. With so little else for visual stimulation, a design could benefit from subtle animation (such as text fading in and out) without being overpowering. Also, Flash removes certain limitations in the design process.

negative-effects of minimalism

It’s Just a Style
Simplifying a website is one thing, but minimalism on its own is just a style like grunge, illustrated and sleek Web 2.0 are styles. Not every design needs it.

Minimalism Is for “Artsy” Websites
Extreme minimalism is common in portfolios and other creative-type websites. Minimalist design best suits modern websites in creative industries.

The Ordinary Web User
the majority of Internet users are not creatives. Many non-designers don’t appreciate minimalist design or even find it visually appealing.

Content-Rich vs. Cluttered
We often mistake non-minimalist websites as being cluttered, and ugly. Cluttered websites are confusing and unattractive. Even experienced designers think first to remove elements when something is “missing.”

Cluttered vs. Content-Heavy
A cluttered design has little white space; its typographic styles, colors and other elements clash; it is a disorganized mess; the layout is ineffective or absent; and content is excessive, not rich.

Minimalism is undoubtedly effective. But it’s not for everyone, and some people prefer other styles.

Below are a few common mistakes made with minimalist design:

    * Self-Defeating Usability
      Minimalist websites should be the most usable websites, because nothing is there to confuse or get in the way; and the text is thought out extra carefully. Often though, with little on the page, visitors have difficulty figuring out where to go. So, attention to visual hierarchy is a must. Also, getting creative with the navigation is fine, but don’t get too creative.
    * Minimal Design or Minimal Interest?
      Beautifully minimal or just plain boring? You can make a minimalist design interesting in a number of ways, while preserving its calm and simple appeal.
    * Is the Message Strong Enough?
      Minimalist designs are best for adorning messages that are compelling on their own. The idea is to strip the website of any excess content or elements that would detract from the message. If the message is weak, ill-conceived or absent, then a minimalist design may not be the right choice. Brochure websites are an example of this: basic information with no distinct message.

We improve a design by simplifying it: that’s a basic design rule.

24 July 2010

56: Balancing Speed and Decoration

SPEED VS DECORATION
Web design is different from print design in typography, page layout, colors, and function. One of the key diferences is "speed" (meaning browser page load time.) Speed of comprehension is important in both. But functionally, if a webpage loads too slowly, the viewer will bail out and never see the website content. This is called the "poverty of attention." Simply, if there is too much artistic detail to load or absorb the visitor must block the "noise" or move on to a less complicated site.

Thus, decoration (image files) are conterproductive to speed. The ideal site would have no images to slow it down. But it would then be very boring.

There are two worlds needing BALANCE.

1. Speed versus any decoration (complexity.)

2. Classical decoration versus ornate decoration (complexity, again.)

Complexity seems to be the enemy. Unlimited or unrestrained creativity can be a barrier to understanding.

Classical design doesn't necessarily mean the load speed is fast. But when you strip a design of decoration to enhance speed, you end up with a more classical design.

Yet, decoration is perceived at subconscious speeds and influences how a user feels about a site: The First Impression. The aesthetics (body language) then is critical after getting past the speed barrier. If having endured the load time, at this moment a visitor once again decides whether to stay or leave. They instantly "feel" they've found the solution they were searching for. A positioning statement is a shortcut to that search motive. This is also called content relevance. If there is too much "site noise" they will not recognize or percieve the answer quick enough before "attention span" runs out.

There must be a minimal aesthetic applied in a discipled fashion (aka checklist) to achieve a balance of Classical and Expressive:

1) color (theme, complement, etc)
2) organics elements like foliage, rust, texture, etc.
3) lighting like shadow, depth, gradient, etc
4) legibility of text.
5) optimization of images.

21 July 2010

54: Aesthetics and Web Design

Classical Aesthetics are: good taste, pleasant, clean, clear, and symmetrical. It corresponds to "visual clarity."

Expressive Aesthetics are: creative, using special effects, original, complex, and fascinating. Users perceptions of the creativity, originality, and visual richness include ornamentation, character, and theme.

Complexity without order produces confusion; order without complexity produces boredom.
Classical and Expressive Aesthetics share two qualities of landscape design --order and complexity. Order is the "lawfulness" governing the relations among the design elements. Complexity is the large number of relationships among the elements. Human preference is for landscapes that "makes sense" (i.e. is clear and legible)) and the degree where it is stimulating. Good design strives to balance their degrees given the design context.

Perceptions of aesthetics and usability are highly correlated.
Classic design is strongly connected to perceived site usability while expressive design is less so. The classical is an philosophical idea and a usability principle. Beauty is confirmed when "form follows function."

The classical aesthetic originated from antiquity until the 18th century (Greek, Roman, etc.) These notions stress orderly and clear design. The expressive aesthetics are reflected by the designers' creativity and originality and by the skill to break design conventions. While both classifications of aesthetics are drawn from a pool of aesthetic judgments, they are clearly distinguishable from each other. Each of the aesthetic is measured by a five-item scale:

Factor 1: Classic aesthetics
Good Taste
Pleasant design
Clear design
Clean design
Symmetric design

Factor 2: Expressive aesthetics
Creative design
Fascinating design
Use of special effects
Original design
Complex design

Factor 3: Usability
Convenient use
Easy orientation
Easy to use
Easy to navigate
Clear design

Factor 4: Pleasurable interaction (Comfort?)
Feel joyful
Feel pleasure
Feel gratified

Factor 5: Service quality
Can count on site
Site contains no mistakes
Site provides reliable information

20 July 2010

53: Website Design & Aesthetics

Every graphic you use will slow down your site for its visitors.

According to some estimates, 20 percent of your visitors leave for every 10 seconds you ask them to wait for a page to download. That means, if 100 people arrive at your slow-loading page: 80 remain after 10 seconds; 64 remain after 20 seconds; 51 remain after 30 seconds; 41 remain after 40 seconds; 33 remain after 50 seconds; and after one minute you have lost all but 26 of the original 100 visitors. Rest assured all those who left will never return.

16 July 2010

52: Blogger Now Has Real Time Stat

Blogger Now Has Real Time Stats

Real time statistics are a new feature for all public Blogger blogs. There is a new “Stats” section, which displays a dashboard of web traffic and visitor activity, including most popular posts, geographic location of visitors, and from traffic referrers.

Currently, Google’s more popular web statistics tool: Google Analytics does not contain real-time data–-it updates every few hours.

51: Website Trends

In 2009 it became easier to design your website. Businesses had the choice of do-it-yourself website builder’ tools or open source software like WordPress etc. The open source software may require some initial setup help unless the business owner is technically savvy. In 2009 ready-to-use templates also got more sophisticated in the appearance of the finished product, i.e, the published web site, and at the same time got easier to use for the end user. Another new trend for 2009 was getting a design for your website or logo as a contest through “crowdsourcing” with sites like 99 Designs, CrowdSpring and Genius Rocket.

Highly competitive businesses use technology like websites, online marketing tools etc to succeed (Small Business Success Index June 2009). With over 47% of small business not online, 2010 is an important year to get their business online and have a web site.

Low cost or no cost ways to get a web site increase
With the enormous variety of web site tools available for small business, it may be easy to start a web presence for almost no money at all. Hosting providers offering free websites tools, blogging software providers like Blogger, Wordpress etc also let you start a web presence easily. Small businesses could try these free tools to experiment and then advance to a customized hosted option. A hosted option with your own domain name would be more credible and more brand friendly for your business.

Updating frequently.
Realizing the power of a Blog as a business tool
In the previous years, small businesses had set up websites and did not update them often. Even if they are not online businesses in 2010 businesses will pay attention and update the content of their websites more frequently.

More businesses will add Blogs to their existing websites.
This will give them an additional way to interact with customers. Customers can comment and give feedback on the blog. An added bonus is that these businesses have a better chance to be in search engine results as blogs are updated more frequently and search engines like blogs. Customers will like this as they get a chance to comment and also get to know the business in a very friendly and conversational way.

Flashy out;  practical in
2010 is the year of simplicity. Information on the internet is already overwhelming for users. Websites that quickly provide the information without too many flashy promotions will get more visitors. Of course the exception is if you are in the entertainment business.

Do you know who is knocking on your web site door; Web Analytics are a crucial tool
Websites without analytics is like running a business without accounting. Websites will focus on using web analytics tools to learn which content is more popular, who is visiting and from where. Tools like Google Webmaster tools will be important to find stats for indexing.

Widgets and Apps
Widgets showing collaboration between your website and other properties will become expected for websites. Some examples of using widgets is adding your latest Twitter comments, best selling products, most popular articles. This will extend to the ability to share the content using widgets like Share This, Add this allowing the website content to be shared by the visitors to their own networks.

Can I call you now? Adding Interactivity to your website
Chat and calling buttons on your website will be back. If people find something interesting on the website, features like ‘Click to Call “and chat or send a message will reemerge. This will also be an important analytical tool so as to track where the lead came from by using different incoming phone numbers. Earlier, these tools were only affordable by large corporations in 2010 these tools will become affordable by more small businesses. More website owners will start using  Skype, Google Voice or several commercially available options.

More Multi-media will be added to web sites.
Videos and photo galleries will form part of websites. Small business will use cheaper and convenient options like FLIP HD cameras to tell the behind the scenes stories of their business and products. Uploading them to video sites like YouTube, Blip.tv etc for videos, and Flickr for Photos and embedding them in their own website and will have the advantage of being seen in both the website and the photo or video network.

50: Unifying Theme

Creating a unifying theme is one of the most important steps in designing a website. Your theme should reflect the purpose of your website and provide a continuity of design elements throughout your site.

Convey your message
In other words a theme should help you to convey your message and impart a consistent look that runs throughout your website.

Your site should not attempt to be "all things to all people". Observing some limits also involves NOT using every graphic, javascript, animation, music or HTML coding trick that you have available on one web site.

Using color
When the theme is a color combination, the links, buttons and graphics should all reflect that color theme. Use this type of theme for websites that don't fit neatly into any particular category.

Logo should be incorporated on every page. A logo can be any graphic that hints at the central focus of your internet site.

What you are doing, with a theme, is providing cohesiveness to your site - letting visitors know they are still in the same place no matter what website section they are viewing. Web users don't like the feeling of being ''lost'' and will leave a site if they feel they don't know where they are or how to find information.

More importantly a theme should tell a story or convey an idea. Your theme should enhance your message. It can help to make your visitors understand what it is that you are trying to say. Picture your theme as a frame for your message.

49: Theming, Motif, and Motive

Theming is the "the use of an overarching theme, such as western, to create a holistic and integrated spatial organization of a consumer venue." Themes are usually derived from history, or other cultures, but can also be based on fantasy. Theming can vary in intensity from just interior design, to whole architecture  based on the theme, with Theme Parks being one of the largest scale applications of theming. Theming is applied to themed spaces which may include theme parks, restaurants, casinos, museums, airports, resorts and other spaces. Consumers sometimes theme their homes with specific themes and Internet spaces are also themed. Theming is widely applied in the events industry.

    * Theme (arts), the unifying subject or idea of a visual work
    * Theme (literature), the unifying subject or idea of a story
    * Theme (music), the initial or principal melody in a musical piece
    * Theme music, signature music which recurs in a film, television program or performance


Theme (computing), a custom graphical appearance for certain software, similar to a graphics skin.

Motif (visual arts), a recurring theme or pattern in artwork, a design or figure that consists of recurring shapes or colors, as in architecture or decoration.

motif = motive (French)

A recurring or dominant element; a theme; unifying idea

recurring, repeated, elaborated

In art, a motif is a repeated idea, pattern, image, or theme. Visual motifs are a language to communicate visual ideas.

Motive is an incentive to act; a reason for doing something; anything that prompted a choice of action; Alternative spelling of motif; a theme or subject, especially one that is central to the work or often repeated; To prompt or incite by a motive or motives; to move; Causing motion;

Motivation refers to the initiation, direction, intensity and persistence of behavior. Motivation, a temporal and dynamic state, consists of the desire and willingness to do something.

48: Website Decoration Themes

A style, or theme, is a consistent idea used throughout a website to create a feeling of completeness.

These themes often follow period styles. Examples of this are Louis XV, Louis XVI, Victorian, Islamic, Feng Shui, International, Mid-Century Modern, Minimalist, English Georgian, Gothic, Indian Mughal, Art Deco, and many more.

The evolution of website decoration themes has grown to include themes not necessarily consistent with a specific period style allowing the mixing of pieces from different periods. Each element should contribute to form, function, or both and maintain a consistent standard of quality and combine to create the desired design.

47: Users’ attention is a finite resource.

There are two important aspects to achieving success with simplicity:

   1. Remove unnecessary components, without sacrificing effectiveness.
   2. Try out alternative solutions that achieve the same result more simply.

BALANCE of Hard and Soft data

Hard data
    means facts, like news, stock prices, train times, or how much money is in your bank account.

Soft information
    covers the qualitative aspects of communication, like the first impression about the quality of a company, the sense of how approachable a service provider is, and whether you feel a product will be right for you.

46: Database of Intentions

As soon as a company begins an advertising campaign, it can get feedback from an online focus group and then tweak its message accordingly.

discovering what data is popular

Blackberry maker RIM warns of bandwidth crisis
http://www.moneycontrol.com/news/technology/blackberry-maker-rim-warnsbandwidth-crisis_441940.html

AT&T and worsening bandwidth crisis
http://bizanywhere.wordpress.com/2009/10/13/att-and-worsening-bandwidth-crisis/

Bandwidth Overload

http://www.speakeasy.net/speedtest/
http://www.bandwidthplace.com/test speed sites

What’s Next in Web Design?
http://informationarchitects.jp/whats-next-in-web-design/

The more advanced a design, the less it is visible, or, as Apple’s Jonathan Ive put it: "A lot of what we seem to be doing in a product like that is getting design out of the way. With that sort of reason, it feels almost inevitable, almost undesigned and it feels almost, like of course it is that way. Why would it be any other way?"

The kind of designers you want to hire
http://tagstorichness.com/post/651422566/the-kind-of-designers-you-want-to-hire

http://mashable.com/2010/01/16/united-states-internet-speed/
United States Internet Speed Is on the Decline [REPORT]