Sur téléphone, un poème dont chaque vers oblige à faire défiler la page vers la droite devient vite pénible à lire. Le responsable peut être discret : une image trop large, un lecteur audio qui déborde ou une mise en page prévue pour l’ordinateur. Avant de toucher au texte, ouvrez la page sur un mobile et repérez ce qui dépasse. Préserver la forme d’un poème commence parfois par corriger son contenant.
Sur un site de poésie, on doit pouvoir lire un texte, retrouver le nom de son auteur ou de son traducteur, écouter une lecture si elle existe, puis consulter les renseignements d’une rencontre ou d’un atelier. Tout cela sur un écran étroit, parfois avec une connexion lente. Concevoir pour le mobile ne revient donc pas à rétrécir la version pour ordinateur : il faut choisir ce qui reste lisible, visible et utilisable quand la place manque.
Partir des tâches plutôt que de la taille de l’écran
Avant de choisir un modèle de page, relevez les parcours que le site doit permettre. Qui vient pour un poème cherche le texte, son titre et les informations qui l’accompagnent. Qui souhaite assister à une lecture cherche d’abord le lieu, la date, l’heure et les conditions de participation. Un auteur intéressé par un projet collectif doit comprendre la proposition avant d’ouvrir un formulaire. Ces priorités ne sont pas interchangeables.
Sur mobile, gardez les informations décisives près de ce qu’elles concernent. Le prix éventuel et les modalités d’accès d’une rencontre ont leur place dans l’annonce, pas dans une page générale difficile à retrouver. Sous un poème traduit, nommez clairement l’auteur et le traducteur, plutôt que de reléguer ces crédits dans une note minuscule. Alléger la présentation ne signifie pas retirer ce qui donne sens au texte.
Faire un premier contrôle sans équipement spécialisé
- Ouvrez sur un téléphone une page de poème, une page de rencontre et une page avec formulaire.
- Tenez l’appareil d’une seule main et essayez d’accéder à chacune depuis la page d’accueil.
- Agrandissez la taille du texte dans les réglages du téléphone, puis recommencez.
- Faites pivoter l’écran et vérifiez que rien ne disparaît ni ne se superpose.
- Notez les endroits où il faut zoomer, viser trop précisément ou deviner la suite.
Ce contrôle ne remplace pas des essais sur plusieurs appareils, mais il fait vite apparaître les obstacles les plus gênants. Tenez une liste de pages et de problèmes précis : « le bouton d’inscription est masqué par l’image » sera plus utile que « le mobile ne marche pas bien ».
Donner au texte une colonne souple
La plupart des pages gagnent à épouser la largeur disponible, avec assez de marge pour que les lettres ne touchent pas les bords. Une largeur maximale évite les paragraphes interminables sur ordinateur ; sur téléphone, la colonne doit pouvoir se resserrer sans provoquer de défilement horizontal. Évitez les dimensions fixes pour les blocs de texte, les images et les encadrés. Vérifiez aussi les citations, les noms longs et les éléments intégrés : un seul bloc trop large peut décaler toute la page.
Choisissez des caractères confortables à lire sans compter sur le zoom. Une police expressive peut convenir à un titre ; pour les poèmes, les notices et les informations pratiques, les lettres doivent rester faciles à distinguer. L’interligne doit laisser respirer les vers sans les éloigner au point de rompre leur continuité. Après un changement typographique, contrôlez les pages les plus chargées, pas seulement une page d’exemple.
Respecter les vers sans créer une page impossible à parcourir
Le retour à la ligne fait partie du poème. Lorsqu’un vers dépasse l’écran, il faut pourtant faire un choix éditorial. Pour un texte court, essayez d’abord d’ajuster la colonne aux limites du mobile, avec une police adaptée et des marges mesurées. Si le vers ne tient toujours pas, distinguez le retour imposé par l’écran de celui voulu par l’auteur : la suite du vers peut, par exemple, prendre un léger retrait. Lorsque la disposition est essentielle, faites valider la solution par la personne responsable du texte.
Évitez de publier un poème uniquement sous forme d’image pour « conserver la mise en page ». Le texte devient difficile à agrandir nettement, à sélectionner et à parcourir avec certains outils de lecture. Si une reproduction est nécessaire pour montrer un manuscrit ou une composition graphique, accompagnez-la d’une transcription textuelle fidèle. On pourra ainsi voir la forme originale ou lire les mots dans une présentation adaptable.
Rendre la navigation courte et prévisible
Un menu mobile n’a pas besoin d’afficher toutes les catégories du site. Regroupez les rubriques sous des noms que les lecteurs reconnaissent : « Poèmes », « Lectures et rencontres », « Ateliers », « À propos » seront souvent plus clairs que des intitulés dont le sens n’apparaît qu’après ouverture. Si les archives sont fournies, une recherche visible aide à s’y retrouver, à condition que les résultats présentent des titres distincts et assez de contexte pour choisir.
Le menu doit s’ouvrir et se fermer facilement, sans couvrir une action en cours. Vérifiez qu’on peut le parcourir au clavier et comprendre s’il est ouvert ou fermé avec un lecteur d’écran. Dans les pages, préférez des liens qui annoncent leur destination : le titre d’une rencontre ou le nom d’un recueil renseigne mieux qu’un simple « en savoir plus ». Espacez suffisamment les zones à toucher, surtout lorsque plusieurs liens se suivent sous un poème.
La page d’accueil n’a pas à dérouler toute l’archive avant de montrer le contenu récent. Quelques accès bien nommés peuvent orienter la visite. Sur les pages longues, le titre doit rester identifiable, et retrouver les rubriques principales ne devrait pas obliger à remonter péniblement jusqu’en haut.
Adapter images, audio et documents aux conditions de lecture
Une photographie de lecture peut donner une présence au site ; elle ne devrait pas retarder l’affichage du titre et des premières lignes. Préparez les images à la taille nécessaire, compressez-les sans effacer les détails importants et prévoyez plusieurs dimensions si le site le permet. Regardez de près les grandes images placées avant les informations pratiques. S’il faut traverser tout le visuel pour découvrir l’heure d’un événement, mieux vaut le déplacer ou le réduire.
Les textes alternatifs décrivent les images porteuses d’information. Une image purement décorative n’a pas besoin d’une description qui répète le texte voisin. Ne laissez jamais une date ou une adresse uniquement sur une affiche : reprenez ces renseignements dans la page pour qu’ils puissent être agrandis, copiés ou lus sans charger l’image.
Pour une lecture enregistrée, prévoyez des commandes audio assez grandes pour être actionnées au doigt. Ne lancez pas le son automatiquement : le site peut être consulté dans les transports ou dans un lieu silencieux. Indiquez la durée et proposez le texte du poème lorsqu’il peut être publié. Si l’enregistrement contient aussi une présentation ou un échange, la transcription de ces paroles permet de suivre l’ensemble sans écoute.
Un document à télécharger peut compléter une page, mais il ne devrait pas être le seul moyen de connaître les règles d’un atelier ou le programme d’une lecture. Sur téléphone, ouvrir un fichier, revenir au site puis remplir un formulaire multiplie les manipulations. Mettez l’essentiel dans la page ; réservez le document aux contenus qu’il est utile de conserver ou d’imprimer.
Soigner les actions qui demandent une réponse
Un formulaire d’inscription est souvent l’endroit où une consultation jusque-là facile se complique. Ne demandez que les renseignements nécessaires : un nom ou un pseudonyme si l’organisation en a besoin, un moyen de réponse et les choix utiles à l’activité. Une contribution poétique n’exige pas d’emblée une longue biographie, une adresse postale ou plusieurs champs libres obligatoires.
Chaque champ doit garder une étiquette visible une fois la saisie commencée. Signalez ce qui est facultatif. Placez les messages d’erreur près du champ concerné et expliquez comment corriger le problème sans effacer les réponses déjà saisies. Si une candidature demande un texte long, vérifiez que la zone de saisie reste praticable sur mobile ; mieux vaut parfois préciser que le texte peut être préparé ailleurs avant l’envoi.
Les boutons doivent nommer l’action réelle : « S’inscrire à la lecture » ou « Envoyer le poème » sont moins ambigus que « Valider ». Après l’envoi, affichez une confirmation claire et indiquez ce qui se passe ensuite, notamment si l’équipe doit encore confirmer la participation. Ne promettez pas une place immédiate lorsque les inscriptions sont examinées manuellement.
Vérifier la vitesse sans sacrifier les contenus
Une page lente sur téléphone n’est pas forcément trop riche. Elle charge peut-être une image bien plus grande que son affichage, plusieurs polices peu utilisées ou des effets qui retardent l’arrivée du texte. Commencez par les éléments lourds présents sur de nombreuses pages : bandeau, images de couverture, modules intégrés et scripts ajoutés au fil du temps. Retirer un effet décoratif inutile peut compter davantage que raccourcir une notice essentielle.
Testez la page avec une connexion moins rapide que celle du bureau. Le titre, le début du texte et les informations principales devraient apparaître avant les éléments secondaires. Prévoyez aussi la place qu’occuperont les images et les lecteurs audio : la page ne doit pas bouger brusquement pendant le chargement. Quelqu’un qui s’apprête à toucher « Écouter » ne devrait pas se retrouver sur « S’inscrire » parce que le contenu s’est déplacé.
Essayer les pages avec de vrais contenus, puis corriger
Une maquette mobile peut paraître impeccable avec trois lignes fictives et échouer devant un long titre bilingue, un poème aux vers amples ou une annonce détaillée. Constituez un petit ensemble de pages représentatives : texte bref, texte long, traduction, archive, événement terminé, événement à venir et formulaire. Testez-les sur plusieurs largeurs d’écran, en portrait et en paysage. Agrandissez les caractères, parcourez le site sans souris et, si possible, confiez une tâche précise à quelqu’un qui ne connaît pas son organisation.
Observez ce qui se passe au lieu de demander seulement si « tout va bien ». La personne a-t-elle trouvé l’horaire ? Compris quel texte était la traduction ? Réussi à revenir au poème après l’écoute ? Notez les hésitations et corrigez d’abord ce qui empêche une action. Une préférence esthétique isolée n’a pas le même poids qu’un bouton inaccessible.
Après chaque modification du modèle de page, refaites au moins un essai sur un contenu ancien. Une archive longue ou une annonce conservée peut révéler un débordement absent des nouvelles pages. Pour commencer, ouvrez sur votre téléphone le poème dont le vers est le plus long : si sa fin exige un déplacement latéral, vous tenez un premier correctif concret.