Web Design - Publish.com
Publish.com Ziff-Davis Enterprise  
SEARCH · ONLINE MEDIA · MOBILE · WEB DESIGN · GRAPHICS TOOLS · PRINTING · PHOTO · TIPS · OPINIONS
Home arrow Web Design arrow Visual design principles for Web Design
Visual design principles for Web Design
By Ilise Benun

Rate This Article:
Add This Article To:
While none of the more interactive elements that are available for use online are inherently bad, problems arise when they are used just because they can be, rather than because they should be.

Scrolling news ticker…Spinning logos…Frames…Beveled Buttons…Pictures…Splash page…Music…Banner ads…3D elements. None of these things is inherently bad. The problem arises when they are used just because they can be, rather than because they should be. Part of the Web developer’s job is to make users’ lives easier, not harder. So, here are some guidelines for using visual elements to make a site more usable

 

1. Graphics. Graphic images on a Web site are sometimes used for decoration, other times as action-objects or for navigation. But it’s usually impossible to tell the function of a graphic just by looking at the screen. And most users still don’t sweep the screen to see what’s clickable. Users must be able to determine at a glance what they can and cannot do. Navigation buttons should look clickable and non-navigation objects should not. Similarly, text should not be underlined unless it is a hyperlink or it will create expectations that won’t be met. Also, because the Internet crosses cultural and national boundaries, be careful with the use of icons, which can be misunderstood or easily misinterpreted.

 

2. Text. It’s not true that people don’t read online; if the content is compelling, they’ll read it. Make it even easier to read by organizing text into small, digestible pieces using a hierarchy that is meaningful to the user. Provide clues to help users find the information they want by scanning rather than reading.

 

3. Layout. Nobody deliberately creates a cluttered page – it just happens when the focus is on all the different goals a particular page is meant to achieve. A well-organized interface that supports the user's tasks becomes transparent and allows the user to work efficiently. But what does it take to create a simple and uncluttered page? The first step is to understand the importance of the users’ tasks, establish a visual hierarchy of these tasks and make the most important elements the most visually prominent. Basic functions should be immediately apparent, while advanced functions may be less obvious to new users, all the while keeping the number of objects and actions to a minimum. (Simplicity is not so simple.) Reduce clutter by eliminating any visual element that doesn’t contribute directly to visual communication, such as decorative graphics. Graphics should be used instead to illustrate, inform, and aid in navigation. Use white space to provide visual “breathing room,” to visually organize the page, to emphasize important elements, and to give users’ eyes a rest. Also, easier on the eyes are invisible table lines (also white space) instead of visible lines. And if you must use lines, use light, thin or dotted ones.




Discuss Visual design principles for Web Design
 
>>> Be the FIRST to comment on this article!
 

 
 
>>> More Web Design Articles          >>> More By Ilise Benun
 


Buyer's Guide
Explore hundreds of products in our Publish.com Buyer's Guide.
Web design
Content management
Graphics Software
Streaming Media
Video
Digital photography
Stock photography
Web development
View all >

ADVERTISEMENT


FREE ZIFF DAVIS ENTERPRISE ESEMINARS AT ESEMINARSLIVE.COM
  • Dec 10, 4 p.m. ET
    Eliminate the Drawbacks of Traditional Backup/Replication for Linux
    with Michael Krieger. Sponsored by InMage
  • Dec 11, 1 p.m. ET
    Data Modeling and Metadata Management with PowerDesigner
    with Joel Shore. Sponsored by Sybase
  • Dec 12, 12 p.m. ET
    Closing the IT Business Gap: Monitoring the End-User Experience
    with Michael Krieger. Sponsored by Compuware
  • Dec 12, 2 p.m. ET
    Enabling IT Consolidation
    with Michael Krieger. Sponsored by Riverbed & VMWare
  • VTS
    Join us on Dec. 19 for Discovering Value in Stored Data & Reducing Business Risk. Join this interactive day-long event to learn how your enterprise can cost-effectively manage stored data while keeping it secure, compliant and accessible. Disorganized storage can prevent your enterprise from extracting the maximum value from information assets. Learn how to organize enterprise data so vital information assets can help your business thrive. Explore policies, strategies and tactics from creation through deletion. Attend live or on-demand with complimentary registration!
    FEATURED CONTENT
    IT LINK DISCUSSION - MIGRATION
    A Windows Vista® migration introduces new and unique challenges to any IT organization. It's important to understand early on whether your systems, hardware, applications and end users are ready for the transition.
    Join the discussion today!



    .NAME Charging For Whois
    Whois has always been a free service, but the .NAME registry is trying to change that.
    Read More >>

    Sponsored by Ziff Davis Enterprise Group

    NEW FROM ZIFF DAVIS ENTERPRISE


    Delivering the latest technology news & reviews straight to your handheld device

    Now you can get the latest technology news & reviews from the trusted editors of eWEEK.com on your handheld device
    mobile.eWEEK.com

     


    RSS 2.0 Feed


    internet
    rss graphic Publish.com
    rss graphic Google Watch

    Video Interviews


    streaming video
    Designing Apps for Usability
    DevSource interviews usability pundit Dr. Jakob Nielsen on everything from the proper attitude for programmers to the importance of prototyping in design to the reasons why PDF, Flash and local search engines can hurt more than they help.
    ADVERTISEMENT