Chapter 8 DESIGNING WEBSITES - From Page to Stage - PowerPoint PPT Presentation

zahur
chapter 8 designing websites from page to stage n.
Skip this Video
Loading SlideShow in 5 Seconds..
Chapter 8 DESIGNING WEBSITES - From Page to Stage PowerPoint Presentation
Download Presentation
Chapter 8 DESIGNING WEBSITES - From Page to Stage

play fullscreen
1 / 30
Download Presentation
115 Views
Download Presentation

Chapter 8 DESIGNING WEBSITES - From Page to Stage

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Chapter 8DESIGNING WEBSITES- From Page to Stage Day 13 WWW

  2. Day 13 Agenda • Assignment #4 Graded • 7 A’s, 1 B and 1 C • Quiz #2 Graded • 3 A’s, 5 B’s and 1 F • Lecture/Discuss Designing Web Sites

  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

  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. Chapter 8Designing Web Sites WWW