Archive for the ‘Web Design’ Category

Getting Noticed on the Web

by Jerry Bader (c) 2012

Website Engagement Techniques: The Caricature Effect

Marketing is all about getting noticed, getting remembered, and motivating people to action. Whether it’s a website, display ad, or video, it must first grab people’s attention, it must stop the viewer from going onto the next website, turning the magazine page, or clicking the stop button. In order to accomplish that increasingly difficult task, you must understand the Caricature Effect.

The Caricature Effect

The Caricature Effect simply stated says that what we notice is variation from the norm. Caricature artists exaggerate reality because that is how we visually distinguish one person from another. Human beings are preprogrammed to look for patterns and variations in those patterns, it’s how we recognize who people are, and it is a basic survival mechanism that helps us recognize danger and distinguish friend from foe.

By distorting an individual’s prominent facial features the caricature artist mimics the human brain’s way of remembering who’s who. Our brains are not cameras that take pictures and file them away for future reference. Our memories are malleable, they change and alter over time and experience, and as a result the things we remember best are the things that stand out, things like Bob Hope’s ski-jump nose or Albert Einstein’s wild white hair. The reason caricatures are so effective is because they emphasize the distinguishing differences that we recognize and remember. So how do we use this fundamental, hard-wired human characteristic to further marketing agendas?

What We Notice Is Variation From The Norm

Getting noticed is job-one of any marketing vehicle, so in order to get people to stop, look, and listen we need to use all the available communication elements at our disposal.

When developing a video campaign we use concepts that demand the mental processing of information by shocking, stimulating, puzzling, or tickling the funny bone of the viewer. These techniques force the audience to think, process, and decode the message, and by generating this mental activity we embed our client’s message in the audience’s consciousness. Depending on the brand and/or product, implementation can range from subtle to obvious with the trick being to make people sit-up and take notice by forcing them to think.

Pattern Recognition – The Same But Different

Human beings have evolved to watch for patterns and when an audience recognizes a familiar scenario they leap to a conclusion. It’s a way of making quick decisive decisions that can either help or hurt communication. Properly used pattern recognition can lead your audience where you want to take them, but if the pattern is too obvious or hackneyed, it can lead to viewers dismissing your message.

Let’s face-it, consumers have become increasingly jaded by too many ads that yell at them like a Billy Mays commercial, or promise improbable results like so many diet schemes, or scare the hell out of people with legal disclaimers warning of everything from headaches to heart attacks like most prescription drug ads. These feeble attempts to standout like a pair of John Daley golf slacks only succeed in reminding the audience how completely desperate, or disengaged the advertiser really is.

If you want people to remember your message you have to alter the pattern by varying from the norm so that it forces people to mentally process your information. It’s as simple as a story with a twist like how a comedian sets-up a punch line, or how a magician sets-up an illusion.

In other articles I’ve written extensively about techniques for using video but here let’s discuss something even more universal – photography. It is one of the most economical ways to create the kind of mental stimulation that makes people remember your site and your message.

Photo-Visual Engagement Techniques

Most every website has photography of some sort on it, but like most video implementations, it is rarely used to its full potential. Obviously, do-it-yourself snapshots reek of amateurism but even professional royalty-free images can be as innocuous as DIY snaps are unprofessional, and as we have stated, bland, featureless images are just not going to stimulate anyone’s memory.

Cinegraphs

Cinegraphs are photographs that move. They are created by combining a series of still images into a gif animation. The best cinegraphs use subtle movement like hair or clothing blowing in the wind to cause the audience to take a second look. What appears at first to be a regular photograph creates a “Did I just see it move?” reaction, and that’s the kind of subtle yet powerful feature that can get people to remember your site, your product, and your brand. Like any technique you have to know how and when to use it in order to enhance your presentation and reinforce your message. Just parachuting in a technique for technique’s sake is no better than a meaningless royalty free image used as filler.

Sequence Images

A sequence image is a still image that combines a series of images into one photo. Unlike cinegraphs, the image doesn’t move but it does provide a kinetic quality by showing a series of varying poses all combined into one photograph. This kind of image can be very striking and powerful and can cause your viewer to take a moment to decode the story it tells.

Selective Color

Color is another area that often gets forgotten. Different colors have different psychological effects depending on the context in which they are used. In addition to the color choice, using color as a consistent marketing communication element helps enhance and embed your identity and brand image. Many Internet entrepreneurs pay little or no attention to color imaging and it is really unfortunate as it is often an inexpensive but effective way of making a profound impression.

Photographs today are generally full color images but if you’re not controlling the color in your images then you’re missing a great chance to make a memorable impression. Of course lack of color (black and white photography) can be just as powerful if used properly. Jack Daniel’s is a brand that uses black and white and selective color extensively in its marketing.

There are several ways to use selective color in your photographic imaging. Jack Daniel’s uses a lot of black backgrounds or B&W photos and copy combined with color product shots of the bottle that has a B&W label but is filled with the golden elixir.

 

High-Level Web Design Blunders

Mistakes to Avoid for Creating Award-Worthy Websites in 2012

It’s hard to believe, but many Web designers will make the same mistakes in 2012 that were being made over a decade ago.

As new brands and websites emerge, and new designers enter the work force, it is often useful to address the most common mistakes made in the presentation and organization of Web properties. Without knowing the history, how can those in the Web design industry continue to break new ground?
As the discussion regarding standards continues, design in great part will continue to rely on the aesthetic sensitivity and technical knowledge of designers themselves. Some of the most common mistakes are so basic to experienced designers, however, that they may have simply forgotten how truly important they are to the user experience. For designers who do not have as large a portfolio of experience, learning (and learning to avoid) the most common blunders will make every finished product a showpiece.

The aim of a designer should be to create a unique experience — an experience that blends creativity and functionality and does so as close to perfectly as possible. While users will be drawn to a website based on the uniqueness and originality of messaging found across the ’Net, it is the appearance and experience that designers provide which determines a user’s initial satisfaction as well as their loyalty over time. Much more goes into a successful design, of course, than element positioning and image choice — and the savviest designers are perfectly cognizant of this challenge. The path some businesses want to take still baffles many seasoned interactive professionals.

“One of the most common blunders a company can make is simply buying a website template for their design,” says Mike Sauce, founder of the Horizon Interactive Awards. “Custom designs always perform better because the right website designer can get to know a client and make the website reflect the overall feel of the company.”

Designers have a lot of responsibility to ensure that the “feel” of the company is portrayed, but also balanced with their business objectives. For example, the clarity of message communication is also the responsibility of the designer, as are the conversion paths, site structure and, in some instances, even technical/software integration. The challenges facing designers today and in 2012 are substantial, but armed with an understanding of the mistakes that other designers have made, you will be ready to create awardwinning sites in the future.

Below are a few of the most common blunders and some guidance on how to avoid them:

The Design Elements Blunder

Design elements are often so deeply integrated with the performance of a Web property that poor initial choices can wreak havoc on the user experience and do damage to revenue over the long term.

Website Magazine conducted an open-thread poll on “Web design turnoffs” with our Facebook community in October 2011, and we found that our followers are quite passionate about the subject. In the eyes of our followers, the use of audio or video that plays automatically on a site was the biggest blunder, garnering 30.4 percent of the votes from respondents. There are, of course, other egregious mistakes that many designers still make — even though we know better.

The Readability Blunder

Readability as a concept is not lost on Web users. Defined as the quality of written language that makes it easy to read and understand, readability should always be an important consideration. The challenge is in the many ways in which readability is influenced. In that same open-thread poll on Facebook, survey respondents indicated several elements which had a negative impact on readability, including “small text” and “poor link formatting.” Let’s look at these two issues in more detail:

Visited Links

Understanding where you’ve been helps you better understand where you’re going, both in life and on websites. For the Web, links are the key component in this navigation process. Knowing which links you’ve already visited keeps you from unintentionally revisiting the same page again. Designers that do not change the color of a link once it’s been clicked could cause frustration (and perhaps even disorientation) among users which will result in a poor experience for both the user and the business. Designers should take care to develop link styles that change color once the visitor has clicked on it.

Non-Scannable Text

Another challenge for designers is being forced to work with copy that is not easily readable/scannable, which can be intimidating to readers. While designers don’t have much (if any) control over the content type, they do have control over how it is presented. The use of bullet points, sub-headings, bold-print and short paragraphs make all copy more inviting, particularly as most website visitors won’t actually read everything verbatim. Web designers should have their own internal standards as to what is effective for readability as it relates to their style choices and be able to convey them to colleagues or clients as needed.

These are just some of the blunders that Web designers make today and are considered by many to be downright unforgivable. But there are others, including the heavy use of animation and JavaScript dependence, to name two more suggested by our readers. If you’re making these design mistakes on your Web property, it might just be time to have a sit-down with your design team. However, if you’re displeased with search engine visibility or the amount of conversions taking place on your site and are working with a Web designer to correct these blunders, it’s necessary to look at your own strategic choices.

 

The Optimization Blunder

While Web designers aren’t fully responsible for search engine optimization, many of the choices they make certainly influence success. For example, the use of alt tags should be present on images, microdata could be integrated into listings for events or people, and load times should be optimized — these elements all play a role in achieving Web success.

The Conversion Blunder

If there is one area of focus that all designers could spend more time on, it is that of mastering the art of positively influencing conversion. Placement and positioning of elements (along with element selection — images, add-to-cart buttons) such as calls to action and trust signals are fundamentally important to the conversion process. Understanding the objective — and the barriers to it — will ensure they can be met and overcome. Gaining access to analytics and even heat map data will show designers where users’ attention is going and provide a way to close the loop — gaining valuable feedback about design choices and the user experience along the way.

Not only must designers avoid these blunders, but also consider the impact that the design choices they make have on both the aesthetic appeal and on the underlying experience of the user, as well as the success of a Web enterprise. That is what it will take to create award-worthy websites in 2012.

by websitemagazine.com

The Biggest Web Design Trends of 2011

By Stephen Loates (c) 2011

Since we are over seven months into the year I decided it was time to give my take on what may happen in web design in 2011. (At least I thought I should probably write it before the year was over.)

So, over the past several weeks I have read a number of my favourite web design magazines, web design blogs and articles and viewed a number of cutting edge websites, particularly outside of North America, so that I could share some thoughts about what appears to be some of the major trends in website design for 2011. There is nothing scientific contained here, just some observations.

 

Image representing iPhone as depicted in Crunc...

Image via CrunchBase

 

1. Less Use of Flash

It is not the fact that Flash is not a great technology…(when used appropriately it is)…but in the past year or so it has been over used, misused, abused to the point that it has developed a bad reputation. Certainly, the ongoing shenanigans between Adobe (creator of Flash) and Apple (iPhone and iPad) are not helping the situation. Today, websites need to have a clean, uncluttered design, fast loading and above all must be Search Engine friendly. This is a problem for Flash and now with the coming of the new web coding languages of HTML5 and CSS3, together with the explosive growth of web surfing on mobile devices perhaps it is the beginning of the end of Flash in web design.

2. Simpler and Cleaner Design

Simple. Minimal. Uncluttered. There’s nothing quite as “attention grabbing” as an honest, straightforward message on a quiet backdrop. Quiet can be interpreted several different ways. Forget black and white or shades of gray, although these are still very popular in certain industries. Think of green, yellow, red or even blue as your primary color. However, limit your palette to two or three colors. Work within the shades of each color for variety and depth. It can be truly remarkable what a few colors can do for effective messaging.

3. Mobile Ready Design

Smartphones, tablets, netbooks, the list goes on and on. There’s a dizzying amount of mobile products available to the consumer in 2011. This means your web design must be responsive to multiple devices. Creating a mobile ready website is not simply removing the bells and whistles from your existing design. One of the most important advances is that you can design a whole site and allow your coding to conform to the user’s viewing medium. It may be tempting to just create a dedicated mobile site, but that may no longer satisfy your audience. Increasingly, mobile sites include the option to visit the original site. If you do not offer this option or if your original site is not optimized to mobile standards, you are simply not ready for 2011. Forecasters predict that smartphones will outsell personal computers this year, and by 2013 more time will be spent surfing the internet on a mobile device than on a personal computer.

4. Large Photographic Backgrounds

Large scale backdrops will surge in 2011. These images will be high resolution, and covering the entire site. Large photos are an instant way to grab your audience. Massive images were once taboo for web designers, but thanks to better image optimization, faster internet connections, and smarter loading methods, designers can gain a lot in some sites by pushing image sizes to the maximum. Trends also point to soft and slightly transparent imagery that does not overshadow your content, but harmonizes with it.

5. QR: Quick Response

You may have noticed those square barcodes (looks like lots of squiggly unrelated lines) popping up on business cards, magazines or elsewhere, so you may already know that they are a hot trend for 2011. These barcodes are called QR, short for Quick Response. And how exactly does QR translate into web design? Quite well, in fact. Simply take a photo of the unique barcode with your camera phone. Like magic, your phone will call up the website associated with that barcode. The beautiful thing about QR is the flexibility. Feature your QR on your website, in order for site visitors to have a shortcut to your mobile site. 2011 is all about mobility and it will be smart to take advantage of this new medium.

6. Thumbnail Design

Our good friends at Google have introduced the average internet user to thumbnail browsing. The days of clicking through to see the content of a website are now gone. Now, you just click on the magnifying glass and hover. And just like magic before your eyes is a glimpse of what waits on the other side of your click. This is another issue for Flash-based design that is definitely going to be a problem. The preview will not display those elements of your design. As the average internet surfer becomes more internet-savvy in 2011, expect to see more people navigating by these means.

These are by no means a complete listing of all the trends. In fact, we could probably write an entire posting on the trends in the use of different fonts alone.

Drop me a line and let me know what trends you have noticed and what you think of them.

Enhanced by Zemanta
Shared hosting is usually found with cpanel hosting on most hosting companies. Always check out hostmonster review and bluehost review before making any hosting purchase.