SlideShare uma empresa Scribd logo
1 de 65
Baixar para ler offline
WebSpeaking
vrijdag 6 augustus 2010
WebSpeaking
                             Presents
                    Information Ergonomics



                              WebSpeaking
vrijdag 6 augustus 2010
Did u know that




                              WebSpeaking
vrijdag 6 augustus 2010
7% of the Internet population
             is functionally illiterate?




                          WebSpeaking
vrijdag 6 augustus 2010
2% of the male population is
                           dyslexic?




                           WebSpeaking
vrijdag 6 augustus 2010
9% is Color blind?




                                WebSpeaking
vrijdag 6 augustus 2010
The rest really hates reading
                   loads of text on websites




                             WebSpeaking
vrijdag 6 augustus 2010
And… Did u?
                           Rhetorical question…
                           Don’t answer please...
                                 looks silly



                                WebSpeaking
vrijdag 6 augustus 2010
Meaningful silence…




                               WebSpeaking
vrijdag 6 augustus 2010
However….




                            WebSpeaking
vrijdag 6 augustus 2010
Do u Realize..




                              WebSpeaking
vrijdag 6 augustus 2010
… these are all potential
                          customers?




                             WebSpeaking
vrijdag 6 augustus 2010
Who now buy

                           NOTHING

                          from your site

                              WebSpeaking
vrijdag 6 augustus 2010
nothing




                          WebSpeaking
vrijdag 6 augustus 2010
…because they don’t get it

                          can’t read it

                          can’t see it

                          can’t find it




                          WebSpeaking
vrijdag 6 augustus 2010
Did u…..?




                           WebSpeaking
vrijdag 6 augustus 2010
Another thing...




                               WebSpeaking
vrijdag 6 augustus 2010
Did you know




                             WebSpeaking
vrijdag 6 augustus 2010
All these people




                               WebSpeaking
vrijdag 6 augustus 2010
can easily be reached




                                 WebSpeaking
vrijdag 6 augustus 2010
by using

                          (in the right way)




                           WebSpeaking
vrijdag 6 augustus 2010
Image




                          WebSpeaking
vrijdag 6 augustus 2010
Sound




                          WebSpeaking
vrijdag 6 augustus 2010
Multi media




                            WebSpeaking
vrijdag 6 augustus 2010
Gestures




vrijdag 6 augustus 2010
Language




                           WebSpeaking
vrijdag 6 augustus 2010
and...




                          WebSpeaking
vrijdag 6 augustus 2010
When did
                              YOU
                               feel
                            welcome
                          on a website?

                             WebSpeaking
vrijdag 6 augustus 2010
There’s something like




                           WebSpeaking
vrijdag 6 augustus 2010
Service




                           WebSpeaking
vrijdag 6 augustus 2010
you may call this




                                WebSpeaking
vrijdag 6 augustus 2010
Virtual Warmth




                              WebSpeaking / Info.nl
vrijdag 6 augustus 2010
Tools


                          WebSpeaking
vrijdag 6 augustus 2010
Speech




                          WebSpeaking
vrijdag 6 augustus 2010
Avatars




                          WebSpeaking
vrijdag 6 augustus 2010
Chat bots




                          WebSpeaking
vrijdag 6 augustus 2010
VOIP




                          WebSpeaking
vrijdag 6 augustus 2010
etcetera...


                             WebSpeaking
vrijdag 6 augustus 2010
What is
                          Information Ergonomics?




                                 WebSpeaking
vrijdag 6 augustus 2010
Wiki:




                          WebSpeaking
vrijdag 6 augustus 2010
WebSpeaking
vrijdag 6 augustus 2010
Ergonomics is concerned with the ‘fit’ between people
       and their technological tools and environments.


       It takes account of the user's capabilities and limitations
       in seeking to ensure that tasks, equipment, information
       and the environment suit each user.




                                WebSpeaking
vrijdag 6 augustus 2010
Summarized

        Safety
        Health
        Comfort
        To function effectively




                           WebSpeaking
vrijdag 6 augustus 2010
Let’s put this into a
                                diagram




                              WebSpeaking
vrijdag 6 augustus 2010
Visability                            Audibility




                                         Information
        Navigability                                   Compactability
                                         Ergonomics




                          Trustability                   Welcomeability


                                         WebSpeaking
vrijdag 6 augustus 2010
Audibility


         Avatars
         Text to Speech
         Chat / VOIP
         Music?




                           WebSpeaking
vrijdag 6 augustus 2010
Visability


         Font
         Color
         Design
         Symbs
         Gestures
         Video
         Animation
         Avatars




                          WebSpeaking
vrijdag 6 augustus 2010
Navigability




                          WebSpeaking
vrijdag 6 augustus 2010
Navigability


         Three Clicks to destination




                                   WebSpeaking
vrijdag 6 augustus 2010
Navigability


         Three Clicks to destination
         Uniformity of design




                                   WebSpeaking
vrijdag 6 augustus 2010
Navigability


         Three Clicks to destination
         Uniformity of design
         Breadcrumbs




                                   WebSpeaking
vrijdag 6 augustus 2010
Navigability


         Three Clicks to destination
         Uniformity of design
         Breadcrumbs
         Effective Search engine




                                    WebSpeaking
vrijdag 6 augustus 2010
Navigability


         Three Clicks to destination
         Uniformity of design
         Breadcrumbs
         Effective Search engine
         Channelize Channels
                     - Phone
                     - E-mail
                     - Chat
                     - Print
                     - Post (paper mail).. remember...?




                                          WebSpeaking
vrijdag 6 augustus 2010
Compactability


         Clear overview
               … Small website for big company
         Relevant information
               …. Mission statement…?
         Recent Information




                                        WebSpeaking Clockwork
vrijdag 6 augustus 2010
Trustability


         Reliability
         Safety
         Recognizable
         Clearness of
               - Payment structure
               - Additional costs
         NO SURPRISES!!




                                     WebSpeaking
vrijdag 6 augustus 2010
Can somebody help me!?!

                                 ... hello...?



                               Anybody there.....?



                                 I’m a customer...



                                      Please?




                                WebSpeaking
vrijdag 6 augustus 2010
Welcomeability




                          Eronomics = “Comfort” = Service




                                 WebSpeaking
vrijdag 6 augustus 2010
Welcomeability


   am I in the right place here?
   drowned by commercials
   Death by text
   Do they want me to be here?
   ... they leave shop half way?




                                    WebSpeaking
vrijdag 6 augustus 2010
Absorbability


         Maximize information transfer
         Does the information get stuck between the ears?




                                  WebSpeaking
vrijdag 6 augustus 2010
... common mistake...




                               WebSpeaking
vrijdag 6 augustus 2010
vrijdag 6 augustus 2010
Lean backward experience




vrijdag 6 augustus 2010
Lean backward experience
                                  Is not a




vrijdag 6 augustus 2010
Lean backward experience
                                   Is not a
                           Lean forward experience




vrijdag 6 augustus 2010
Questions?




                          www.WebSpeaking.nl




vrijdag 6 augustus 2010

Mais conteúdo relacionado

Destaque

Event Reporting-The Basics
Event Reporting-The BasicsEvent Reporting-The Basics
Event Reporting-The BasicsNafeesa Mazhar
 
Portfolio management
Portfolio managementPortfolio management
Portfolio managementReferendo Org
 
Costofbadpm schiltz v11
Costofbadpm schiltz v11Costofbadpm schiltz v11
Costofbadpm schiltz v11Referendo Org
 
Kanamanapalli 2010 (2)
Kanamanapalli 2010 (2)Kanamanapalli 2010 (2)
Kanamanapalli 2010 (2)Referendo Org
 
My1x1 shop presentation
My1x1 shop presentation My1x1 shop presentation
My1x1 shop presentation my1x1shop
 
P3 m3 self_assess_project
P3 m3 self_assess_projectP3 m3 self_assess_project
P3 m3 self_assess_projectReferendo Org
 
Les lettres ouvertes
Les lettres ouvertesLes lettres ouvertes
Les lettres ouvertesmflores5
 
Réseaux sociaux & stratégies de présence en ligne
Réseaux sociaux & stratégies de présence en ligneRéseaux sociaux & stratégies de présence en ligne
Réseaux sociaux & stratégies de présence en ligneJean Baptiste Mac Luckie
 
Du calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à Luxembourg
Du calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à LuxembourgDu calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à Luxembourg
Du calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à LuxembourgRudi Vanmechelen ✉ SCIA
 

Destaque (19)

Sp wp-human
Sp wp-humanSp wp-human
Sp wp-human
 
Epmo wp-closing
Epmo wp-closingEpmo wp-closing
Epmo wp-closing
 
Event Reporting-The Basics
Event Reporting-The BasicsEvent Reporting-The Basics
Event Reporting-The Basics
 
Gurtu 2010
Gurtu 2010Gurtu 2010
Gurtu 2010
 
Epmo wp-strategic
Epmo wp-strategicEpmo wp-strategic
Epmo wp-strategic
 
Portfolio management
Portfolio managementPortfolio management
Portfolio management
 
Costofbadpm schiltz v11
Costofbadpm schiltz v11Costofbadpm schiltz v11
Costofbadpm schiltz v11
 
Dare, Dream, Do
Dare, Dream, DoDare, Dream, Do
Dare, Dream, Do
 
Gignac 2010 (2)
Gignac 2010 (2)Gignac 2010 (2)
Gignac 2010 (2)
 
Epmo wp-creating
Epmo wp-creatingEpmo wp-creating
Epmo wp-creating
 
Gurtu 2010
Gurtu 2010Gurtu 2010
Gurtu 2010
 
Kanamanapalli 2010 (2)
Kanamanapalli 2010 (2)Kanamanapalli 2010 (2)
Kanamanapalli 2010 (2)
 
Lotti 2011
Lotti 2011Lotti 2011
Lotti 2011
 
Ppm wp-10 critical
Ppm wp-10 criticalPpm wp-10 critical
Ppm wp-10 critical
 
My1x1 shop presentation
My1x1 shop presentation My1x1 shop presentation
My1x1 shop presentation
 
P3 m3 self_assess_project
P3 m3 self_assess_projectP3 m3 self_assess_project
P3 m3 self_assess_project
 
Les lettres ouvertes
Les lettres ouvertesLes lettres ouvertes
Les lettres ouvertes
 
Réseaux sociaux & stratégies de présence en ligne
Réseaux sociaux & stratégies de présence en ligneRéseaux sociaux & stratégies de présence en ligne
Réseaux sociaux & stratégies de présence en ligne
 
Du calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à Luxembourg
Du calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à LuxembourgDu calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à Luxembourg
Du calcul de stabilité aux plans d'exécution - Rendez-vous le 11/11 à Luxembourg
 

Semelhante a Improve Website Accessibility with Information Ergonomics

Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScriptSencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScriptDavid Kaneda
 
What all that beta talk means for brands
What all that beta talk means for brandsWhat all that beta talk means for brands
What all that beta talk means for brandsAndy Whitlock
 
T-DOSE 2010 - Agile Enterprise, CLouds and Devops
T-DOSE 2010 - Agile Enterprise, CLouds and DevopsT-DOSE 2010 - Agile Enterprise, CLouds and Devops
T-DOSE 2010 - Agile Enterprise, CLouds and DevopsChef Software, Inc.
 
10 Social Media Things to Try in 10 Minutes
10 Social Media Things to Try in 10 Minutes10 Social Media Things to Try in 10 Minutes
10 Social Media Things to Try in 10 MinutesHeidi Miller
 
Kill Accessibility
Kill AccessibilityKill Accessibility
Kill AccessibilityGary Barber
 
Caelum dicas web 2010
Caelum dicas web 2010Caelum dicas web 2010
Caelum dicas web 2010Fabio Akita
 
Mobile Web and Campus Assistant
Mobile Web and Campus AssistantMobile Web and Campus Assistant
Mobile Web and Campus Assistantshellac
 
Agile Test Case Management
Agile Test Case ManagementAgile Test Case Management
Agile Test Case ManagementAdam Goucher
 
HDC 2010 Keynote: HTML5, jQuery and the Open Web
HDC 2010 Keynote: HTML5, jQuery and the Open WebHDC 2010 Keynote: HTML5, jQuery and the Open Web
HDC 2010 Keynote: HTML5, jQuery and the Open WebJonathan Sharp
 
Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Skills Matter
 
Advanced android
Advanced androidAdvanced android
Advanced androiddonnfelker
 
Mobile Phone User Interface Designs
Mobile Phone User Interface DesignsMobile Phone User Interface Designs
Mobile Phone User Interface DesignsHtoo Tay Zar
 
Hack Your Life (Foundation Board Version)
Hack Your Life (Foundation Board Version)Hack Your Life (Foundation Board Version)
Hack Your Life (Foundation Board Version)Miami University
 
The workshop framework (pdf)
The workshop framework (pdf)The workshop framework (pdf)
The workshop framework (pdf)Angela Maiers
 

Semelhante a Improve Website Accessibility with Information Ergonomics (20)

Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScriptSencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
 
HTML5 offline
HTML5 offlineHTML5 offline
HTML5 offline
 
What all that beta talk means for brands
What all that beta talk means for brandsWhat all that beta talk means for brands
What all that beta talk means for brands
 
Facespot
FacespotFacespot
Facespot
 
T-DOSE 2010 - Agile Enterprise, CLouds and Devops
T-DOSE 2010 - Agile Enterprise, CLouds and DevopsT-DOSE 2010 - Agile Enterprise, CLouds and Devops
T-DOSE 2010 - Agile Enterprise, CLouds and Devops
 
Interns bootcamp 2010
Interns bootcamp 2010Interns bootcamp 2010
Interns bootcamp 2010
 
10 Social Media Things to Try in 10 Minutes
10 Social Media Things to Try in 10 Minutes10 Social Media Things to Try in 10 Minutes
10 Social Media Things to Try in 10 Minutes
 
Basic Doc Design
Basic Doc DesignBasic Doc Design
Basic Doc Design
 
Not all avatars and islands?
Not all avatars and islands?Not all avatars and islands?
Not all avatars and islands?
 
Kill Accessibility
Kill AccessibilityKill Accessibility
Kill Accessibility
 
ETL May 2010
ETL May 2010ETL May 2010
ETL May 2010
 
Caelum dicas web 2010
Caelum dicas web 2010Caelum dicas web 2010
Caelum dicas web 2010
 
Mobile Web and Campus Assistant
Mobile Web and Campus AssistantMobile Web and Campus Assistant
Mobile Web and Campus Assistant
 
Agile Test Case Management
Agile Test Case ManagementAgile Test Case Management
Agile Test Case Management
 
HDC 2010 Keynote: HTML5, jQuery and the Open Web
HDC 2010 Keynote: HTML5, jQuery and the Open WebHDC 2010 Keynote: HTML5, jQuery and the Open Web
HDC 2010 Keynote: HTML5, jQuery and the Open Web
 
Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06
 
Advanced android
Advanced androidAdvanced android
Advanced android
 
Mobile Phone User Interface Designs
Mobile Phone User Interface DesignsMobile Phone User Interface Designs
Mobile Phone User Interface Designs
 
Hack Your Life (Foundation Board Version)
Hack Your Life (Foundation Board Version)Hack Your Life (Foundation Board Version)
Hack Your Life (Foundation Board Version)
 
The workshop framework (pdf)
The workshop framework (pdf)The workshop framework (pdf)
The workshop framework (pdf)
 

Improve Website Accessibility with Information Ergonomics

  • 2. WebSpeaking Presents Information Ergonomics WebSpeaking vrijdag 6 augustus 2010
  • 3. Did u know that WebSpeaking vrijdag 6 augustus 2010
  • 4. 7% of the Internet population is functionally illiterate? WebSpeaking vrijdag 6 augustus 2010
  • 5. 2% of the male population is dyslexic? WebSpeaking vrijdag 6 augustus 2010
  • 6. 9% is Color blind? WebSpeaking vrijdag 6 augustus 2010
  • 7. The rest really hates reading loads of text on websites WebSpeaking vrijdag 6 augustus 2010
  • 8. And… Did u? Rhetorical question… Don’t answer please... looks silly WebSpeaking vrijdag 6 augustus 2010
  • 9. Meaningful silence… WebSpeaking vrijdag 6 augustus 2010
  • 10. However…. WebSpeaking vrijdag 6 augustus 2010
  • 11. Do u Realize.. WebSpeaking vrijdag 6 augustus 2010
  • 12. … these are all potential customers? WebSpeaking vrijdag 6 augustus 2010
  • 13. Who now buy NOTHING from your site WebSpeaking vrijdag 6 augustus 2010
  • 14. nothing WebSpeaking vrijdag 6 augustus 2010
  • 15. …because they don’t get it can’t read it can’t see it can’t find it WebSpeaking vrijdag 6 augustus 2010
  • 16. Did u…..? WebSpeaking vrijdag 6 augustus 2010
  • 17. Another thing... WebSpeaking vrijdag 6 augustus 2010
  • 18. Did you know WebSpeaking vrijdag 6 augustus 2010
  • 19. All these people WebSpeaking vrijdag 6 augustus 2010
  • 20. can easily be reached WebSpeaking vrijdag 6 augustus 2010
  • 21. by using (in the right way) WebSpeaking vrijdag 6 augustus 2010
  • 22. Image WebSpeaking vrijdag 6 augustus 2010
  • 23. Sound WebSpeaking vrijdag 6 augustus 2010
  • 24. Multi media WebSpeaking vrijdag 6 augustus 2010
  • 26. Language WebSpeaking vrijdag 6 augustus 2010
  • 27. and... WebSpeaking vrijdag 6 augustus 2010
  • 28. When did YOU feel welcome on a website? WebSpeaking vrijdag 6 augustus 2010
  • 29. There’s something like WebSpeaking vrijdag 6 augustus 2010
  • 30. Service WebSpeaking vrijdag 6 augustus 2010
  • 31. you may call this WebSpeaking vrijdag 6 augustus 2010
  • 32. Virtual Warmth WebSpeaking / Info.nl vrijdag 6 augustus 2010
  • 33. Tools WebSpeaking vrijdag 6 augustus 2010
  • 34. Speech WebSpeaking vrijdag 6 augustus 2010
  • 35. Avatars WebSpeaking vrijdag 6 augustus 2010
  • 36. Chat bots WebSpeaking vrijdag 6 augustus 2010
  • 37. VOIP WebSpeaking vrijdag 6 augustus 2010
  • 38. etcetera... WebSpeaking vrijdag 6 augustus 2010
  • 39. What is Information Ergonomics? WebSpeaking vrijdag 6 augustus 2010
  • 40. Wiki: WebSpeaking vrijdag 6 augustus 2010
  • 42. Ergonomics is concerned with the ‘fit’ between people and their technological tools and environments. It takes account of the user's capabilities and limitations in seeking to ensure that tasks, equipment, information and the environment suit each user. WebSpeaking vrijdag 6 augustus 2010
  • 43. Summarized Safety Health Comfort To function effectively WebSpeaking vrijdag 6 augustus 2010
  • 44. Let’s put this into a diagram WebSpeaking vrijdag 6 augustus 2010
  • 45. Visability Audibility Information Navigability Compactability Ergonomics Trustability Welcomeability WebSpeaking vrijdag 6 augustus 2010
  • 46. Audibility  Avatars  Text to Speech  Chat / VOIP  Music? WebSpeaking vrijdag 6 augustus 2010
  • 47. Visability  Font  Color  Design  Symbs  Gestures  Video  Animation  Avatars WebSpeaking vrijdag 6 augustus 2010
  • 48. Navigability WebSpeaking vrijdag 6 augustus 2010
  • 49. Navigability  Three Clicks to destination WebSpeaking vrijdag 6 augustus 2010
  • 50. Navigability  Three Clicks to destination  Uniformity of design WebSpeaking vrijdag 6 augustus 2010
  • 51. Navigability  Three Clicks to destination  Uniformity of design  Breadcrumbs WebSpeaking vrijdag 6 augustus 2010
  • 52. Navigability  Three Clicks to destination  Uniformity of design  Breadcrumbs  Effective Search engine WebSpeaking vrijdag 6 augustus 2010
  • 53. Navigability  Three Clicks to destination  Uniformity of design  Breadcrumbs  Effective Search engine  Channelize Channels - Phone - E-mail - Chat - Print - Post (paper mail).. remember...? WebSpeaking vrijdag 6 augustus 2010
  • 54. Compactability  Clear overview … Small website for big company  Relevant information …. Mission statement…?  Recent Information WebSpeaking Clockwork vrijdag 6 augustus 2010
  • 55. Trustability  Reliability  Safety  Recognizable  Clearness of - Payment structure - Additional costs  NO SURPRISES!! WebSpeaking vrijdag 6 augustus 2010
  • 56. Can somebody help me!?! ... hello...? Anybody there.....? I’m a customer... Please? WebSpeaking vrijdag 6 augustus 2010
  • 57. Welcomeability Eronomics = “Comfort” = Service WebSpeaking vrijdag 6 augustus 2010
  • 58. Welcomeability  am I in the right place here?  drowned by commercials  Death by text  Do they want me to be here?  ... they leave shop half way? WebSpeaking vrijdag 6 augustus 2010
  • 59. Absorbability  Maximize information transfer  Does the information get stuck between the ears? WebSpeaking vrijdag 6 augustus 2010
  • 60. ... common mistake... WebSpeaking vrijdag 6 augustus 2010
  • 63. Lean backward experience Is not a vrijdag 6 augustus 2010
  • 64. Lean backward experience Is not a Lean forward experience vrijdag 6 augustus 2010
  • 65. Questions? www.WebSpeaking.nl vrijdag 6 augustus 2010