1. Basic Webpage Design Understanding Web Technologies and Applications

2. Objectives What are the first steps in web page design? Identify the difference of Web vs Print designIdentify the difference of Web vs Print design What are the guidelines for the design elements of a web page? What are the elements of a web page? Definition of terms Concepts in buliding a Web Site

3. PLANNING A WEBSITE Before beginning to build your Web site you should: * Identify your target audience * Have a statement of purpose * Know your main objectives * Have a concise outline of the information your site will contain.

4. PLANNING A WEBSITE Know Your Audience The next step in the design is to identify the potential users of your Web site, so that you can structure the site design to meet their needs and expectations. The knowledge, background, interests, and needs of users will vary from tentative novices who need a careful structured introduction to expert “power users” who may chafe at anything.

5. PLANNING A WEBSITE Web surfers Home pages aimed at browsers should be analogous to magazine covers. The objective is to entice the casual browser with strong graphics and bold statements of content. All the links on your home page should point inward, toward pages within your site. Provide a very clear and concise statement of what is in the site that might interest the reader.

6. PLANNING A WEBSITE Novice and occasional users These users depend on clear structure and easy access to overviews that illustrate how information is arranged within your Web site. Novices tend to be intimidated by complex text menus and may be tentative about delving deep into the site if the home page is not graphically attractive and clearly arranged.

7. PLANNING A WEBSITE Expert and frequent users These users depend on your site to obtain information quickly and accurately. Expert users are very impatient with multiple lowdensity graphic menus that only offer two to six choices at time. Power users crave trippeddown, fast-loading text menus

8. PLANNING A WEBSITE International users Remember that you are designing for the World Wide Web. Your readers could be the people down the street, or people in Australia or Poland. To reach the maximum number of users in other countries you may need to provide translations, at least of your key menu pages. Avoid idiosyncratic local jargon or obscure technical acronyms in your introductory or explanatory pages."

9. PLANNING A WEBSITE Don't assume that every reader follows your local date and time conventions. For example, don't abbreviate 2 Basics of Web Design Page 5 of 12 dates on your Web pages. To an American, "3/4/97" reads as "March 4, 1997," but users in most other countries would read the abbreviated date as "April 3, 1997

10. Concepts in Building a Web Site Overview Information wants to be free, the saying goes. Unfortunately, many of the tools needed to publish that information are not. But the rush to the Web has recently given rise to an avalanche of low-cost, online publishing options.

11. Concepts in Building a Web Site If you know what you are doing, you can post a professional-quality site not expending so much money — and you can get by for next to nothing if you're willing to live without some of the extras. However, what is most important is that you commit to investing the money necessary to produce a high-quality, welldesigned and well- written Web site.

12. Concepts in Building a Web Site Steps to Follow Why are you here? Get creative. Make it shine. Where to put it all? The Tower of Babble. Getting it right.

13. Concepts in Building a Web Site Planning a Web Site Steps to Follow Getting Web Content Storyboarding Flowcharting

14. Concepts in Building a Web Site Information Architecture Without Structure there is no Architecture Reduction is Construction Navigation in the Information Common Architecture Mistakes

15. Concepts in Building a Web Site Without Structure there is no Architecture Many Web sites are so confusing that the visitor get lost, can’t find what they’re looking for, or – in a worst-case scenario – can’t even comprehend what the site is about. Even Web sites that have a clear and consistent navigational structure can make the fundamental mistake of not structuring the content clearly enough.

16. Concepts in Building a Web Site Without Structure there is no Architecture A common mistake that you need to see (and sometimes will still do) on large corporate Web sites is that they inundate visitors with hundreds of products or throw unrelated content at visitors all at once.

17. Concepts in Building a Web Site Reduction is Construction Reducing the amount of information on a Web site and consolidating similar topics into a single topic set are essential tasks for producing a good site. You are not just minimizing the size of your site, also you making the information more available or accessible to the viewer.

18. Concepts in Building a Web Site Reduction is Construction All text must be precise and straight to the point, because there is the tendency that a viewer will not read the topic because it is too long.

19. Concepts in Building a Web Site Navigation in the Information Many Web designers make the mistake of creating a fancy interface with the expectation that visitors will be able to understand it. Very often this is not the case, and the visitor may have serious difficulties finding the desired information.

20. Concepts in Building a Web Site Navigation in the Information You can avoid this pitfall by using clear and consistent global, parallel, and local navigation. - Global navigation allows the visitor to move between the main sections of the site. It should be present on every page. - Parallel navigation allows the visitor to move within each section there are usually subcategories or subsections that also require a consistent navigational structure and must be present on every page within a section. - Local navigation works like a table of contents. You use it to find information within the page. It may look like a table of contents at the beginning of the page, or it might be a list of links in a sidebar.

21. Concepts in Building a Web Site Common Mistakes Too many categories – Reduction is the key to success. Combine information and avoid too many categories. The rule of thumb is that there should be no more than seven categories; scientific studies have established that this is all that most visitors can remember.

22. Concepts in Building a Web Site Common Mistakes Getting trapped in established structure – Does the structure of the Web site make sense, or is it simply based on the company’s departmental structure or some other preexisting concepts. Always ask yourself if the categories are logical from the visitors’ point of view.

23. Concepts in Building a Web Site Common Mistakes Inconsistent navigational organization – Is your navigational concept simple and straightforward? If not, start over. Your concepts should include clear global, parallel, and local navigation structures.

24. Concepts in Building a Web Site Common Mistakes Burying information in too many levels – Many Web sites branch out like a tree, but if your tree includes more than four hierarchical levels, it is probably too complex. Creating a visual representation or chart of your design will help you controlthe site’s hierarchy.

25. Concepts in Building a Web Site Designing Concepts Content Surfacing Metaphors The Tunnel Concept

26. Concepts in Building a Web Site Quality Web Design Factors of Quality Web Design Content Accessibility Layout and Navigation

27. Summary Purpose of website – The first step of planning should be deciding on the purpose of the website. Determine target audience – Ask yourself, “who is going to be looking at my site?”. Website budget – When planning a website, buget can be determining factor as to what features the website will have.