Interface Optim sur mobile

Bonjour,
De plus en plus de personnes semblent n’utiliser que des smartphones pour consulter des sites internet. J’utilise beaucoup le site web simplifié d’Optim et le rendu sur smartphone n’est pas génial. J’ai eu pas mal de retour négatifs. Est-ce que vous avez prévu de l’améliorer dans un avenir proche ? Est-ce que vous me conseillez une autre génération plus performante ? J’ai déjà revu un peu mes choix de mise en page pour les simplifier mais il y a peut-être des choses que je peux encore améliorer. Je suis preneuse de vos conseils.
Je démarre une campagne de comm sur un nouveau projet ce week-end qui je l’espère va toucher un peu de monde ces prochains mois. Si jamais ça s’améliore, ce serait vraiment super.
Je vous mets le lien vers le site en question pour que vous puissiez le tester si besoin et me conseiller au mieux : https://www.miroirdevalem.fr

Merci pour votre aide.
A+
Val

Bonjour,

Plusieurs choses ont été faites, mais d’autres sont sûrement encore à faire :slightly_smiling_face:
Je vous conseille de regarder les modifications effectuées côté skin à chaque mise à jour de simpleSite.
Peut-être pourriez-vous « isoler » les modifications faites dans votre skin, comme ça lors d’une montée de version, vous récupérez le nouveau skin et vous y insérez votre surcharge (cf. https://doc.scenari.software/SCENARIstyler@5.0/reference/fr/#migration)

Par exemple, une règle a été ajoutée et vous serez utile, elle permet de rendre les images responsives (vous pouvez l’insérer directement dans votre skin.css) il s’agit de :

.binImg, .remoteImage {
max-width: 100%;
height: auto;
}

Une autre modification impacte les marges en pied de page (à recopier dans struct.css cette fois) :

.permMargin {
display: flex;
flex-flow: wrap;
justify-content: center;
}

Ces deux modifications devraient déjà rendre votre site plus responsive.

Mickaël

Merci Mickaël pour cette réponse. La personnalisation de mon skin est très légère (changement de couleurs uniquement). Mes modifications sont donc bien isolées et j’ai pu repartir de la dernière version de simpleSite. C’est en effet beaucoup mieux :slight_smile:. Merci

Il reste quelques problèmes d’affichage :

  • le titre de la page d’accueil disparait complètement derrière le bandeau de menu
  • les « tableaux de mise en forme » ne sont pas du tout pris en charge correctement

Pour ce second point, me conseillez vous de proscrire ces tableaux en les considérant comme une mauvaise pratique ?

Merci pour votre aide

Valérie

Salut Val,

En effet les tableaux de mise en forme sont problématique en responsive, il manque le multi-colonnage dans Optim qui lui serait bien plus compatible (présent dans Canoprof par ex).
J’ai peut-être des idées pour rendre les tableaux de mie en forme simple responsive, je dois creuser…

Merci Sam pour ta réponse. Je vais essayer de limiter au maximum l’usage des tableaux en attendant.

J’ai une autre question. J’ai supprimé mes tableaux des pages d’accueil de mes deux sites web mais

  • sur https://valem.fr le menu de droite n’est pas visible sur l’écran de mon smartphone, il faut que j’aille le chercher tout à droite en faisant défilé mon écran et le titre de la page d’accueil apparait correctement. Et les éléments en marge permanente restent les uns à côté des autres et ne sont donc pas tous visibles.
  • sur https://www.miroirdevalem.fr le menu de droite apparait bien sur la droite de mon écran de smartphone mais le titre de la page disparait sous le bandeau. Les éléments en marge permanente apparaissent bien les uns en dessous des autres.

Comment expliquer ces différences ? Est-ce que les dimensions de mon image d’illustration jouent un rôle ? Comment est-ce que je peux améliorer ça ?

Merci pour votre aide,

https://valem.fr :

Chez moi sous Firefox :

Sous Chrome :

Je ne vois pas de problèmes, vide ton cache ?

https://www.miroirdevalem.fr

En effet… Oui la dimension plate" de l’illustration y est pour quelque-chose mais c’est tout de même un bug.
J’ai corrigé cela dans le skin par défaut de l’extension, à savoir les fichiers :

En effet, ça marche !!!
Pour la disparition du titre, je vais essayer de mettre ça à jour demain ou ce week-end.

Merci pour tout !

J’ai toujours une grande admiration pour votre niveau de réactivité :slight_smile:

Bise à toute l’équipe

Salut Val,
A la prochaine MAJ de Optim & extensions les tableaux de mise en formes très simples (une largeur de plus de ~300px avec une seule ligne) pourrons être plus responsive en basculant en colonne :


4 J'aimes