Flupa, design for all, smartphone et tablette

1,040 views
1,191 views

Published on

Présentation "Design for all, smartphone et tablette" au petit déjeuner Flupa du 13 mars 2012

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,040
On SlideShare
0
From Embeds
0
Number of Embeds
444
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Flupa, design for all, smartphone et tablette

  1. 1. Design for all,smartphone & tabletteRaphaël Yharrassarry iErgo
  2. 2. D es ign fo Ac ra ce ll ss ib ilit é U n pe u de te ch ni D q ue lie es ns ou til s& de siErgo
  3. 3. iErgo
  4. 4. Démo iErgo
  5. 5. le parcours iErgo
  6. 6. iErgo
  7. 7. iErgo
  8. 8. iErgo
  9. 9. iErgo
  10. 10. Catachrèse iErgo
  11. 11. iErgo
  12. 12. D es ign fo ra ll Ac ce ss ib ilit U é n pe u de te ch ni D q ue lie es s ns ou til s& de siErgo
  13. 13. c’est quoi ?WebWeb appsApplicationsApplications hybrides www.iergo.fr - raphael@iergo.fr 13
  14. 14. iOS - iPhone - iPad iErgo
  15. 15. iErgo
  16. 16. iErgo
  17. 17. iErgo
  18. 18. Android«Ice Cream Sandwich» - version 4 Support des écrans multitouch«Gingerbread, Honeycomb» &Co - Version 1,6 à 3 nécessité d’installer des applications tiers suivant les besoins. www.iergo.fr - raphael@iergo.fr 18
  19. 19. Mobile Platform # of Respondents % of Respondents Nuance Talks (Nokia) 374 30.0% VoiceOver for iPhone 338 27.1% Mobile Speak (Nokia) 203 16.3% TalkBack for Android 31 2.5%Orator/Oratio for BlackBerry 8 0.6% Other 80 6.4% http://webaim.org/projects/screenreadersurvey3/ iErgo
  20. 20. D es ign fo ra ll Ac ce ss ib ilit é U n pe u de D te lie es ch ns ou n til iq s& ue de s siErgo
  21. 21. La taille ne varie pas. iErgo
  22. 22. iErgo
  23. 23. taille des ciblesMinimum coté : 0,74 cm espacement : 0,38 cmConfortable coté : 0,9 cm espacement : 0,38 cm www.iergo.fr - raphael@iergo.fr 23
  24. 24. Applications et SDK iErgo
  25. 25. Web, Web apps, (hybride) iErgo
  26. 26. Respecter les normesSéparer le contenu de la forme iErgo
  27. 27. Responsive design iErgo
  28. 28. em & % iErgo
  29. 29. Les formulaires,abusons des types et attributs iErgo
  30. 30. Champ texte iErgo
  31. 31. Champ mot de passe iErgo
  32. 32. Champ téléphone iErgo
  33. 33. Menu déroulant iErgo
  34. 34. Date et heure iErgo
  35. 35. D es ign fo ra ll Ac ce ss ib ilit é U n pe u de te ch ni D que de es s s l ou ien tils s &iErgo
  36. 36. Quelques liensLa liste des guidelines «accessibilités» pour différentesplateformes. Resources for mobile accessibility guidelines : http:// www.iheni.com/mobile-accessibility-guidelines/Mobile Web Best Practices (MWBP) http://www.w3.org/TR/mobile-bp/ www.iergo.fr - raphael@iergo.fr 36
  37. 37. W3C mobileOK Checker http://validator.w3.org/mobile/ www.iergo.fr - raphael@iergo.fr iErgo
  38. 38. iPhone/iPad Web and App Accessibilityhttp://pauljadam.com/presentations/ accessu2011/index.html www.iergo.fr - raphael@iergo.fr iErgo
  39. 39. Adobe Shadows http://labs.adobe.com/technologies/shadow/ www.iergo.fr - raphael@iergo.fr iErgo
  40. 40. Questions ? iErgo
  41. 41. RaphaëlYharrassarrywww.iergo.frraphael@iergo.fr iergo iErgo

×