What is Web Design? What is the role of a website?
A website is a collection of pages that display content on the web. When planning a website we always want to begin by asking ourselves the following questions:
- What is the purpose of this website?
- Who is my target audience?
These two questions will inform the choices we make in creating successful websites.
Although we are not all web designers most of us are experienced web users and know when we have landed on a poorly designed site. Studies conducted by the Nielsen Norman Group show the following:
Summary: Users often leave Web pages in 10–20 seconds, but pages with a clear value proposition can hold people’s attention for much longer. To gain several minutes of user attention, you must clearly communicate your value proposition within 10 seconds.
The term, value proposition is used in marketing to refer to an innovation, service, or feature intended to make a company or product attractive to customers. This information brings us more questions to consider when planning a website:
- How will the viewer experience the content of my website?
- How will I attract and reach my target audience?
So, what makes for strong website design?
Although designers break the rules below are a few rules to keep in mind when designing a website:
- COLOR, COLOR, COLOR!!!!! Don’t let color be an afterthought. Color (even limited color) is a strong design statement. How do your color choices support and enhance the information that you are presenting on your site? There are some great websites that can help with color ideas.
2. FONT, FONT, FONT!!!!!!! The same that is said of color can be said for font. What font works best to deliver the content? If we want to be bold with our use of font we can do so in the Header. When displaying large areas of text on the web we want to check for readability. How will we use typographic contrast and flow to communicate our content to the viewer? When working with type how and when will we introduce contrast? When will we change the size of our font? When will we working with spacing? How can we use font to create visual hierarchy of information?
3. Use images and icons when possible. If you can communicate your idea with an icon or image do so. Maybe your icon will be a link to text that the viewer needs to access? Through clicking an icon to access information we are engaging the viewer. (And most viewers are not interested in starting on a web page with large areas of text.)