DDDproduktionen > Home > Web Design
Web Design
How do you develop and design a website: the basics?
We'll go through the following steps to create the solution:
First of all define your purpose:
This is important for the design of your website. Write down all the elements you want to use.
Information architecture
Second step is to think about the information architecture. How do I present and organize my information?
What you need is structure. Structure your content in main themes and divide these main themes in several subthemes/ categories.
If you’ve done that, try to label each category with the best fitting name. Choose a name appropriate with the content, so visitors know what to expect.
Website wireframe
Now it’s time to design your website wireframe.
If you make your wireframe, try to make it user-friendly for the visitors.
Build up your structure. Header, global navigation, titles, pictures, footer, …
When making this keep in mind an F-shape ( webpage hotspots). So put the most important things on these places.
We'll go through the following steps to create the solution:
First of all define your purpose:
- Commercial
- Non-commercial
- …
This is important for the design of your website. Write down all the elements you want to use.
Information architecture
Second step is to think about the information architecture. How do I present and organize my information?
What you need is structure. Structure your content in main themes and divide these main themes in several subthemes/ categories.
If you’ve done that, try to label each category with the best fitting name. Choose a name appropriate with the content, so visitors know what to expect.
Website wireframe
Now it’s time to design your website wireframe.
If you make your wireframe, try to make it user-friendly for the visitors.
Build up your structure. Header, global navigation, titles, pictures, footer, …
When making this keep in mind an F-shape ( webpage hotspots). So put the most important things on these places.
Usability
Make your site straightforward for the visitors.
Present the information in a clear way and put the most important things in the right place.
Give correct choices to the visitors and remove ambiguity concerning the consequences of an action. Keep it simple.
Navigation
People are impatient if they search on the web, so make your navigation obvious and keep the same navigation (lay-out/structure/animation) throughout the site. People want to know where they are on your site.
You can use “breadcrumbs”, it defines on which page you are and it contains links to previous pages. Very useful.
Design and lay-out
Use light backgrounds and make sure there is enough contrast between text and background.
If not your website will be difficult to read. Make sure your fonts are big enough.
Structure your content
Use titles, subtitles and open spaces.
Make images clickable ( people like to click)
Try to avoid long pages, so you don’t have to scroll. Try to structure it so you can see the webpage on your screen without scrolling, To achieve that you can use several pages.
Make your site straightforward for the visitors.
Present the information in a clear way and put the most important things in the right place.
Give correct choices to the visitors and remove ambiguity concerning the consequences of an action. Keep it simple.
Navigation
People are impatient if they search on the web, so make your navigation obvious and keep the same navigation (lay-out/structure/animation) throughout the site. People want to know where they are on your site.
You can use “breadcrumbs”, it defines on which page you are and it contains links to previous pages. Very useful.
Design and lay-out
Use light backgrounds and make sure there is enough contrast between text and background.
If not your website will be difficult to read. Make sure your fonts are big enough.
Structure your content
Use titles, subtitles and open spaces.
Make images clickable ( people like to click)
Try to avoid long pages, so you don’t have to scroll. Try to structure it so you can see the webpage on your screen without scrolling, To achieve that you can use several pages.
Popular posts
Copyright © 2017 DDDproduktionen. All rights reserved. Powered by Weebly