The document discusses important concepts for web design including understanding the target audience, user preferences, and what makes a good web page. It emphasizes designing for usability by keeping pages clean and uncluttered, mixing text and multimedia, ensuring fast loading times and compatibility. Good designs get their message across quickly while minimizing frustration for users.

1. Web Design: Important Concepts Staci Trekles Purdue University Calumet

2. Basic Rules to Live By What you see on your screen when you view a page is NOT what everyone else sees Web editing programs are NOT word processors - styles and formatting are controlled differently and are much simpler on the Web Cool graphics and animations are nice, but make sure there is always a text alternative

3. Basic Rules to Live By Warn your users - about popup windows, where links go, etc. so that there ’s nothing unexpected The faster your pages load, the happier your users are Keep everything clear and understandable - keep all the navigation in the same place, looking the same, on all pages Reduce unnecessary scrolling, especially left-to-right scrolling Know your Audience!!

4. What do we mean by “audience”? The target audience refers to the people for whom your website is primarily for Different groups of people tend to respond to and expect different things How a site appeals to a target audience is usually intertwined with the company/school/organization image

5. For example… Who seems to be the target audience for a company like Apple ( http://www.apple.com ) based on their website? What about Microsoft ( http://www.microsoft.com )? Are they similar or different audiences?

6. Another example… Look at the differences between Chrysler ’s different divisions: http://www.chrysler.com http://www.dodge.com http://www.jeep.com What are some of the standout features that help reveal who the target group is for each of the auto divisions?

7. One more set… Consider these colleges and the way they present themselves: http://www.harvard.edu/ http://www.ucla.edu http://www.capella.edu/ http://www.govst.edu/ Or these K-12 school districts: http://www.evscschools.com/ http://www.ecps.org http://www.grand.k12.ut.us/ http://www.crb2.k12.wy.us/

8. When designing for an audience Consider these primary characteristics: How your audience likes to receive information : Are they busy and in a hurry? Or do they like to stay a while and surf? Their computer skills and the capabilities of their machines/Internet access Their age , gender , socioeconomic status, location , native language

9. User Preferences Younger users are more likely than older users to “surf” Older users have specific purposes for their Net use, including learning activities, travel and product information, health, news Older users tend to be more worried about privacy and security risks Users with lower literacy levels have a harder time with navigating, using icons, and reading onscreen

10. User Preferences Most users want an obvious means to navigate the site and get to the information they want Many users don ’t want to scroll down much and some do not even know you can scroll down Splash screens can be a positive thing when used well and tastefully, but most users want the option to skip them

11. User Preferences Most users will not wait too long for a page to load - 5-7 seconds is about the longest many users will wait Users tend to scan through pages and focus on headlines and briefs first - make headlines obvious and break up text into short paragraphs to keep them interested People learning online are more likely to spend time reading but they still want visual cues like graphics and white space to move the eye through the page

12. So what makes a page “good”? There is no one “right” way to design a page, but most web designers agree on these: Usability! Clean designs without a lot of “clutter” Mix of text and multimedia elements (i.e., avoid Flash-only sites) Fast-loading pages Minimal need to download plugins to view the site Compatibility with as many browsers as possible

13. So that means that a good web page is a boring one… No, certainly not! There are lots of web pages out there that are simple yet very attractive and usable Some of the most popular websites in the world are relatively simple in navigation and presentation: http://www.google.com http://www.youtube.com http://www.myspace.com

14. Good Designs Get the Message Across No matter what the message, get it across quickly and with minimal frustration on the part of the user Otherwise, they won ’t want to view your page or buy into your message Compare and contrast these two sites: http://www.purdue.edu http://www.mit.edu/

15. How about these? http://inpics.net/ vs. http://www.lynda.com/ OR http://www.ebay.com vs. http://www.target.com

16. What are your favorites? What are some of your favorite sites as far as design is concerned? What about them makes them attractive to you? Are they easy to use? Fun and entertaining? A little of both? A favorite place of mine for ideas and CSS stylesheets (similar to the premade styles you can get in Dreamweaver CS3 and up, but with far more choices and options): http://css-templates.org

17. Useful Resources http://www.pantos.org/atw/basics.html http://www.w3.org/ http://www.useit.com/alertbox/20030825.html http://avtecmedia.com/web-site-design/fundamentals.htm http://www.useit.com/alertbox/990530.html

18. Recommended Reading Dept. of Health and Human Services Internet Usability Guidelines: http://www.usability.gov/pdfs/guidelines.html Digital Divide between young and old Internet users article: http://www.firstmonday.org/issues/issue10_10/paul/index.html Writing for a Web audience: http://www.smartisans.com/articles/web_writing.aspx Stanford-Poynter Eyetracking Study: http://www.poynterextra.org/et/i.htm