SlideShare uma empresa Scribd logo
1 de 48
ELC 200 Day 13
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
BOB.COM hints  BOB #3  BOB #2  The first part of the story is in here
Bob Antia (Bob #1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Microsoft BOB (bob #2) Pictures from http://toastytech.com/guis/bob.html
Bob Kerstein  (Bob #3) ,[object Object],[object Object]
Design Languages ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Constructing Your Web Site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web Navigation Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Design Criteria ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hiring a Web Designer ,[object Object],[object Object],[object Object],[object Object],[object Object]
Why Web Site Projects Fail? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Filling Web Positions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ADA Is Here! ,[object Object],[object Object],[object Object],[object Object],[object Object]
Chapter Summary ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web Site Evaluation  and Usability Testing
The focus of this chapter is on several learning objectives ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Characteristics of  Lame  Web Sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Common Mistakes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
From Vincent Flander’s “Web Pages that suck”  http://www.webpagesthatsuck.com/   We don 't put design elements where our visitors expect them.   54 Our site uses divider bars.   55 Our pages have too much/too little white space.   57 I don't know if our site looks the same in the major browsers.   58 We don't identify PDF files with an icon.   58 Visited links don't change color.   61 The man from Mars cannot quickly find the focal point of the current page.   62 We have not eliminated unnecessary design items.   68 We don't know which design items are not necessary.   70 Quickly scanning the page doesn't tell our visitors much about its purpose.   74 Our site mixes and matches text sizes on the page.   77 We don't analyze our log files.   82 We never conduct user testing.   85 Our home page — or any page — takes more than four seconds to load.   87 The man from Mars cannot quickly find the focal point of the home page.   97 Our site doesn't make us look like credible professionals.   98 It takes longer than four seconds for the man from Mars to understand what our site is about.  108 We say "Welcome to..." on our home page. 136 We've designed our site to meet our organization's needs (more sales/contributions) rather than meeting the needs of our visitors. 247 Our site tries to tell you how wonderful we are as a company, but not how we're going to solve your problems. 253 Top 20 Confessed Web Design Sins
Questions When Evaluating a Web Site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Basic Web Site Anatomy ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Color and Its Psychological Effects ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Choosing a Color ,[object Object],[object Object],[object Object],[object Object],[object Object]
Major Colors and Their Psychological Effects Purple is a complex color and is the hardest color for the human eye to discriminate.  It represents spirituality, mystery, intelligence, royalty, luxury, wealth, and sophistication. Purple Cheerful sunny yellow is the first color the eye processes.  It is an attention-getter and represent optimism, hope, and precious metals.  It tends to be overpowering. Yellow Nature, health, optimism, good luck.  Green is the color of money and has strong associations with finance and economic stability.  But it is a mixed bag.  It is linked with envy sickness, and decaying food.  It does not do well in a global market. Green Blue is the color of the sky and the ocean—peaceful and calming.  It creates an optical impression that objects are farther away than they really are. Blue Red is the most emotionally intense color.  It is the color of love.  It creates attention, but tends to overtake other colors on the page. Red
Major Colors and Their Psychological Effects ( Cont’d ) Power, sexuality, sophistication, death, mystery, fear, unhappiness, elegance.  It signifies death and mourning in many Western cultures. Black Purity and innocence, cleanliness, precision, sterility, death.  It reproduces freshness and is quite popular at luxury Web sites.  It gives the sense of “pristineness.” White Intellect, futurism, modesty, sadness, decay.  It is the easiest color for the eye to see. Gray Brown is the color of earth and is quite abundant in nature.  It represents reliability, comfort, and endurance.  Men more than women tend to prefer brown over other colors. Brown Orange represents energy, balance, warmth, and vitality.  It is a color most detested by Americans.  The color has stronger appeal to Europeans and Latinos. Orange
Color and Individual Differences ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Colors for the Color Blind ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Consumer Association with Key Shapes (by gender)
Site Evaluation Criteria ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Site Classification ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sample Evaluations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Components of Personalization
Steps to Operationalize Personalization ,[object Object],[object Object],[object Object],[object Object]
Inference-based Personalization ,[object Object],[object Object]
Getting Personal ,[object Object],[object Object],[object Object],[object Object],[object Object]
Approaches to Web Personalization ,[object Object],[object Object],[object Object],[object Object],[object Object]
Do You Want a Cookie? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Popular Myths About Cookies ,[object Object],[object Object],[object Object],[object Object]
Web Site Usability ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Effective Web Site Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Components of Personalization
Components of Personalization – ( Cont’d )
Reliability  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
User Testing ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Site Performance Issues ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Managing Content and Site Traffic ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Chapter Summary ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Destaque

SureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email ReliabilitySureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email Reliabilitywebhostingguy
 
Get your website noticed by Jason King of HAVS
Get your website noticed by Jason King of HAVSGet your website noticed by Jason King of HAVS
Get your website noticed by Jason King of HAVSwebhostingguy
 
Microsoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 MbMicrosoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 Mbwebhostingguy
 
Slide 1 - Parallels Plesk Control Panel 8.6.0
Slide 1 - Parallels Plesk Control Panel 8.6.0Slide 1 - Parallels Plesk Control Panel 8.6.0
Slide 1 - Parallels Plesk Control Panel 8.6.0webhostingguy
 
IT Power Management Strategy
IT Power Management Strategy IT Power Management Strategy
IT Power Management Strategy webhostingguy
 
Parallels Hosting Products
Parallels Hosting ProductsParallels Hosting Products
Parallels Hosting Productswebhostingguy
 
Managing Diverse IT Infrastructure
Managing Diverse IT InfrastructureManaging Diverse IT Infrastructure
Managing Diverse IT Infrastructurewebhostingguy
 
Linux Hosting Training Course Level 1-2
Linux Hosting Training Course Level 1-2Linux Hosting Training Course Level 1-2
Linux Hosting Training Course Level 1-2Ramy Allam
 
setting Dns linux debian
setting Dns linux debiansetting Dns linux debian
setting Dns linux debianArga Prahara
 
SureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email ReliabilitySureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email Reliabilitywebhostingguy
 
Installing web sphere application server v7 on red hat enterprise linux v6.3
Installing web sphere application server v7 on red hat enterprise linux v6.3Installing web sphere application server v7 on red hat enterprise linux v6.3
Installing web sphere application server v7 on red hat enterprise linux v6.3Dave Hay
 

Destaque (20)

Notes8
Notes8Notes8
Notes8
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Slide 1
Slide 1Slide 1
Slide 1
 
SureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email ReliabilitySureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email Reliability
 
Get your website noticed by Jason King of HAVS
Get your website noticed by Jason King of HAVSGet your website noticed by Jason King of HAVS
Get your website noticed by Jason King of HAVS
 
Microsoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 MbMicrosoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 Mb
 
Slide 1 - Parallels Plesk Control Panel 8.6.0
Slide 1 - Parallels Plesk Control Panel 8.6.0Slide 1 - Parallels Plesk Control Panel 8.6.0
Slide 1 - Parallels Plesk Control Panel 8.6.0
 
IT Power Management Strategy
IT Power Management Strategy IT Power Management Strategy
IT Power Management Strategy
 
Parallels Hosting Products
Parallels Hosting ProductsParallels Hosting Products
Parallels Hosting Products
 
Managing Diverse IT Infrastructure
Managing Diverse IT InfrastructureManaging Diverse IT Infrastructure
Managing Diverse IT Infrastructure
 
PL WEB
PL WEBPL WEB
PL WEB
 
Html
HtmlHtml
Html
 
Linux Hosting Training Course Level 1-2
Linux Hosting Training Course Level 1-2Linux Hosting Training Course Level 1-2
Linux Hosting Training Course Level 1-2
 
Ajax
AjaxAjax
Ajax
 
setting Dns linux debian
setting Dns linux debiansetting Dns linux debian
setting Dns linux debian
 
SureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email ReliabilitySureMail: Notification Overlay for Email Reliability
SureMail: Notification Overlay for Email Reliability
 
Css
CssCss
Css
 
Installing web sphere application server v7 on red hat enterprise linux v6.3
Installing web sphere application server v7 on red hat enterprise linux v6.3Installing web sphere application server v7 on red hat enterprise linux v6.3
Installing web sphere application server v7 on red hat enterprise linux v6.3
 
Class Presentation
Class PresentationClass Presentation
Class Presentation
 
#1
#1#1
#1
 

Semelhante a ELC 200 Agenda Assignment 4 Posted Build Website Due March 15

Silicon Halton Meetup 57 - Website Accessibility
Silicon Halton  Meetup 57 - Website Accessibility Silicon Halton  Meetup 57 - Website Accessibility
Silicon Halton Meetup 57 - Website Accessibility Silicon Halton
 
Web project management
Web project managementWeb project management
Web project managementSavaş Şakar
 
Chapter 4 Web design tech in formation technology msc class .pdf
Chapter 4 Web design tech in formation technology  msc class .pdfChapter 4 Web design tech in formation technology  msc class .pdf
Chapter 4 Web design tech in formation technology msc class .pdfwondimagegndesta
 
Web design workshop-khan_july29-2013-svcc
Web design workshop-khan_july29-2013-svccWeb design workshop-khan_july29-2013-svcc
Web design workshop-khan_july29-2013-svccM. Laeeq Khan
 
Web Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website PlanningWeb Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website Planningclement swarnappa
 
Menciptakan dan Membangun Website
Menciptakan dan Membangun WebsiteMenciptakan dan Membangun Website
Menciptakan dan Membangun Websitecokyfauzi
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeEric Sembrat
 
Rock Your School's Website - Stacy Jagodowski & Peter Baron
Rock Your School's Website - Stacy Jagodowski & Peter BaronRock Your School's Website - Stacy Jagodowski & Peter Baron
Rock Your School's Website - Stacy Jagodowski & Peter BaronBlackbaud
 
Twf homepagedesign sb_okey
Twf homepagedesign sb_okeyTwf homepagedesign sb_okey
Twf homepagedesign sb_okeyLimeRed Studio
 
How website used webinar - cp.key
How website used   webinar - cp.keyHow website used   webinar - cp.key
How website used webinar - cp.keyChris Powell
 
Joomla Day Austin Part 1
Joomla Day Austin Part 1Joomla Day Austin Part 1
Joomla Day Austin Part 1Kyle Ledbetter
 
Chapter 2 | Website design & development
Chapter 2  | Website design & developmentChapter 2  | Website design & development
Chapter 2 | Website design & developmentMikaStuttaford
 
Get real results from your website
Get real results from your websiteGet real results from your website
Get real results from your websiteFlorizel Media
 
Jane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane Clark
 
Demystifying The Web
Demystifying The WebDemystifying The Web
Demystifying The WebLoft Creative
 
Technical SEO Best Practices
Technical SEO Best PracticesTechnical SEO Best Practices
Technical SEO Best PracticesNishanth Stephen
 

Semelhante a ELC 200 Agenda Assignment 4 Posted Build Website Due March 15 (20)

Silicon Halton Meetup 57 - Website Accessibility
Silicon Halton  Meetup 57 - Website Accessibility Silicon Halton  Meetup 57 - Website Accessibility
Silicon Halton Meetup 57 - Website Accessibility
 
Web project management
Web project managementWeb project management
Web project management
 
Chapter 4 Web design tech in formation technology msc class .pdf
Chapter 4 Web design tech in formation technology  msc class .pdfChapter 4 Web design tech in formation technology  msc class .pdf
Chapter 4 Web design tech in formation technology msc class .pdf
 
Web design workshop-khan_july29-2013-svcc
Web design workshop-khan_july29-2013-svccWeb design workshop-khan_july29-2013-svcc
Web design workshop-khan_july29-2013-svcc
 
Web Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website PlanningWeb Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website Planning
 
Menciptakan dan Membangun Website
Menciptakan dan Membangun WebsiteMenciptakan dan Membangun Website
Menciptakan dan Membangun Website
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to Me
 
Webdesign
WebdesignWebdesign
Webdesign
 
Rock Your School's Website - Stacy Jagodowski & Peter Baron
Rock Your School's Website - Stacy Jagodowski & Peter BaronRock Your School's Website - Stacy Jagodowski & Peter Baron
Rock Your School's Website - Stacy Jagodowski & Peter Baron
 
Twf homepagedesign sb_okey
Twf homepagedesign sb_okeyTwf homepagedesign sb_okey
Twf homepagedesign sb_okey
 
How website used webinar - cp.key
How website used   webinar - cp.keyHow website used   webinar - cp.key
How website used webinar - cp.key
 
Joomla Day Austin Part 1
Joomla Day Austin Part 1Joomla Day Austin Part 1
Joomla Day Austin Part 1
 
Web Disigning
Web DisigningWeb Disigning
Web Disigning
 
Chapter 2 | Website design & development
Chapter 2  | Website design & developmentChapter 2  | Website design & development
Chapter 2 | Website design & development
 
Web Basics for Business
Web Basics for BusinessWeb Basics for Business
Web Basics for Business
 
Get real results from your website
Get real results from your websiteGet real results from your website
Get real results from your website
 
Jane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_web
 
Demystifying The Web
Demystifying The WebDemystifying The Web
Demystifying The Web
 
Technical SEO Best Practices
Technical SEO Best PracticesTechnical SEO Best Practices
Technical SEO Best Practices
 
Web Sites for Small Businesses
Web Sites for Small BusinessesWeb Sites for Small Businesses
Web Sites for Small Businesses
 

Mais de webhostingguy

Running and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test FrameworkRunning and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test Frameworkwebhostingguy
 
MySQL and memcached Guide
MySQL and memcached GuideMySQL and memcached Guide
MySQL and memcached Guidewebhostingguy
 
Load-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web serversLoad-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web serverswebhostingguy
 
SQL Server 2008 Consolidation
SQL Server 2008 ConsolidationSQL Server 2008 Consolidation
SQL Server 2008 Consolidationwebhostingguy
 
Master Service Agreement
Master Service AgreementMaster Service Agreement
Master Service Agreementwebhostingguy
 
PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...webhostingguy
 
Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...webhostingguy
 
Excel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for MerchandisersExcel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for Merchandiserswebhostingguy
 
Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...
Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...
Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...webhostingguy
 
Getting Started Guide
Getting Started GuideGetting Started Guide
Getting Started Guidewebhostingguy
 
"BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ...
"BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ..."BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ...
"BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ...webhostingguy
 
Best Practises: Java OGSI Hosting Environment Design
Best Practises: Java OGSI Hosting Environment DesignBest Practises: Java OGSI Hosting Environment Design
Best Practises: Java OGSI Hosting Environment Designwebhostingguy
 
Host Based Security Best Practices
Host Based Security Best PracticesHost Based Security Best Practices
Host Based Security Best Practiceswebhostingguy
 

Mais de webhostingguy (20)

File Upload
File UploadFile Upload
File Upload
 
Running and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test FrameworkRunning and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test Framework
 
MySQL and memcached Guide
MySQL and memcached GuideMySQL and memcached Guide
MySQL and memcached Guide
 
Load-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web serversLoad-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web servers
 
SQL Server 2008 Consolidation
SQL Server 2008 ConsolidationSQL Server 2008 Consolidation
SQL Server 2008 Consolidation
 
What is mod_perl?
What is mod_perl?What is mod_perl?
What is mod_perl?
 
What is mod_perl?
What is mod_perl?What is mod_perl?
What is mod_perl?
 
Master Service Agreement
Master Service AgreementMaster Service Agreement
Master Service Agreement
 
PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...
 
Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...
 
Excel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for MerchandisersExcel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for Merchandisers
 
OLUG_xen.ppt
OLUG_xen.pptOLUG_xen.ppt
OLUG_xen.ppt
 
Reseller's Guide
Reseller's GuideReseller's Guide
Reseller's Guide
 
Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...
Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...
Installation of MySQL 5.1 Cluster Software on the Solaris 10 ...
 
Getting Started Guide
Getting Started GuideGetting Started Guide
Getting Started Guide
 
"BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ...
"BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ..."BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ...
"BEST MONEY TV HOST" CONSUELO MACK Launches Fifth Season on ...
 
Best Practises: Java OGSI Hosting Environment Design
Best Practises: Java OGSI Hosting Environment DesignBest Practises: Java OGSI Hosting Environment Design
Best Practises: Java OGSI Hosting Environment Design
 
NGS
NGSNGS
NGS
 
Host Based Security Best Practices
Host Based Security Best PracticesHost Based Security Best Practices
Host Based Security Best Practices
 
MySQL and PHP
MySQL and PHPMySQL and PHP
MySQL and PHP
 

ELC 200 Agenda Assignment 4 Posted Build Website Due March 15

  • 2.
  • 3. BOB.COM hints  BOB #3  BOB #2  The first part of the story is in here
  • 4.
  • 5. Microsoft BOB (bob #2) Pictures from http://toastytech.com/guis/bob.html
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Web Site Evaluation and Usability Testing
  • 17.
  • 18.
  • 19.
  • 20. From Vincent Flander’s “Web Pages that suck” http://www.webpagesthatsuck.com/ We don 't put design elements where our visitors expect them.   54 Our site uses divider bars.   55 Our pages have too much/too little white space.   57 I don't know if our site looks the same in the major browsers.   58 We don't identify PDF files with an icon.   58 Visited links don't change color.   61 The man from Mars cannot quickly find the focal point of the current page.   62 We have not eliminated unnecessary design items.   68 We don't know which design items are not necessary.   70 Quickly scanning the page doesn't tell our visitors much about its purpose.   74 Our site mixes and matches text sizes on the page.   77 We don't analyze our log files.   82 We never conduct user testing.   85 Our home page — or any page — takes more than four seconds to load.   87 The man from Mars cannot quickly find the focal point of the home page.   97 Our site doesn't make us look like credible professionals.   98 It takes longer than four seconds for the man from Mars to understand what our site is about. 108 We say "Welcome to..." on our home page. 136 We've designed our site to meet our organization's needs (more sales/contributions) rather than meeting the needs of our visitors. 247 Our site tries to tell you how wonderful we are as a company, but not how we're going to solve your problems. 253 Top 20 Confessed Web Design Sins
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. Major Colors and Their Psychological Effects Purple is a complex color and is the hardest color for the human eye to discriminate. It represents spirituality, mystery, intelligence, royalty, luxury, wealth, and sophistication. Purple Cheerful sunny yellow is the first color the eye processes. It is an attention-getter and represent optimism, hope, and precious metals. It tends to be overpowering. Yellow Nature, health, optimism, good luck. Green is the color of money and has strong associations with finance and economic stability. But it is a mixed bag. It is linked with envy sickness, and decaying food. It does not do well in a global market. Green Blue is the color of the sky and the ocean—peaceful and calming. It creates an optical impression that objects are farther away than they really are. Blue Red is the most emotionally intense color. It is the color of love. It creates attention, but tends to overtake other colors on the page. Red
  • 26. Major Colors and Their Psychological Effects ( Cont’d ) Power, sexuality, sophistication, death, mystery, fear, unhappiness, elegance. It signifies death and mourning in many Western cultures. Black Purity and innocence, cleanliness, precision, sterility, death. It reproduces freshness and is quite popular at luxury Web sites. It gives the sense of “pristineness.” White Intellect, futurism, modesty, sadness, decay. It is the easiest color for the eye to see. Gray Brown is the color of earth and is quite abundant in nature. It represents reliability, comfort, and endurance. Men more than women tend to prefer brown over other colors. Brown Orange represents energy, balance, warmth, and vitality. It is a color most detested by Americans. The color has stronger appeal to Europeans and Latinos. Orange
  • 27.
  • 28.
  • 29. Consumer Association with Key Shapes (by gender)
  • 30.
  • 31.
  • 32.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 43. Components of Personalization – ( Cont’d )
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.