Creating a webpage for i-develop

i-develop_page_anatomy

Images should be no larger than 600 x 400 pixels and should always include an alt-text tag.

Text

How long do you think someone will spend before deciding whether to read, download, print or move away from a web page? Most web pages have about three seconds' grace before the user clicks back to search elsewhere.

Most people can't read much in three seconds. Instead, our eyes sweep quickly over the screen looking for a summary, a description, even a hint of what this page contains. Therefore, making web pages engaging, at the very least readable, is critical to hold the readers' attention. So how difficult is this? Not as difficult as you think. Following a few simple "rules” can turn you into the "expert" webpage writer.

So, in order to make you that "expert” writer we have some quick and easy guidelines to help you construct an engaging i-develop webpage.

Good webpage design holds the reader

In order to make that webpage stand out follow the simple points bulleted below.

  • page headline summarises or describes the page (not the site)
  • concise writing in plain language (aim for 25 words max in each sentence).
  • text left-aligned (not centred, right-aligned or justified)
  • a picture, a graphic, a video-link can attract and explain
  • use bullet points to list items in logical order (maximum 7, split long lists)
  • short paragraphs or chunks of text (aim for 75 words maximum)
  • main point first in every paragraph


Video and multimedia

The old adage a picture tells a thousand words could not be truer in the context of designing engaging webpages. The addition of a picture, graphic or video can help bring the page alive, as well as cut down on long pieces of text. So include a picture, video or graphic which enhances the understanding of your content.

However, remember some of the basic good practice rules. Where practical align main graphic/video/picture to the left where it will catch the eye. Videos should be uploaded on Youtube to enable us to embed it on i-develop. We would ask you Restrict image size to 600x400pixels.

Links

In some cases there is a requirement to add large pieces of information on to the webpage. You may also want to take the reader to another webpage or piece of multi-media. In these cases it is important that you add links to these other pieces of information.

Again, however, there are some good practice rules. Make link-text self-explanatory, so people know exactly what they will find when they click. Links should, where possible, stand alone or be an item in a list. If a links is to a page on another web site, make that clear.

This link is just an example - it leads nowhere

This leads to the homepage of idevelop

Whitespace

While we have suggested a number of things that should be included in a great webpage design, one of the things we shouldn't overlook is something something that's not there, something called whitespace. While, every design has white space, the empty space between and around things, the issues is that many do not have enough. The temptation to cram as much as you can into the space available can, in a webpage, be counter-productive. So let your information breath. Point to note whitespace doesn't have to be white.

The content upload template form is available here.

Last modified: Monday, 8 June 2015, 2:41 PM