1 / 31

Chapter 8 DESIGNING WEBSITES - From Page to Stage

Chapter 8 DESIGNING WEBSITES - From Page to Stage. Day 13. WWW. Day 13 Agenda. Lecture/Discuss Designing Web Sites Spring Break!. Designing Websites: Objectives. OBJECTIVES. Why a Website? Life Cycle of Site Building Ways to Build a Website Web Navigation Design Design Criteria

edena
Download Presentation

Chapter 8 DESIGNING WEBSITES - From Page to Stage

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. Chapter 8DESIGNING WEBSITES- From Page to Stage Day 13 WWW

  2. Day 13 Agenda • Lecture/Discuss Designing Web Sites • Spring Break!

  3. Designing Websites: Objectives OBJECTIVES • Why a Website? • Life Cycle of Site Building • Ways to Build a Website • Web Navigation Design • Design Criteria • Hiring a Web Designer

  4. Designing Websites: Why a Website? WHY A WEBSITE? • Reach Customers Quickly & Reliably • Establish a Presence in Cyberspace • Leverage Advertising Costs • Reduce Customer Service Cost • Promote Public Relations • Penetrate International Markets • Test-market New Products & Services

  5. Designing Websites: Life Cycle of Site Building LIFE CYCLE OF SITE BUILDING • Plan the Site • Define Audience & Competition • Build Site Content • Define Site Structure • Visual Design

  6. Designing Websites: Life Cycle of Site Building PLANNING OBJECTIVES (1) • Speed up Interactive Process • Reduce Human Intervention to a Minimum • Save Time • Save Buying & Selling Costs

  7. Designing Websites: Life Cycle of Site Building PLAN THE SITE (1) • Define the Site’s Goals • Determine Who Will Be Involved • Understand the Time & Need Constraints • Ask Questions Deciding on Site’s Mission & Purpose for the Organization

  8. Designing Websites: Life Cycle of Site Building DEFINE AUDIENCE & COMEPETITION (2) • Generate a List of Intended Audience • Identify What Prospective Customers Want

  9. Designing Websites: Define Audience & Competition HOW CUSTOMERS JUDGE WEBSITES (2) • Competitive Product Prices • Well-designed Product Representation • Good Product Selection • Reliable Shipping & Handling • On-time Delivery • Easy Ordering • Posted Privacy Policy • User-friendly Web Navigation

  10. Designing Websites: Define Audience & Competition WEB DESIGN (2) • Focus on Speed & Responsiveness • Create Scenarios & Test Cases • Select a Set of Users for Trial

  11. Designing Websites: Define Audience & Competition COMPETITVE ANALYSIS (2) • Make a List of Competitors • Evaluate Criteria: • Personalization • Consistency • Ease of Navigation • Compare your design against your competitors • http://www.bizrate.com/ratings_guide/guide.html

  12. Designing Websites: Life Cycle of Site Building BUILD SITE CONTENT (3) • Create Content Inventory • Determine Priority of Each Department • Analyze Feasibility of Each Function • See Box 8-1 on Page 240

  13. Designing Websites: Life Cycle of Site Building DEFINE SITE STRUCTURE (4) • Create Good Site Structure • Explore Various Metaphors • Objects for Actions • Intuitive Displays • Define Architectural Blueprints • Decide User Navigation

  14. Designing Websites: Life Cycle of Site Building VISUAL DESIGN (5) • Use Layout Grid • Show icons, buttons, banners, etc. • 4X3 layout • Use Graph Paper • Establish Look & Feel of Site via Page Mock-ups • Develop Web Personalization • cookies

  15. Designing Websites: Ways to Build a Website WAYS TO BUILD A WEBSITE • Storefront Building Service • ISP (Web Hosting) Service • Do It Yourself

  16. Designing Websites: Ways to Build a Website STOREFRONT BUILDING SERVICE • Offers Customized Online Store • Provide Web Address • Manage Web Traffic • Maintain Store on Web Servers • Drawbacks – Lack of Personalization • shopping.yahoo.com/stores • www.bigstep.com

  17. Designing Websites: Ways to Build a Website ISP SERVICES • Provide E-Commerce Software • Offer Well-Versed in Store-building Technology • Advantage – Good Customer Support • www.verio.com

  18. Designing Websites: Ways to Build a Website DO IT YOURSELF • Requires Experience • Security • Web Traffic Management • Responsive Support • Full-Time Web Administration • Benefits – Unlimited Upgrades & Customization

  19. Designing Websites: Web Navigation Design WEB NAVIGATION DESIGN • Create User Profiles (page 247) • Keep Human Factor as Part of the Design • Use Scenarios • Help View Navigation Process

  20. Designing Websites: Web Navigation Design DESIGN TIPS • Keep the Site Simple -KISS • Address the Problem the Website Needs to Solve • Enhance Response Time • Raise Transmission Speed • Focus on Content • Ensure Company’s Name Visible • Emphasize on Appearance • Allow Easy Return to Homepage

  21. Usability Sites • http://www.webpagesthatsuck.com/ • Art and the Zen of Web Sites

  22. Designing Websites: Design Criteria DESIGN CRITERIA • Appearance • Public Exposure • Consistency • Scalability • Security • Performance • Navigation & Interactivity

  23. Designing Websites: Design Criteria APPEARANCE • Is the Site Aesthetically Pleasing? • Conduct Quality Assurance • Check the readiness of a website • Examine how easy it passes under the stress of a Web production schedule • Use a Style Guide • Ensure consistency within the site

  24. Designing Websites: Design Criteria PUBLIC EXPOSURE • Site Availability • Networking & Technology Infrastructure • Network Administrators & Web Designers

  25. Designing Websites: Design Criteria CONSISTENCY • Will the Website & Contents Appear the Same on Visitors’ Screens? • Usage of HTML • Provide Choice of Browser • Netscape 4.7 – 7.0 • Internet Explorer 5.0-6.0

  26. Designing Websites: Design Criteria SCALABILITY • Does the Site Provide a Seamless Growth Path? • Capable of Being Expanded • Protection of Initial Investment

  27. Designing Websites: Design Criteria SECURITY • Protect from Hackers • Critical – Website Access • Knowledge of Developers

  28. Designing Websites: Design Criteria PERFORMANCE • How Long Does It Take for the Page to Appear? • Depend on Local Networking, Traffic Volume, Web Connection • 45-second Timer for search engines

  29. Designing Websites: Design Criteria NAVIGATION & INTERACTIVITY • How a Visitor Gets from One Page to Another • Format Icons & Buttons • Give out Function Descriptions of Each Icon • “Click-depth”

  30. WebSite Design resources • http://www.killersites.com/ • http://www.web-source.net/ • http://www.wpdfd.com/ • http://www.webstyleguide.com/ • http://www.oswd.org/

  31. Extra Credit question for next Quiz • Extra Credit (5 points) • What is the derivation of the name “cookie” used by Internet Browsers?

More Related