Hello my name is Stephanie

Je m’appelle Stéphanie, pourtant parfois vous préférez m’appeler St�phanie, St?phanie, Stêphanie ou même Stéphanie. Dans un monde multilingue et diverse où les humains voyagent, les décisions que vous prenez en terme de format, d’encodage et de caractère que vous allez accepter ou non dans votre base de donnée vont avoir des répercutions plus ou moins désagréables et handicapantes pour vos utilisateurs finaux. Il est grand temps que vous et moi discutions conséquences du mauvais encodage, diversité et experience (sans passer par du code pour autant).

Transcript

1. Voxxeddays 2018 Luxembourg — Stéphanie Walter
   

   View Slide

2. St?phanie
   

   View Slide

3. St phanie
   

   View Slide

4. Stêphanie
   

   View Slide

5. Stéphanie
   

   View Slide

6. UX & UI Designer.
   Mobile expert. Pixel & CSS Lover.
   stephaniewalter.design @WalterStephanie
   Illustration by Laurence V.
   
   

   View Slide

7. Stéphanie, la petit
   fille aux tournesols
   Icon made by Freepik For Flaticon
   

   View Slide

8. Vous ne passerez pas !
   

   View Slide

9. First name is invalid
   Last Name
   Walter
   First Name
   Stéphanie
   

   View Slide

10. Mon prénom est
    totalement valide.
    J’ai un poème de ma
    maman pour le
    prouver !
    

    View Slide

11. Oops something is not right,
    please only use A-Z in your name
    Last Name
    Walter
    First Name
    Stéphanie
    

    View Slide

12. Special characters are forbidden
    Last Name
    Walter
    First Name
    Stéphanie
    

    View Slide

13. Special characters are not allowed
    (a-z0-9, ‘_’ and spaces)
    Last Name
    Walter
    First Name
    Stéphanie
    

    View Slide

14. View Slide

15. English-only
    characters ??
    

    View Slide

16. View Slide

17. Via dcousineau
    

    View Slide

18. Falsehoods Programmers Believe About Names
    

    View Slide

19. Glitches Typographiques
    

    View Slide

20. - Bien sûr, dit le renard. Tu n'es encore pour moi
    qu'un petit garçon tout semblable à cent mille
    petits garçons. Et je n'ai pas besoin de toi. Et
    tu n'as pas besoin de moi non plus. Je ne suis
    pour toi qu'un renard semblable à cent mille
    renards. Mais, si tu m'apprivoises, nous
    aurons besoin l'un de l'autre. Tu seras pour moi
    unique au monde. Je serai pour toi unique au
    monde...
    - Je commence à comprendre, dit le petit prince.
    Il y a une fleur... je crois qu'elle m'a apprivoisé...
    

    View Slide

21. Via ManuelHu
    

    View Slide

22. View Slide

23. Attention au
    Subsetting
    

    View Slide

24. Vos utilisatrices vont-elles
    entrer puis afficher des
    données sur votre site?
    

    View Slide

25. Encoding, we have a problem
    

    View Slide

26. La private joke
    qui a fait marrer
    le forum pendant
    5 ans
    

    View Slide

27. OK pour les emojis dans le
    mail, par contre les accents
    sur Jérôme c’est Nope.
    
    Via Jérôme
    

    View Slide

28. Un réflexe presque pavlovien ?
    
    

    View Slide

29. “Je crois qu’il y
    a un souci
    d’encodage avec
    ton blog”
    

    View Slide

30. Fixed !
    

    View Slide

31. Des impacts au delà des
    interfaces web…
    

    View Slide

32. Stéé©ph©aLter
    L’expérience
    utilisateur ne s’arrête
    PAS à la fn du panier
    d’achat !
    

    View Slide

33. Imprimantes
    incompatibles et
    excès de zèle.
    Via Félix Saparelli
    WTF ??
    

    View Slide

34. “ Nous avons eu l'impression que ça ne leur posait pas
    spécialement de soucis que l'on rate notre vol, tant que l'accent
    (du prénom) n’était pas vérifié. “
    AMÉLIE
    vs
    AMLIE
    

    View Slide

35. Via Jani Eväkallio
    

    View Slide

36. Construire un web inclusif,
    multilingue, ensemble…
    

    View Slide

37. NON !
    

    View Slide

38. “Be conservative in what you send, be
    liberal in what you accept”
    

    View Slide

39. stephaniewalter.design @WalterStephanie
    Illustration by Laurence V.
    Attribution-NonCommercial-ShareAlike 4.0 International
    inpx.it/vd2018-stephanie
    

    View Slide