Good Web Design And other life skills…. “I can recognize good and poor web design.” *Quiz next Tuesday
What makes good web design? • Great content • Great design, and • Great organization
Good Work Ethic • Be on time. • Don’t frequently call in sick to get a day off. • Avoid the “gotta have a life” attitude…” • Put forth extra effort. • Be Proactive, You will be noticed. • Ask “What can I do now?”
In Utah County, how much can a student, part-time programmer in HTML/Web Design make per hour? • $6 – 9 per hour • $10 – 12 per hour • $15 per hour • $20 per hour
A student tester or student computer programmer (someone who codes the “back-end” of a website), can make… • $6 – 9 per hour • $10 – 12 per hour • $15 per hour • $20 per hour
Proofread • Use correct grammar. • Use correct punctuation. • Check for spelling/typo errors. • Make sure all links work. • Have correct e-mail addresses. • Avoid fractured pictures.
Formatting Guidelines • Use italics ONLY in certain situations. It may be hard to read. • Don’t type in ALL CAPS (shouting). • Use hard ruled lines sparingly. • Avoid blinking text and constant animated gifs. • Don’t use “Click Here.” • Avoid using under construction signs! • Use a subtle background texture.
Use of Color • Choose pleasing color combinations. • Have a high contrast between text and background color. • Keep the same color theme through the site. • A white background is professional. • Avoid using black as a background, unless it is appropriate for the theme.
Too many hard ruled lines <HR /> on a web page can: • Make the page appear cluttered • Take your eyes off the page • NOT very useful in separating many topics or paragraphs; better to use tables.
Backgrounds • White is the MOST professional and used often by business web sites. • A good rule of thumb is to use a WHITE background. • If you are going to use texture or a picture as a background, it should be very light and not distract from the contents on the web page.
Never have your body text this color:WHY? • White • Grey • Blue • Orange
Avoid text that …. • Is italicized • Is Grey • Is blinking
Additional Things to Consider • Is the cutting edge technology right for the site? • Sounds, scrolling java, and animations can get annoying. • View your page on different machines and different browsers. • Make sure the style of the web page fits the subject matter. • Graphics must have a purpose, don’t use them just because they are “cool” or look “cool.”
Additional Things to Consider--Continued • Reading flows from top to bottom, left to right. • Have consistent graphics and text analogies. • Does the site entice people to buy the product/service? • Within 5 seconds, the reader should know the topic of the page. • Will the viewers have the necessary plugin?