Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Accessibilité par téléphone mobile

jbouffand
le 7 octobre 2015
à 15:52
Rappel du sujet :

Bonjour,

On me fais de plus en plus souvent remarquer que ce serait encore mieux si mon site était "mobile friendly". C’est apparemment l’avenir, puisque bientôt la majorité des connexions à Internet se feront par smartphone (si ce n’est pas déjà le cas). Je me demandais donc quel layout d’Escal serait le plus adapté à un usage par smartphone (je n’en ai pas encore un moi-même pour faire des tests) ? S’il n’y en a pas, ce serait peut-être une bonne idée que de travailler dessus.

Accessibilité par téléphone mobile

Sauf erreur de ma part, ESCAL est parfaitement adapté au smartphone quelque soit le layout choisi.

Accessibilité par téléphone mobile

Hello

Fais-toi prêter un smartphone et teste. Tu verras que le travail est déjà bien avancé et qu’escal ne passe pas trop mal sur petit écran.
Il y a encore du travail et je n’ai pas trop le temps de m’y pencher dessus à fond mais c’est déjà raisonnablement mobile friendly.
Et quel que soit le layout choisi, l’aspect sur smartphone sera le même.

Accessibilité par téléphone mobile

Ou bien vole le smartphone d’un ami ;-)
Au niveau du bandeau, quelle solution tu as choisi pour en réduire la taille ?
Bien cordialement,
Yves

Accessibilité par téléphone mobile

Si la question s’adresse à moi, regarde le fichier inc-bandeau.html

Accessibilité par téléphone mobile

Bonjour,

ESCAL EST-IL MOBILE FRIENDLY ?

Un site peut être "Mobile Friendly" par contre certaines de ses pages ne le seront pas forcement !

Google donne les pages et points à améliorer pour arriver à ce qualificatif.
Par exemple pour la page d’accueil du site sous escal lettonie-francija.fr Google affiche "Parfait. Cette page est adaptée aux mobiles.".

Mais pour une autre page d’accueil sous escal :

Google répond :
"Non adaptée aux mobiles"
Cette page ne semble pas adaptée aux mobiles

  • Contenu plus large que l’écran
  • Liens trop rapprochés
    Pour en savoir plus sur les parties de la page concernées par ces problèmes d’ergonomie mobile, consultez PageSpeed Insights.

Ce n’est pas parce qu’un site sera passé par le qualificatif google site "Mobile Friendly", que sa navigation sur un smartphone en sera plus facile.

Ce sont deux notions différentes.

Ce que google vérifie, se situe par rapport au système qui lui permet de référencer correctement les pages d’un site web.

Pour vérifier si votre site est considéré par "GOOGLE" mobile friendly c’est ici :
https://search.google.com/test/mobile-friendly?hl=fr

Pour adapter l’esthétique d’un site, la navigation facilitée au doigt et à l’oeil pour les lecteurs, c’est une autre paire de doigté qu’il faut mettre en oeuvre.

► C’est en premier : tout faire pour que les pages soient les plus légères possibles à charger sur un smartphone par une connection 3G par exemple.
Ce qui veut dire des images très légères, vite chargées, en plus petit nombre,
les premières images qui s’affichent doivent se charger en premier, etc ...

► C’est en second : des boutons de liens, des menus suffisamment gros pour qu’un doigt accède et puisse appuyer à la place de la souris !

► etc ....

Qu’en pensez-vous ?

Accessibilité par téléphone mobile

Oui oui, je sais que j’ai encore du taf, c’est bien pour ça que j’ai dit qu’Escal était "raisonnablement" mobile-friendly

En ce qui concerne les images peu nombreuses et légères, là, c’est au webmestre de faire gaffe !

Accessibilité par téléphone mobile

Bonjour Jean-Claude, ma question au sujet de l’image du bandeau, s’adressait à toi ainsi qu’à toute autre personne ayant la gentillesse de me répondre... ;-)
J’ai déjà essayé de bricoler dans ce coin, sans sucés.
Pour tester j’ai mis un spip_logo width : 10% ou même un img.spip_logo ... sans que ça ne change rien.

— > pas moyen d’être plus clair, le filtre anti-spam est sourcilleux :-))

En fait j’avais bidouillé dans le logo du site pour faire varier la taille du logo en fonction de la taille d’écran... ;-(

Et en ce qui concerne le "raisonnablement" mobile-friendly, perso je dirais qu’il "pas-si-mal-que-ça" mobile-friendly :-)

Bonne journée à tout le monde !
Yves

Accessibilité par téléphone mobile

Un des sites que je gère : www.club-interloisirs-conflans.org possède un bandeau (960x230 ; 242ko) qui s’affiche très bien sur mon smartphone et sur celui d’autres personnes que je connais. Je le répète ESCAL est très bien adapté au smartphone depuis sa révison 3.80.5. j’ai le layout fixe PM.

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.1.3