|
Home / Internet / Web Design
Design for Your Content
By:Sam Roberts
Why design for your content?
I remember putting together my first website - when I was about 14 - and how long it took me to get the design just right. I planned it all carefully in my head, working out all the pages I thought a site should have (Main, About Me, Pictures and Links!). I even drew out a sitemap on paper, to make sure everything was perfect!
Then I painstakingly taught myself .html (this was back in the days before WYSIWYG editors were around), and drew out each .jpg from scratch. It took me several weeks, but eventually the site was finished. All I needed to do was to write the content to fill it. It was only then that I realised that I didn't have a single thing I wanted to say.
I designed my second website when I was in High School, and it was a far more ambitious affair. I made a page for each of my friends, and filled it with things I knew would make them laugh. The home page was little more than a list of links, because I wanted people to be able to find their pages easily. The design flowed naturally from the content, and unlike my first website, this one was a huge success. Because I had written it with my audience in mind, rather than trying to fit the content around the design, it was more accessible, and people took the time to read it. As a result, the site became very popular, and people still talk about it now, even though the site has been offline for years.
Both of my sites were very basic, amateur efforts, but the principle applies equally no matter what size the site. Design is important, but content is king. The web is a communication medium - if you publish something online, you obviously have something you want to say, and you cannot afford to let your words be overshadowed by your flashy new website. You need to learn to design for your content.
Design to communicate
The most important part of your website is the content itself. You have something to say, and you must make sure you say it, or all your effort has been wasted. But there's no point in just regurgitating a few paragraphs of marketing hype - web users are surprisingly savvy, and they can see through that in an instant; an instant in which they will have hit the back button and moved on down the list of search results.
You need to find out what people are looking for, and give it to them.
Do some research; think about which terms you would use to search if you wanted to buy your product, and then look them up. Have a look at who your competitors are, and what they are doing. Research on Wordtracker and see if there are any other keywords you could try.
Then use your imagination. Think about why people might be looking for your product and write for them. If your site advertises a skiing hotel in Switzerland, don't just advertise for 'hotels in Switzerland', provide useful articles about skiing, and then point them to your hotel in the middle of a ski resort.
When you know what content you require, you need to write it. The key to this is that it must be written well - you want people to read it and find the information useful. There's a lot of rubbish out there, and if people find a genuinely useful article they will remember it and come back for more. With that in mind, here are a few ideas for writing better content:
- Write clearly. Write succinctly. People get turned off by huge blocks of text, so keep it as short and sweet as possible.
- Don't feel you have to explain every little thing, but don't assume that your readers know everything that you do. If they did, they wouldn't be reading your article.
- Use references to strengthen your arguments, and link to sources where people can get more information. Don't be afraid to link to sites other than your own. It will only make people trust you more.
- Talk as yourself. It's the web; you can and should be informal. People like feeling that they are listening to a real human being. However, that doesn't mean that you shouldn't use correct spelling, punctuation and grammar.
- Don't overuse colloquialisms - not everybody is from the same country as you, and it's easy for things to get lost in translation.
Design for ease of use
People don't like reading as much text on a screen as on a page. Therefore, you must make things easy for them. Design your website to complement and enhance the text, and be careful not to overwhelm it with fancy menus and images that distract your readers from the important stuff: your content.
Split the text into easily digestible chunks; use short paragraphs made up of short sentences. Give each topic its own separate page if it makes things easier to read. Five concise pages are better than one single sprawling mass of text.
Use bullet points and lists to make things simpler. Emphasise important things using header tags or bold to make them stand out. Basically, try to break things up as much as possible into smaller sections that people will be more inclined to read.
Design for accessibility
Not everybody who uses the web can see perfectly. Some are visually impaired; others may even be blind. Yet they are still quite capable of using the Internet, provided that web designers follow a few basic rules to make things easier for them.
- Fonts should be resizable - it is tempting to restrict fonts to a specific size in order to preserve your design, but it is important that you allow users to choose for themselves. There are a huge number of articles on the web about creating layouts that will respond dynamically to changes in text size.
- Many visually impaired people use screen-readers to navigate the web - one way in which you can improve their experience of your site is to make sure you use proper .html, improving the accuracy of the screen-reader.
- Don't use images to as a source of information, but to reinforce the information given in the text. Ideally, your site should work just as well with images off. Try viewing your site with a text only browser, such as Lynx, to get an idea of how it will be seen by a screen-reader.
- Make sure you make good use of your image alt tags. Give a concise description of the image contents. If you include a lot of your site's meta keywords, you will help your SEO too.
You need to make sure that everybody can access and view your content, and that it looks the same on everybody's computer. That means testing. Get as many people as you can to test out your site in different browsers, different resolutions, and different platforms. Make sure it works in the same way in all of them.
Conclusion
As with my first site, if you emphasise design over content, your users will get bored and move on, and your site will sink back into anonymity. By following the suggestions in this article, your website will be rejuvenated, and your content will get a chance to shine. People will read what you have to say. If they like what they hear, they'll come back again and again…
Digg
del.icio.us
Blink
Stumble
Spurl
Reddit
Netscape
Furl
Article keywords: Design for your content, web design, web copy, web content, freelance copywriters, herds of words
Article Source: http://www.articles2k.com
Sam Roberts is a Copywriter and Researcher, as well as a co-founder of Herds of Words freelance copywriters. He can be contacted at sam@herdsofwords.co.uk.
Or come join the herd at Herds of Words - Freelance Copywriters.
|
|
| Top Web Design Articles |
- 1). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
- 2). Irish Graphic Design Industry By : dave4
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
|
- 3). Adsense: The Smart Investment By : Pat Lovell & Jon Atwood
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
|
- 4). Some guidelines for Website Design By : Angela Oliver
You have a great product. You also have a great company image and marketing model. Now it is time to implement all your plans and bring together a website. You know very little about websites. Finding websites that have failed is easier than shooting fish in a barrel. Many people come into the internet business with the notion that if they are on the web, they are guaranteed to make money.
|
|
|
- 6). Develop Your Business Web Site for Profits By : Jay Peterson
Looking into developing your business web site? Whether creating a business web site to sell your business products online or just to give the public valuable information, creating a business web site can be an important first step to creating an important presence on the web. Here are some tips on creating a business web site as well as what is involved in getting your business web site off the ground.
|
- 7). Is your printing costs sky rocketing? By : Florie Lyn Masarate
Here are some things you can do to be able to lower your printing costs.
1. Cheap but good quality printer.
There was a time when only a handful of people can afford having one of those colored and digital printers. Now that these things are more rampant, they have become more affordable. Color printers of good quality are even inexpensive already.
|
- 8). Creating A Quality Web Site Design! By : Martin Lemieux
In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic.
In this article, I will attempt to cover the basics of creating a great quality web design template for your site.
|
- 9). How Does Your Website Make Me Feel? By : Philippa Gamse
When people think about the Internet, they think about technology. When people hear that I am a Website strategy expert, they see me as a "techy type".
But for me, the most intriguing aspect of your online business isn't about the technology. It's about human connections, and how you can create these in a virtual environment.
It's commonly understood that "people buy emotionally, not intellectually.
|
- 10). For Automated Sites - PHP and MySQL Are A Perfect Match By : Halstatt Pires
You’ve decided to automate your web site. Now what? Here are some ideas to help you choose how to automate your site.
A bit of programming is going to be necessary if you want to automate a site. There are many types of programs that can be used to automate a web site including JavaScript, PHP, Perl, ASP, Java and more. So, which do you use? For many, it is a personal choice.
|
| New Web Design Articles |
|
|
|
|
|
|
|
|
|
|
|
|
- 7). Graphic Artists - Who Needs One When You Can Do It Yourself Online? By : Pearl Deloria
Image is everything! Think about it. How many times have you made a judgment about a company based on the quality of the junk mail that you have been sent?
Other people make similar judgements, too. Businesses cannot afford to be thought of as cheapskate in their marketing.
You know that most of your mail goes straight in the trash, and it may grieve you to spend four times the amount, just for it to be thrown away.
|
- 8). How To Style Your Text With CSS By : Hilco van der Meer
Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.
We will start with some basics.
First we define the html where we will be working with. This is the text
1. Colorize your text
We can select the P tag and add some styles to it.
p { color:red;
}
Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names.
|
- 9). What is a web designer anyway? By : Alicia Harper
As a web designer, I get all kinds of requests , for information other than web design, and as a web designer I'm not suppose to really to be able to do things outside of the web design area. I believe there are a few misconceptions about what exactly a web designer does. In this article I am going to nail down exactly what a web designer is and what they should be able to do.
|
- 10). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
|
|