Aller au contenu

Adaptation du site aux mobiles et tablettes


Thierry P.
 Partager

Messages recommandés

responsive.jpg

 

Nous avons (enfin) adapté la partie "site" de magazinevideo (tout ce qui est hors Forum) aux mobiles et tablettes. Cette adaptation permettra aux 25% d’utilisateurs de mobiles et tablettes (en constante progression, surtout mobiles), d'obtenir un meilleur confort de navigation, quel que soit le terminal.

 

Cette adaptation devenait indispensable tant magazinevideo était totalement inadapté aux mobiles. Images et textes étaient si petits qu'il fallait zoomer / dézoomer, se déplacer vers la gauche, vers la droite, etc. Cliquer sur un lien, à cause d'une trop grande proximité, revenait parfois à cliquer sur le lien voisin, mais pas le bon. Voilà qui est révolu pour la majorité des liens.

 

accueil.jpg

 

Pour autant, l’adaptation d’un site aux mobiles et tablettes (technique dite du « responsive design ») est semée d’embûches car il faut :

  • adapter la structure existante (pas forcément malléable) créée à une époque où personne ne concevait un site en fonction des mobiles,
  • tenter de tenir compte des principaux terminaux disponibles sur le marché qui n'ont pas tous la même taille d'écran,
  • enfin, adapter certaines rubriques comportant des tableaux avec des colonnes. Un bel enfer. La lecture ne peut pas être aussi confortable que sur ordinateur de bureau, muni d'un écran large. Nous avons trouvé tout de même des compromis. 

 

Bref, s'adapter aux mobiles, ce n'est pas une réponse univoque. Ce sont plusieurs adaptations. 

 

On a fait "au mieux". On a encore quelques détails à régler.

 

apprendre.jpg

 

Autre bonne nouvelle : certaines adaptations profitent à tous, utilisateurs sur mobile comme sur poste fixe. Par exemple, il existe désormais un ancrage des chapitres de tests, c’est à dire que lorsque vous cliquez en bas de page sur la « suite » d'un chapitre, le haut de votre écran se positionnera au niveau du titre du chapitre suivant. Avant, il fallait parfois jouer avec l’ascenseur, on pouvait "perdre le fil".

 

En tout cas merci à Jean-François, notre développeur, qui a dû tripatouiller un code informatique qu'il n'avait pas conçu à la base, ce qui a occasionné quelques belles prises de tête et deux ou trois jurons. :sweatingbullets: Heureusement, il aime relever des défis...

 

On espère que vous pourrez ainsi mieux naviguer, y compris en vacances, où le smartphone ou la tablette sont souvent les terminaux de prédilection. Ou depuis votre jardin quand les beaux jours arriveront... Voire depuis votre hamac ?

 

test.jpg

 

Lien vers le commentaire
Partager sur d’autres sites

Super, tres lisible même sur un petit smartphone et très agréable sur tablette.

J'ai juste noté un texte tronqué sur la gauche (sur une page - sur smartphone) et une petite difficulté à valider une "Lire la suite (ça vient peut être de mon viel iPhone 5c car ça ne s'est pas produit sur tablette) que personnellement, j'aurais mis en bleu.

Bonne journée.

 

Lien vers le commentaire
Partager sur d’autres sites

Oui même les petits écrans des smartphones sont effectivement adaptés. Le principe, déjà adopté sur la plupart des autres sites, est une lecture sur une seule colonne et s'il y a d'autres colonnes, elles passent au-dessous de la première, entièrement ou partiellement. On a encore à travailler là-dessus.

 

Texte tronqué : ça peut provenir d'un élément perturbant dans le texte. Une idée de l'endroit ?

La validation du "Lire la suite" normalement marche partout. Idem, une idée de l'endroit ?

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

 

C'est LIRE LA SUITE lui même qui semble inactif. Le texte descriptif (en minuscules) après les deux points l'est, lui. D'où peut être l'intérêt de le mettre en bleu.

Relevé dans le test de la Sony AX53.

 

Pour le texte tronqué : des que je rentre dans le menu.

 

Lien vers le commentaire
Partager sur d’autres sites

Il y a 1 heure , YANIK a dit:

C'est LIRE LA SUITE lui même qui semble inactif. Le texte descriptif (en minuscules) après les deux points l'est, lui. D'où peut être l'intérêt de le mettre en bleu.

 

ah j'ai compris. Lire la suite n'est pas actif effectivement, c'est "normal". Le lien vers le chapitre est actif, mais comme la couleur est la même...

Je ne sais plus s'il s'agissait d'une contrainte technique. Je vais voir si on peut arranger ce paramètre.

 

Il y a 1 heure , YANIK a dit:

Pour le texte tronqué : des que je rentre dans le menu.

 

Pas normal. Sur iPhone ? Mais ça ne se produit ni chez le développeur ni chez moi.

C'est sur Chrome, Safari ou Firefox ?

 

Lien vers le commentaire
Partager sur d’autres sites

Sur le texte tronqué, uniquement sur iPhone, donc Safari.

Attention : un 5c, donc le même "petit" format que les 5, 5S et SE, des 4 pouces je crois. 

J'ai vérifié sur un 5s, même problème.

 

Pas de problèmes sur l'iPad de mon épouse. C'est même très confortable d'utilisation, limite je vais le préférer à mon MBP 15' (2015).

 

Lien vers le commentaire
Partager sur d’autres sites

Nous avons réduit légèrement le menu de droite en haut (de 350 px à 300 px) mais nous avons besoin de tester avec un écran 4'' réel (type iPhone 5). Nous ne disposons pas de ce "device". Est-ce que cela a changé un peu (capture d'écran requise pour se rendre compte), voire résolu le problème ?

 

Merci.

 

En attendant, pour ce qui concerne le premier problème, nous avons corrigé : le chapitre est en lien actif en mauve après les deux points de "Lire la suite".

 

Capture d’écran 2017-02-17 à 09.38.19.jpg

 

Lien vers le commentaire
Partager sur d’autres sites

voici une capture d'ecran faite avec mon S4 mini ( 4.3" )de Samsung sur une page du site...

si ca peut faire avancer le dossier ....

 

Screenshot_2017-02-17-12-02-09_resized-1.thumb.png.9f1ac2d32eddc1b7ed1992ee1292408d.png

 bonne journée :bien:

Modifié par loupiod
Lien vers le commentaire
Partager sur d’autres sites

merci mais le problème soulevé par Yanik (et notre problème du coup) concerne le rognage / décalage du Menu d'accès aux rubriques en haut à droite, une fois ouvert.

Ca ne pose pas de souci sur les autres pages je pense.

 

Par ailleurs, comme ça se joue à quelques millimètres près, ça peut moins rogner sur un 4,3" que sur un 4''.

Lien vers le commentaire
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant
 Partager

  • Le bon plan de DIGIT-PHOTO
    digit-photo

    Le site DIGIT-PHOTO est un spécialiste du secteur photo-vidéo. C’est une enseigne sérieuse que nous vous recommandons. Basé à Metz, Digit-Photo applique le droit français (TVA). Les frais de port sont gratuits dès 40 € d’achat, avec une expédition en 24H. Retourner le matériel est possible et facile.

    Dans votre panier, si vous appréciez le site magazinevideo, entrez le code Créateur MAGVIDEO. Vous paierez le même prix et cela financera des services gratuits comme ce Forum, les News et tous les articles gratuits.

  • DISCUSSIONS RÉCENTES

    • Voir l'annonce ENSEMBLE COMPLET TILTA POUR DJI RS 2/3/4 pro (combo) Particulier vend en urgence ensemble complet TILTA et compatible GIMBAL DJI RS2/3/4 PRO(COMBO): - TILTA ADVANCED RING GRIP - TILTA V-MOUNT BATTERY PLATE FOR DJI RING GRIP - TILTA POWER SUPPLY MODULE FOR DJI RING GRIP - TILTA DUAL HANDLE POWER SUPPLY BRACKET - TILTA V-MOUNT BATTERY PLATE FOR DUAL HANDLE POWER SUPPLY BRACKET - TILTA REAR OPERATING CONTROL HANDLE ENSEMBLE COMME NEUF (aucunes rayures, cassures, fissures) AVEC EMBALLAGES D'ORIGINES ET TOUS LES ACCESSOIRES D ORIGINE. CASI PAS SERVI. AFFAIRE A SAISIR POUR TOUS OPERATEURS VIDEOS PHOTOS.. Annonceur ricolyon Date 10/10/2025 Prix 950,00 € Catégorie VENTES ACCESSOIRES VIDÉO, AUDIO DIVERS Préférences de paiement virement  
    • Oui, mais au vu de ce que tu écris, tu n'as pas besoin non plus de la fibre… Un ADSL à seulement 2/3 Mbps comme certains le vivent encore te suffisait…   Et pourtant tu n'as pas refusé son installation…  
    • Il m'est arrivé d'utiliser la téléphonie mobile pour accéder à internet quand je n'avais pas de wifi disponible. Pour consulter un horaire de train, une news, ou un mail. Mais je n'ai pas eu besoin de la 5G pour faire ça. J'ai le sentiment qu'on cherche à créer artificiellement des besoins pour nous vendre des gadgets.
    • Utiliser la 5G n'est pas juste pour regarder la tv, on peut aussi connecter à l'internet des ordinateurs auquel on peut connecter un smartphone par cordon USB pour y faire du montage vidéo, naviguer sur internet et envoyer ses mails. Tout comme tu le fais…   Et tu oublies qu'il existe des personnes, dont certaines comme toi de la vieille école, qui amenées à se déplacer (surtout professionnellement) ont une nécessité d'avoir accès à l'internet. Sans compter tous ceux qui n'ont ni box ni ordinateur, juste un appareil mobile.  Ce ne sont pas forcément des 'accros'…   Malheureusement l'article évoqué donne des chiffres pour l'installation de la 5G, dommage qu'il n'en donne pas pour le développement de la fibre dans tous les foyers… D'une manière générale, ce développement n'a pas rien coûté non plus. Surtout dans des zones éloignées de plus gros centres de vie ou déjà l'ADSL était pitoyable.   De ce fait, nous n'avons aucune idée du rapport de coût entre ce développement et l'installation d'antennes 5G, ni du coût de fonctionnement/entretien de l'une ou l'autre des deux solutions d'accès à I'internet.   Il est donc difficile de répondre à la question posée par l'auteur de ce fil de discussion.
    • Je n'y avais pas pensé. Utiliser la 5G pour regarder la télé dans sa résidence secondaire, pourquoi pas ?. Ou envoyer ses images à un cloud pour que Google les traites. je n'en avait pas éprouvé le besoin. Il faut reconnaitre que je suis de la vieille école et que je suis un peu dépassé. Mon vieux smartphone enregistre sur une carte SD que je copie avec un câble USB sur mon ordi au moment de la post-production. C'est pas mal non plus, comme solution. 
    • Je partage complètement le point de vue de @Comemich. Sauf que mon smartphone ne me sert pas de caméra…   Mon précédent smartphone n'avait pas accès à la 5G. Mon nouveau, acquis en début de cette année, y a évidemment accès. Mais je ne vois pas vraiment la différence, tout dépendant de la distance des antennes où l'on se trouve, que celles-ci soient ou non en 5G (j'écoute beaucoup de musique en extérieur).   J'émets quand même un bémol : dans une maison secondaire, l'accès à l'internet se faisait avec un routeur 4G doté d'une carte SIM. Le débit descendant en sortie de routeur ne dépassait pas quelque 80 Mbps. Ce qui était suffisant moyennant des répéteurs wifi pour assurer un certain confort, même si parfois un peu limité surtout pour les chaînes TV. Même en connectant chaque passerelle multimedia (il y a 2 tv) à un répéteur, il y avait de temps à autre quelques 'freezes'. Le passage à un routeur 5G, avec la même carte SIM a tout changé, avec un débit de sortie routeur supérieur à 600 Mbps et jamais moins de 200 Mbps dans toutes les pièces. Les passerelles sont désormais en wifi. Les freezes de TV relèvent désormais du passé. Quant au prix, lui,  il n'a pas changé : 15,99 €/mois…    
×
×
  • Créer...

Information importante

j'accepte les cookies de ce site. Conditions d’utilisation