Your SlideShare is downloading. ×
0
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Usability & Accessibility
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Usability & Accessibility

1,734

Published on

Usability, Ergonomie, Look&Feel; about belgium.be

Usability, Ergonomie, Look&Feel; about belgium.be

Published in: Technology, Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,734
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. WebScene 2007 De Montil, Affligem March 14 th , 2007
    • 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. 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. <ul><li>Usability, Ergonomie, Look&Feel </li></ul>
    • 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. 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. Belgium.be 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. Environment of belgium.be v2
    • 9. Usability, Ergonomics, Look&Feel <ul><li>Goal </li></ul>
    • 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. eMethodologie Approach … Source: http://webguide.fgov.be
    • 12.  
    • 13.  
    • 14.  
    • 15.  
    • 16.  
    • 17.  
    • 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>
    • 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>
    • 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 Belgium.be, specifications 4 sub sites) </li></ul>
    • 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>
    • 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>
    • 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>
    • 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. bart.vanherreweghe@premier.fed.be </li></ul><ul><li>Web. http://www.belgium.be </li></ul><ul><li>Web. http://webguide.fgov.be </li></ul><ul><li>Web. http://webguide.fgov.be/webteam/ </li></ul>
    • 25. Bart Van Herreweghe (private) <ul><li>E-mail: bart@vanherreweghe.com </li></ul><ul><li>http://bart.vanherreweghe.com </li></ul><ul><li>Icq: 6788126 </li></ul><ul><li>Msn: bvanherreweghe@hotmail.com </li></ul><ul><li>Yahoo: bvanherreweghe@yahoo.com </li></ul><ul><li>Aol: brtvanherreweghe@aol.com </li></ul><ul><li>Aol: bvanherreweghe@aol.com </li></ul><ul><li>Skype: bvanherreweghe </li></ul><ul><li>Gizmo Project: bvanherreweghe </li></ul><ul><li>GTalk: bart.vanherreweghe@gmail.com </li></ul>
    • 26. Thank you for listening (and watching…)

    ×