spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

HOME | EXPERTS | GRAPHICS | column 51

That Darned Content: Hey, Wait! That's What It's All About

 

Yawn! Don't you get tired of long text passages with no visual clues. I am sure I have missed many great sources of information because it was just too tough to take in.

Much better to deliver everything on the Web in small pieces. We have the attention span of hyper kindergarten kids when we surf the Web ... a plain old fact of life that designers must acknowledge and accept.

 

I've mentioned many times in this column that I am active in several message lists on the Web. The people on the lists are like my coworkers, and provide valuable insight into what is causing veteran and new professional designers the most headaches.

When I was deciding on a topic for this column, several message threads kept coming to haunt me, messages about how the design was going really well, but then the designer started to add the actual content and things fell apart. I can remember complaining about how content can wreck a great design from my early days in the print world, and that truth has certainly not changed when I moved to the Web.

However, I usually keep my complaints to myself. I know that a professional designer must have a loving attitude (choke) about the content that goes into our pages, because without that content ... well, we just wouldn't have a job. Reality check.

When you can't convince a client that they have given you too much content to easily work into effective pages, what can you do? This article will step you through a few of the techniques I have used or seen others use to spin gold from straw in Web pages. The differences between a highly effective page, and one that is hard to read, or downright ugly, is often very subtle. Organization is the key to great pages, no matter what challenges you face. Good planning, enhanced by a few little tricks and aids can help you create great pages. Whether you have too many photos, too much text, or a full basket of elements that have no business on the same page, you can create a page that looks good and is easy to read.

I have covered many of the elements that you need to create great pages in past columns. Most articles have many examples to illustrate the technique, so don't restrict your browsing to the pages that feature your specific software. I never use the same samples for two programs, and glancing through all the pages in an article can really get your imagination going. This time we will focus exclusively on text.

Finally, I am really into a "no right answer for every page" reality here. Teaching how to operate software is relatively simple. Teaching how to use what the software will do is a lot more challenging. In fact, the most I can hope for is to make you think about the structure of the pages, and inspire you to carry on and find your own way.

My style is distinctive, and thanks to the reach of the Web, I can usually work with clients who like my work just as it is. To set out to teach you, with your different skills, different ideas and different clients, exactly how to put together a page would put me at the top of the arrogance mountain, a place I try to avoid (it is a dangerous place that almost always guarantees a fall).

More than telling you how to create a page, I am hoping to give you a few tools and ideas, plus to really encourage you to develop your style. Once you have done several sites, you should start to notice a few things that make your work distinctive from any other designer.

That is not to say that every site you do will look the same. Far from it. But there should be elements that are similar from site to site, because the smart designer continues to use methods of presentation that work from site to site. Identify those elements in your work, and keep using them ... that is the route to establishing your style, and for building a strong knowledge base to handle any challenge. Let's take a look at a few tools that may find a place in your toolbox.

     

Wendy Peck is a working Web designer and writer living in NW Ontario, Canada. http://wpeck.com

 

Next page

That Darned Content: Tutorial Index

Hey, Wait! That's What It's all About
Line Length is Critical to Legibility
Bigger is Not Better for Text
Break Up Your Text
Creating Logical Areas for Text



Front Page2345

Developer News
Google to Shake Up Browsers With Own Launch
Mozilla's Ubquity Mashup: For The Masses?
iPhone Users Just Want to Have Fun


Created by Wendy Peck,

JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Intel PDF: Virtualization Delivers Data Center Efficiency
Intel eBook: Managing the Evolving Data Center
Microsoft Article: BitLocker Brings Encryption to Windows Server 2008
Symantec eBook: The Guide to E-Mail Archiving and Management
Microsoft Article: RODCs Transform Branch Office Security
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
Avaya Article: Advancing the State of the Art in Customer Service
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Avaya Article: Avaya AE Services Provide Rapid Telephony Integration with Facebook
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Seminar: Efficiencies in Hardware/Software Virtualization
HP Webcast: Disaster Recovery Planning
Go Parallel Video: Performance and Threading Tools for Game Developers
HP Video: StorageWorks EVA4400 and Oracle
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
IBM TCO eKIT: Your IT Budget is Under Attack, Get in Control
IBM Energy Efficiency eKIT: Learn How to Reduce Costs
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
Microsoft Article: Silverlight Streaming--Free Video Hosting for All
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
HP Demo: StorageWorks EVA4400
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
The Partial Function Application in JavaScript · Creating Dynamic RSS Feeds with Ajax · Performance Optimizations for High Speed JavaScript
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Cablevision Deploys More Hotspots for Commuters · Dell Joins the Netbook Movement with its Inspiron Mini 9 · It's Official: Dell Enters the Netbook Fray


URL: http://www.webreference.com/graphics/column51/
Created: September 6, 2001
Revised: September 6, 2001