12BB Store

There will be an answer…

7 Essential Web Design Principles to Earn Trust. And 4 Things to Avoid!

with one comment

Designing content whether it be an article, landing page or a website you want to evoke a certain image. If you are selling then hopefully your image has a lot to do with trust. What makes one design more trustworthy than another?

main-13.gif

Many things come together to form trust. Starting from the design of the logo to the text and what it reads, all the way to the amount of white space around all the elements.

Professionally designed work looks solid, the same holds true with the written word. Typos and grammatical errors express a disregard for the user and effects the image of your company being able to deliver good service. Some of these practices may be obvious, but worthy of review.

12.gif

Consistency. This comes up a lot, you may even say it consistently appears. The more a website works the same every
time the more the user feels comfortable with a design. If a user is taken mysteriously to another page, that looks foreign from the original, this trust is broken and they will question the experience.

The user must feel in control at all times. Inconsistencies just lower the perception of quality.

Place your name and logo on every page of your site. Make the link back to the homepage when on an internal page.

23.gif

About Us Photograph
. When I see a photo of the real person or team of people on an about us page I feel like I am getting to know them and trust them more. How do I know it is real? I don’t, but I like to think that it isn’t that hard to tell the difference from a stock photo and a genuine picture. This really applies to small businesses or bloggers, but can be used anywhere there is an about page. While you are at it, keep it up to date.
about.gif

32.gif

High Quality Photography
. When you are selling and need to showcase products, use the best quality photographs you can. User can not touch and feel your product like the may be able to in a store so detailed close-ups and large images help. Use screen shots for service or software.

42.gif

Text/Writing.
Words are meant to be read. Making text size small may look good to a certain degree but ultimately hurts when trying to read. Contrast is very important, if it is low then eye strain is an issue. An interesting study done by Alyson L. Hill from Department of Psychology of Stephen F. Austin [State University] on Readability Of Websites With Various Foreground/Background Color Combinations, Font Types And Word Styles points out these issues.

Spell checking should be done always, as well as the correct use of grammar and formatting. Here is Jakob Nielsen’s research on the subject of writing for the web.

Jakob Nielsen’s Useit.com addresses the issue of Usability for Senior Citizens. Eyesight and lack of simplicity is something that makes most websites unapproachable to seniors. Remember that older people are the fastest-growing group of Internet users. text.gif

The image to the left is an example from a Breville product of text that is a bit small, thus hard to read. It would be much easier to read a point or two larger.

The look and design is clean and very nice aside from the legibility issue, but it is also done in Flash so it can’t be enlarged within the browser.

52.gif
Navigation
. This goes back to consistency. When a user comes to your page, article or site they are coming in from all the other pages, articles or sites out there. If you are selling do no deviate from them that much.

nav.jpg

Do not reinvent a websites navigation. If the user has to figure out how to move around within a site you have lost. Keep it on the top or the sides,but don’t make someone figure out how to navigate your site or you will surely lose them in seconds. Let them know where they can go and where they have been using breadcrumb trails and site map.

61.gif

Whitespace.
If you look at the design or layout of any luxury or high end brand you will see whitespace. Designers use this to create room to guide the viewer’s or user’s eyes around the various elements. If all the content is cluttered or cramped together it looks cheaper and low quality.

Design By Hümans, where you will find unique high-end t-shirts designed by artists from around the world, has a great showcasing of how the empty space helps the flow and leads the eye. Also look at the prominent placing and size of the price.

whitespace-1.gif

When a design uses whitespace effectively it allows for precise placement of products/words making the user/viewers job that much easier in getting the main idea. For further reading on whitespace visit this article from A List Apart.

71.gif

Use of email
. Let a user know how you will be using their email. Let them know you will not be spamming them or selling them out to another party. People are cautious to give out an email, so reassure them. Of course you can fool someone into giving you their email, but that is short-term thinking and will surely cripple your brand and ruin any long-term relationship.

email1.gif

a11.gif

Avoid Welcome Pages/Pop Up’s
. Limit the amount of clicks it takes for the user to get to the reason they are there. If I have to wait 15 seconds for a page to load or have to decide if I want to view the site in HTML or Flash I usually leave, or pick the HTML version.

a2.gif

Avoid Gibberish
. Don’t weigh down the user/reader with all this scientific mumbo jumbo, unless that is the service. Talk like your target market or crowd you are going after. I would rather read something that feels comfortable and familiar than cold and distant. If you have to hunt for a word in the thesaurus, it is the wrong word to use.

a3.gif

Avoid the Unnecessary. Blinking text or flashing colors are annoying. If that is the only way you think you can direct the user you are doing more harm then good.

Music should be controlled by the user at all times. If you have content that starts automatically this can deter someone to leave, instead have the user control the experience by being able to start or stop music or video.

Does that window really need to pop up? Can that information be given some other way? The moment I see a pop-up I tend to close it before I can see what it is.

a4.gif

Avoid Hiding Information
. When a price or an essential piece of information isn’t given you break a connection. We all know Amazon and how all the information is easy to see without digging.
price.gif

 

7 Essential Web Design Principles to Earn Trust. And 4 Things to Avoid! | 10e20 Blog

Written by 12bb

Tháng Năm 20, 2008 lúc 8:15 sáng

Posted in Tips&Tricks

Một phản hồi

Subscribe to comments with RSS.

  1. Wow! After all I got a web site from where I can actually obtain helpful facts concerning my study and
    knowledge.

    landing page best

    Tháng Mười Một 7, 2012 at 4:03 chiều


Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: