1 / 29

Planning and Designing Effective Web Sites

Planning and Designing Effective Web Sites. IS 591 Electronic Commerce. Table of Contents. Topic 1 Introduction to the Web Presentations Topic 2 Web Site Design. Introduction to World Wide Web Presentations. Planning and Designing Effective Web Sites. The World Wide Web.

paul2
Télécharger la présentation

Planning and Designing Effective Web Sites

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Planning and Designing Effective Web Sites IS 591 Electronic Commerce

  2. Table of Contents Topic 1 Introduction to the Web Presentations Topic 2 Web Site Design

  3. Introduction to World Wide Web Presentations Planning and Designing Effective Web Sites

  4. The World Wide Web • A structure of documents connected electronically over the internet • Composed of Web Documents or Web Pages • Web Sites or Presentations are related sets of Web Pages • Web Browsers are used to view Web Pages

  5. Web Pages • Consist of HTML (HyperText Markup Language) Code, Graphic Objects, and Embedded Programs and Scripts • Web Browsers interpret HTML code and cause the Web Page to be displayed in a particular format • Pages are linked together using Hyperlinks

  6. Uniform Resource Locators (URL) http://www.stockpoint.com/leftnav/stockinput.asp Protocol Domain Name File Path Translates to an IP Address (ex: 147.253.90.10)

  7. Web Infrastructure • Web Servers • Server Computers • Server Software • Intranets/Extranets • Local and Wide-area networks

  8. Web Presentation Design Criteria • Effectiveness • requires that the presentation be complete, sensibly organized, and accurate • Affectiveness • requires that the presentation capture attention by being interesting, stimulating, and enjoyable • Navigational Efficiency • the ease with which users can locate information

  9. Evolution of Web Presentations High Paper Replacement Text and Graphics Multimedia Intersite Links Interactivity Effect “Flashy” Text Rewrite Low Low Affect High

  10. Users Defined Targeted Surfers Users Surfers Population

  11. Levels of Understanding One-Way Intelligence Mutual Understanding High Presenter Understands Users Low Relationship may be with unintended audience No Effective Communication Low High User Understands Presentation

  12. Roles of Web Creators Information Stewards Presenters Users Designers

  13. Web Site Design Planning and Designing Effective Web Sites

  14. Information Domain • The totality of information collected during the Research and Idea Generation phase. • Also known as Presentation Content

  15. Information Objects • Any fully defined unit of information that expresses a single complete thought as perceived by the viewer. • Also known as “chunks”, each information object results in a Web page element. • Information objects are mutually exclusive and collectively exhaustive.

  16. Information Structure Diagrams Program Description (A, 1) Information Technology Minor (I, 1) Course List (A, 4) Course Requirements (A, 1) Volatility Legend: I = Infrequently A = Annually

  17. Design Considerations • 40% to 60% of a Web page should be white space • Average surfer views a page for under seven seconds • Web design is often best done by teams

  18. Text Analysis • Start with Information Objects • Review text associated with the object’s source (document, form, etc.) • Discard irrelevant text

  19. Writing Goals • Complete or Comprehensive • Accurate or Accuracy Labeled • Easy to Read • Clear • Useful To At Least One Defined Audience • Concise

  20. Text Composition Elements • Layout • Placement of text on a Web page • Typography • Typeface • Type style • Type Size • Color • hyperlinks, legibility, mood, tone

  21. Text Arrangement • Proximity • places similar or related items near to each other • Alignment • position relative to edges • Contrast • used to establish focal point • Repetition • repeated consistent use of design elements

  22. Text Grouping • By location • Alphabetic • By time • By quantity

  23. Page Formatting • Methods of screen presentation and the division of space on a page • Menus • Image maps • Frames

  24. Hyperlinks • Intrapage Hyperlinks • Move within a page (at same URL) • Intrasite Hyperlinks • Move between information objects at same web site • Intersite (Free) Hyperlinks • Move user to other web presentations

  25. Criteria For Intersite Links • Information on the site is complete and accurate • Relationship works to your site’s competitive advantage • Tone of site is compatible with yours • Site appeals to your expected audience • Site support your page or site goals

  26. Linkage Evaluation • Ratio of Possible to Actual Links should be in 40% to 60% Range • Seven or Less Hyperlinks Per Page (Not including intrapage links) • One Intrapage Hyperlink Per 10-20 Lines of Text • Use Intrasite links if your pages have 150 Lines or more

  27. Multimedia Text, Graphics, Sound, Animation, Video, or other media products combined into a single product or presentation

  28. Multimedia Analysis Guidelines • Determine the purpose of enhancements • Description, Decoration, Exploration, Demonstration • Determine the format of enhancements • Graphics, Animation, Sound, Video, etc. • Match purpose and format to make selection of multimedia form

  29. Multimedia Composition • Selecting or developing multimedia objects for the Web presentation • Integrating objects into Web pages • Evaluating the total effect • affectiveness • effectiveness • navigational efficiency

More Related