Chapter 8 DESIGNING WEBSITES - From Page to Stage

1
Chapter 8DESIGNING WEBSITES- From Page to Stage

• Day 13

WWW
2
Day 13 Agenda

• Assignment 4 Graded
• 7 As, 1 B and 1 C
• Quiz 2 Graded
• 3 As, 5 Bs and 1 F
• Lecture/Discuss Designing Web Sites

3
OBJECTIVES
Designing Websites Objectives

• Why a Website?
• Life Cycle of Site Building
• Ways to Build a Website
• Web Navigation Design
• Design Criteria
• Hiring a Web Designer

4
WHY A WEBSITE?
Designing Websites 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
LIFE CYCLE OF SITE BUILDING
Designing Websites Life Cycle of Site Building

1. Plan the Site
2. Define Audience Competition
3. Build Site Content
4. Define Site Structure
5. Visual Design

6
PLANNING OBJECTIVES (1)
Designing Websites Life Cycle of Site Building

• Speed up Interactive Process
• Reduce Human Intervention to a Minimum
• Save Time
• Save Buying Selling Costs

7
PLAN THE SITE (1)
Designing Websites Life Cycle of Site Building

• Define the Sites Goals
• Determine Who Will Be Involved
• Understand the Time Need Constraints
• Ask Questions Deciding on Sites Mission
  Purpose for the Organization

8
DEFINE AUDIENCE COMEPETITION (2)
Designing Websites Life Cycle of Site Building

• Generate a List of Intended Audience
• Identify What Prospective Customers Want

9
HOW CUSTOMERS JUDGE WEBSITES (2)
Designing Websites Define Audience Competition

• 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
WEB DESIGN (2)
Designing Websites Define Audience Competition

• Focus on Speed Responsiveness
• Create Scenarios Test Cases
• Select a Set of Users for Trial

11
COMPETITVE ANALYSIS (2)
Designing Websites Define Audience Competition

• Make a List of Competitors
• Evaluate Criteria
• Personalization
• Consistency
• Ease of Navigation
• Compare your design against your competitors

12
BUILD SITE CONTENT (3)
Designing Websites Life Cycle of Site Building

• Create Content Inventory
• Determine Priority of Each Department
• Analyze Feasibility of Each Function
• See Box 8-1 on Page 240

13
DEFINE SITE STRUCTURE (4)
Designing Websites Life Cycle of Site Building

• Create Good Site Structure
• Explore Various Metaphors
• Objects for Actions
• Intuitive Displays
• Define Architectural Blueprints
• Decide User Navigation

14
VISUAL DESIGN (5)
Designing Websites Life Cycle of Site Building

• 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
WAYS TO BUILD A WEBSITE
Designing Websites Ways to Build a Website

• Storefront Building Service
• ISP (Web Hosting) Service
• Do It Yourself

16
STOREFRONT BUILDING SERVICE
Designing Websites Ways to Build a Website

• 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
ISP SERVICES
Designing Websites Ways to Build a Website

• Provide E-Commerce Software
• Offer Well-Versed in Store-building Technology
• Advantage Good Customer Support
• www.verio.com

18
DO IT YOURSELF
Designing Websites Ways to Build a Website

• Requires Experience
• Security
• Web Traffic Management
• Responsive Support
• Full-Time Web Administration
• Benefits Unlimited Upgrades Customization

19
WEB NAVIGATION DESIGN
Designing Websites Web Navigation Design

• Create User Profiles (page 247)
• Keep Human Factor as Part of the Design
• Use Scenarios
• Help View Navigation Process

20
DESIGN TIPS
Designing Websites Web Navigation Design

• Keep the Site Simple -KISS
• Address the Problem the Website Needs to Solve
• Enhance Response Time
• Raise Transmission Speed
• Focus on Content
• Ensure Companys 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
DESIGN CRITERIA
Designing Websites Design Criteria

• Appearance
• Public Exposure
• Consistency
• Scalability
• Security
• Performance
• Navigation Interactivity

23
APPEARANCE
Designing Websites Design Criteria

• 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
PUBLIC EXPOSURE
Designing Websites Design Criteria

• Site Availability
• Networking Technology Infrastructure
• Network Administrators Web Designers

25
CONSISTENCY
Designing Websites Design Criteria

• 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
SCALABILITY
Designing Websites Design Criteria

• Does the Site Provide a Seamless Growth Path?
• Capable of Being Expanded
• Protection of Initial Investment

27
SECURITY
Designing Websites Design Criteria

• Protect from Hackers
• Critical Website Access
• Knowledge of Developers

28
PERFORMANCE
Designing Websites Design Criteria

• 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
NAVIGATION INTERACTIVITY
Designing Websites Design Criteria

• 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