lisibilité/usability interface web.

Discussion dans 'Demandes d'avis et de conseils sur vos sites' créé par ortolojf, 6 Février 2018.

  1. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 258
    J'aime reçus:
    23
    Bonjour

    J'aurais besoin de savoir exactement, les dimensions requises par Google, pour l'usability friendship d'une interface web.

    Google dit : que le diamètre minimum d'un élément clicable, est de 48px, soit 9mm.

    Mais il dit aussi : The margin apart, must be at least 32px.

    Celà veut-il dire : 16px ( 32 / 2 ) entre chaque élément cliquable, ou autre chose ?

    Merci beaucoup de vos réponses.

    Amicalement.
     
    #1 ortolojf, 6 Février 2018
  2. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 898
    J'aime reçus:
    74
    Ca dépend de té résolution, ça.
     
    #2 UsagiYojimbo, 7 Février 2018
  3. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 258
    J'aime reçus:
    23
    Bonjour UsagiYojimbo

    C'est vrai, mais c'est ce que Google dit ( pour les smartphones ), tout en recommandant de ne surtout pas mettre : maximum-scale=1 ni user-scalable=no.

    Il recommande aussi de n'utiliser que des em ou rem et pas des px.

    Mon problème, c'est le ratio entre le demi-margin autour de l'élément cliquable, et son diamètre.

    Si l'on suit le ci-dessus, celà donne : ratio = 1 / 3 * diamètre => 16px = 48px / 3 .

    Est-ce ce ratio que Google recommande ou non ?

    Merci beaucoup.

    Amicalement.
     
    #3 ortolojf, 7 Février 2018
  4. colonies
    colonies WRInaute impliqué
    Inscrit:
    10 Septembre 2006
    Messages:
    577
    J'aime reçus:
    75
    Je ne sais pas où tu as récupéré tes infos, mais apparemment c'est un copier-coller d'une ancienne version de :
    https://material.io/guidelines/usability/accessibility.html#accessibility-style

    "Touch target spacing
    In most cases, touch targets should be separated by 8dp of space or more to ensure balanced information density and usability."

    Donc voilà : 8 "pixels" d'écart entre les éléments qu'on peut toucher, la plupart du temps. Ce qui veut dire que des fois c'est pas la peine, et que des fois, il en faut plus... et qu'il ne faut pas aborder les choses en cherchant à "savoir exactement, les dimensions requises par Google, pour l'usability friendship d'une interface web".

    Et pitié, évite les expressions comme "usability friendship".
     
    #4 colonies, 7 Février 2018
  5. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 258
    J'aime reçus:
    23
    Bonjour colonies ;)

    Merci pour l'info.

    Pour les erreurs indiquées par Google Analytics => Outils web, maintenant, ne donnent plus les erreurs précises.

    Comment savoir à quels endroits sont les erreurs ?

    Cordialement.
     
    #5 ortolojf, 7 Février 2018
  6. colonies
    colonies WRInaute impliqué
    Inscrit:
    10 Septembre 2006
    Messages:
    577
    J'aime reçus:
    75
    Je ne savais même pas que ça existait, je ne sais donc pas quel genre d'équivalent pourrait exister.
     
    #6 colonies, 7 Février 2018
  7. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 258
    J'aime reçus:
    23
    Rebond

    Bon je vais mettre mes étoiles à 25px comme Wri.

    A+

    Merci beaucoup.
     
    #7 ortolojf, 7 Février 2018
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - lisibilité usability interface Forum Date
La balise h1 - h6 , la pratique uniquement pour la lisibilité ? Référencement Google 13 Juillet 2015
Regrouper certaines pages pour améliorer la lisibilité Google Analytics 18 Novembre 2014
Influence de gg+ sur lisibilité du site dans google Référencement Google 15 Décembre 2012