Usability & Accessibility


Published on

Usability, Ergonomie, Look&Feel; about

Published in: Technology, Design
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Usability & Accessibility

    1. 1. WebScene 2007 De Montil, Affligem March 14 th , 2007
    2. 2. Bart Van Herreweghe <ul><li>FPS Chancellery of the Prime Minister </li></ul><ul><ul><li>Directorate General External Communications </li></ul></ul><ul><ul><ul><li>Online (20 persons) </li></ul></ul></ul><ul><ul><ul><ul><li>Me (1) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>PortalTeam (15 to be hired) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>WebTeam (4) </li></ul></ul></ul></ul>
    3. 3. Cel Online <ul><li>Portal Team: </li></ul><ul><li>1 Portal Content Manager </li></ul><ul><li>4 Web Content Coordinators </li></ul><ul><li>10 Channel Managers </li></ul><ul><li>Cel online: </li></ul><ul><li>eClasses (support & training) </li></ul><ul><li>Webguide (documention) </li></ul>
    4. 4. <ul><li>Usability, Ergonomie, Look&Feel </li></ul>
    5. 5. Who’s doing what? <ul><li>FPS Chancellery </li></ul><ul><li>Bart Van Herreweghe, Program Manager Usability </li></ul><ul><li>Hugo Poliart, Portal Content Manager (a.i.) </li></ul><ul><li>Netway + Internet Architects + U&I Learning + Duoh! Supplier: Usability Portal project </li></ul><ul><li>Erik Verdeyen, Program Manager Usability </li></ul><ul><li>Roel Poffé, Nicolas de Biolley, Marc Van Rymenant, ... </li></ul>
    6. 6. About this presentation <ul><li>This presentation is about: </li></ul><ul><li>u7y & a11y </li></ul><ul><li>(Usability & Accessibility) </li></ul><ul><li>i18n = internationalization, multi-lingual sites </li></ul>18 characters
    7. 7. v2 <ul><li>Challenge : </li></ul><ul><li>Striking the right balance between: </li></ul><ul><ul><li>User friendliness </li></ul></ul><ul><ul><li>Ergonomics </li></ul></ul><ul><ul><li>Look & feel </li></ul></ul><ul><ul><li>Accessibility </li></ul></ul>
    8. 8. Environment of v2
    9. 9. Usability, Ergonomics, Look&Feel <ul><li>Goal </li></ul>
    10. 10. Accessibility <ul><li>Goal : </li></ul><ul><li>AnySurfer </li></ul><ul><li>AnySurfer+ (if possible) </li></ul><ul><li>(Formerly known as “blind surfer”) </li></ul>
    11. 11. eMethodologie Approach … Source:
    12. 18. Templates <ul><li>Templates XHTML accessible, tested (accesibility testing) and validated (norms) </li></ul><ul><li>Recyclable : portal + other sites </li></ul><ul><li>Style guide </li></ul><ul><li>Transfer FEDICT : template set, demo site, functional analysis </li></ul><ul><li>Transfer of knowledge to the internal designers </li></ul><ul><li>Anysurfer+ </li></ul>
    13. 19. Operational support <ul><li>Coaching and support on layout and graphical elements </li></ul><ul><li>Accessibility guidelines (pdf, flash, …) </li></ul><ul><li>Copywriting : coaching, control & optimalisation level 1 et 2 </li></ul><ul><li>Functional support (CMS, accessibility, ergonomics) </li></ul>
    14. 20. Documentation, help and style guide <ul><li>Documentation </li></ul><ul><li>Help </li></ul><ul><li>Style guide </li></ul><ul><li>Content </li></ul><ul><li>Graphical </li></ul><ul><li>Functional </li></ul><ul><li>Standards </li></ul><ul><li>Sub sites (design patterns, specifications, specifications 4 sub sites) </li></ul>
    15. 21. How do you make your site accessible? <ul><li>Correct structural and semantical page buildup </li></ul><ul><li>Make a clear separation between layout and structure </li></ul><ul><li>Respect the order of elements </li></ul><ul><li>Degrade gracefully for browsers without javascript </li></ul><ul><li>Write understandably, make scannable pages </li></ul><ul><li>Test for color blindness, use redundant methods (icons, color, text) </li></ul>
    16. 22. Benefits of focusing on a11y <ul><li>Open your site to a larger audience </li></ul><ul><li>> 10% of the population has reading difficulties, aging population </li></ul><ul><li>It’s easier for users with little or no prerequisite knowledge and inexperienced surfers </li></ul><ul><li>Impact on external findability and searchability </li></ul><ul><li>34% faster navigation for all users </li></ul><ul><li>Lower digital divide </li></ul><ul><li>Extra cost: 5 - 15% for a standard website project </li></ul>
    17. 23. Conclusions <ul><li>Accessibility does not mean unattractive design </li></ul><ul><li>Accessibility is for a large group of people, not only for visually impaired visitors </li></ul><ul><li>Part of user friendliness </li></ul><ul><li>Not rocket science </li></ul><ul><li>Possible for applications too </li></ul><ul><li>All users benefit from it </li></ul>
    18. 24. Bart Van Herreweghe (professional) <ul><li>FOD Kanselarij van de Eerste Minister </li></ul><ul><li>Algemene Directie Externe Communicatie </li></ul><ul><li>Bart Van Herreweghe </li></ul><ul><li>Internet Communicatie Expert </li></ul><ul><li>Wetstraat 16 </li></ul><ul><li>B-1040 Brussel </li></ul><ul><li>T. +32 2 287 41 11 </li></ul><ul><li>F. +32 2 287 41 00 </li></ul><ul><li>G. +32 476 476 224 </li></ul><ul><li>E. </li></ul><ul><li>Web. </li></ul><ul><li>Web. </li></ul><ul><li>Web. </li></ul>
    19. 25. Bart Van Herreweghe (private) <ul><li>E-mail: </li></ul><ul><li> </li></ul><ul><li>Icq: 6788126 </li></ul><ul><li>Msn: </li></ul><ul><li>Yahoo: </li></ul><ul><li>Aol: </li></ul><ul><li>Aol: </li></ul><ul><li>Skype: bvanherreweghe </li></ul><ul><li>Gizmo Project: bvanherreweghe </li></ul><ul><li>GTalk: </li></ul>
    20. 26. Thank you for listening (and watching…)