SlideShare a Scribd company logo
Observing and Critiquing Existing sitesToward a Better Design
Lecture ConceptsFocus on designing a web siteObserve and critique existing sitesDevelop key design concepts and guidelinesProvide important details on designing readable textSketching and prototyping a site design
Lecture ObjectivesUnderstand how existing sites incorporate key design conceptsLearn how to apply guidelines for good site designLearn to use the following tools to create eye appeal:ColorBalanceAlignmentOther toolsBecome aware of the process of sketching, prototyping and testing your design
Observing and Critiquing Existing SitesBefore designing a site – look at othersAnalyze how they achieve the objectives we’ve discussedWhat could they do better?Analyze many sites in order to be better informed
Observing and Critiquing Existing SitesSites to analyze:An existing site from the organization (the one you’re designing for)A site from a competitorSite from a parallel organization (if you manufacture boats, look at autos)
Observing and Critiquing Existing SitesAnalysis of each site should focus:Display of informationHow does the site display text, images and video?  How does it incorporate sound?How does it display lists and tables?
Observing and Critiquing Existing SitesAnalysis of each site should focus:Navigation through the site:Whose site am I looking at?Where am I in the site?What else is available?Where should I go next?How do I find what I am looking for?
Observing and Critiquing Existing SitesAnalysis of each site should focus:Choosing and finding:How do I select items to view?How do I search the contents of the site?What kind of site map is provided?
Observing and Critiquing Existing SitesAnalysis of each site should focus:Communicating the organization’s identity:How does the site use color?What kind of distinguishing font is used?How is the company logo displayed?What design features are included?
Observing and Critiquing Existing SitesAnalysis of each site should focus on:Feedback and interaction:How are forms used?Are discussion forums provided?Are chats available?Are there other forms of feedback and interaction?
Observing and Critiquing Existing SitesAfter you’ve answered these questions for sample sites, use them to determine how you will handle these issues in your site.

More Related Content

PPSX
Week 5 - Summary - 5
PPSX
Week 5 - Guidelines For Site Design - 2
PPSX
Week 5 - Sketching And Prototyping - 4
PDF
7 3 Preparing The Elements Video
PDF
7 4 Preparing The Elements Forms And Databases
PPSX
Week 5 -Designing For Eye Appeal 3
PDF
7 2 Preparing The Elements Audio
PPT
Competitive Analysis
Week 5 - Summary - 5
Week 5 - Guidelines For Site Design - 2
Week 5 - Sketching And Prototyping - 4
7 3 Preparing The Elements Video
7 4 Preparing The Elements Forms And Databases
Week 5 -Designing For Eye Appeal 3
7 2 Preparing The Elements Audio
Competitive Analysis

Similar to Week 5 - Toward A Better Design - 1 (20)

PDF
Pt 1 Analyzing Your Website Workshop for Wedding Pros
PPT
PPT
PDF
Real World SharePoint Branding - SharePoint Online - SharePoint Saturday Sess...
PPT
Web Design Phase
PDF
Ux gsg
PPT
Redesigning a Website Using Information Architecture Principals
PPTX
Seo the soul of web design Anand Saini
PPTX
Search engine optimization simplified
PPSX
Nuts boltslaunchingwebsite072811 fin
ODP
Web usability
PPT
√ Website designing company in delhi
PPT
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
DOCX
ENGL 419 Semester Plan Assignment Sheet
PDF
How to Launch And Manage Your Social Media Identity
PPT
香港六合彩 » SlideShare
PPT
Web+Design+Guide[1]
PDF
Website Redesign Checklist and Tips
PDF
[Idee];[website brief]
PPT
Website designing company in delhi
Pt 1 Analyzing Your Website Workshop for Wedding Pros
Real World SharePoint Branding - SharePoint Online - SharePoint Saturday Sess...
Web Design Phase
Ux gsg
Redesigning a Website Using Information Architecture Principals
Seo the soul of web design Anand Saini
Search engine optimization simplified
Nuts boltslaunchingwebsite072811 fin
Web usability
√ Website designing company in delhi
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
ENGL 419 Semester Plan Assignment Sheet
How to Launch And Manage Your Social Media Identity
香港六合彩 » SlideShare
Web+Design+Guide[1]
Website Redesign Checklist and Tips
[Idee];[website brief]
Website designing company in delhi
Ad

More from Stark State College (18)

PDF
7 5 Summary
PDF
7 1 Preparing The Elements Animation
PPSX
Week 6 3 Writing For The Web
PPSX
Week 6 1 Listing The Elements
PPSX
Week 6 5 Summary
PPSX
Week 6 4 Preparing The Elements Numbers
PPSX
Week 6 2 Preparing The Elements Text
PPSX
Week 3 Planning­ A Web Site - Summary
PPSX
Week 3 Planning A Web Site Audience - Possibilities
PPSX
Week 3 Planning A Web Site - Structure
PPSX
Designing Display
PPSX
Images Logos Corporate Identity
PPSX
Feedback And Interaction
PPSX
Designing Navigation
PPSX
Planning A Web Site Audience Possibilities
PPSX
Planning­ A Web Site Summary
PPSX
Week 2 - Planning A Web Site Audience - 2
PPTX
Impact Of Required Faculty Development And Training On
7 5 Summary
7 1 Preparing The Elements Animation
Week 6 3 Writing For The Web
Week 6 1 Listing The Elements
Week 6 5 Summary
Week 6 4 Preparing The Elements Numbers
Week 6 2 Preparing The Elements Text
Week 3 Planning­ A Web Site - Summary
Week 3 Planning A Web Site Audience - Possibilities
Week 3 Planning A Web Site - Structure
Designing Display
Images Logos Corporate Identity
Feedback And Interaction
Designing Navigation
Planning A Web Site Audience Possibilities
Planning­ A Web Site Summary
Week 2 - Planning A Web Site Audience - 2
Impact Of Required Faculty Development And Training On
Ad

Recently uploaded (20)

PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
Cell Types and Its function , kingdom of life
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
Computing-Curriculum for Schools in Ghana
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Cell Structure & Organelles in detailed.
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
Institutional Correction lecture only . . .
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
master seminar digital applications in india
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
Complications of Minimal Access Surgery at WLH
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
Cell Types and Its function , kingdom of life
O7-L3 Supply Chain Operations - ICLT Program
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Computing-Curriculum for Schools in Ghana
Renaissance Architecture: A Journey from Faith to Humanism
Abdominal Access Techniques with Prof. Dr. R K Mishra
Cell Structure & Organelles in detailed.
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
102 student loan defaulters named and shamed – Is someone you know on the list?
Institutional Correction lecture only . . .
GDM (1) (1).pptx small presentation for students
Microbial disease of the cardiovascular and lymphatic systems
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Microbial diseases, their pathogenesis and prophylaxis
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
master seminar digital applications in india
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Complications of Minimal Access Surgery at WLH

Week 5 - Toward A Better Design - 1

  • 1. Observing and Critiquing Existing sitesToward a Better Design
  • 2. Lecture ConceptsFocus on designing a web siteObserve and critique existing sitesDevelop key design concepts and guidelinesProvide important details on designing readable textSketching and prototyping a site design
  • 3. Lecture ObjectivesUnderstand how existing sites incorporate key design conceptsLearn how to apply guidelines for good site designLearn to use the following tools to create eye appeal:ColorBalanceAlignmentOther toolsBecome aware of the process of sketching, prototyping and testing your design
  • 4. Observing and Critiquing Existing SitesBefore designing a site – look at othersAnalyze how they achieve the objectives we’ve discussedWhat could they do better?Analyze many sites in order to be better informed
  • 5. Observing and Critiquing Existing SitesSites to analyze:An existing site from the organization (the one you’re designing for)A site from a competitorSite from a parallel organization (if you manufacture boats, look at autos)
  • 6. Observing and Critiquing Existing SitesAnalysis of each site should focus:Display of informationHow does the site display text, images and video? How does it incorporate sound?How does it display lists and tables?
  • 7. Observing and Critiquing Existing SitesAnalysis of each site should focus:Navigation through the site:Whose site am I looking at?Where am I in the site?What else is available?Where should I go next?How do I find what I am looking for?
  • 8. Observing and Critiquing Existing SitesAnalysis of each site should focus:Choosing and finding:How do I select items to view?How do I search the contents of the site?What kind of site map is provided?
  • 9. Observing and Critiquing Existing SitesAnalysis of each site should focus:Communicating the organization’s identity:How does the site use color?What kind of distinguishing font is used?How is the company logo displayed?What design features are included?
  • 10. Observing and Critiquing Existing SitesAnalysis of each site should focus on:Feedback and interaction:How are forms used?Are discussion forums provided?Are chats available?Are there other forms of feedback and interaction?
  • 11. Observing and Critiquing Existing SitesAfter you’ve answered these questions for sample sites, use them to determine how you will handle these issues in your site.