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

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

    • @Thierry P. Je ne sais pas de quand ça date ni de quel outil il s'agissait. Beaucoup d'IA génératives d'images et vidéo proposent aussi un outil de synthèse vocale. Les outils que j'ai cité sont spécialisés et fonctionnent en français. Il y a eu des progrès considérables depuis les balbutiements du début. Le réalisme de la diction et le rendu naturel ont beaucoup évolué et continuent à progresser. On remarque cependant que les locuteurs anglophones ont toujours de l'avance sur les francophones. Ce qui différencie maintenant les solutions disponibles, c'est la possibilité d'intégrer des paramètres d'intonation. On peut généralement régler le timbre (aigu / grave) et la vitesse d'élocution. Il faut aussi faire passer des émotions (exaltation, tristesse, désapprobation, ironie...) Les performances récentes de certains outils, viennent de leur capacité à comprendre le sens du texte et d'adapter leur prononciation en fonction. Il faudra trouver de bons comédiens pour faire mieux. Ce n'est pas très important dans une voix off de documentaire, mais ça devient primordial dans un film de fiction.
    • Idée :  on a parfois dans son entourage des gens (plus jeunes que soi) qui ont parfois un beau timbre de voix, sans être professionnel, et qui, avec de bonnes consignes du réalisateur, peuvent proposer une voix off réussie. On n'y pense pas suffisamment.   Alternative :  J'ai tenté une fois à titre expérimental un "commentaire écrit" (de type tantôt informatif, tantôt poétique), avec des phrases pas trop longues, qui apparaissaient de temps en temps sur un montage de 45 minutes.   Alors que je craignais que ça ne fonctionne pas ou mal, le résultat fut au-delà de mes attentes.   Par contre, il a fallu retravailler le texte plusieurs fois, choisir une belle typo un peu manuscrite, et s'arranger pour que le titrage ne vienne pas s'incruster sur des images un peu longues. Ainsi le spectateur avait à la fois le temps de percevoir l'image et le "commentaire écrit".   J'essaierai de placer une capture d'écran ou un extrait...      
    • On n'est plus au temps du répondeur téléphonique de la sécu. Les outils intelligents apparus récemment donnent d'excellents résultats naturels. Il faut cependant prendre la peine d'apprendre à s'en servir pour maitriser l'intonation, la diction, les émotions et les effets. Il y a une foule de sites qui proposent des solutions intéressantes. Je n'en cite que les deux que je connais le mieux: ElevenLabs : https://elevenlabs.io/app/speech-synthesis/text-to-speech Voiveover : https://studio.speechify.com/https%3A%2F%2Fvoiceover.speechify.com%2Feditor%2F43yJI6SkMw4KGOeEMANZ On peut s'en servir gratuitement pendant un mois d'essais. Il y a des abonnements mensuels à mois de 10 euros. Vous pouvez même cloner la voix de quelqu'un que vous avez enregistré dans les médias. Et lui faire dire votre texte personnel avec la même voix, et la même façon de s'exprimer. Pour un simple commentaire de reportage en voix off, il y a un large choix de voix françaises (hommes ou femmes). Vous pouvez même choisir l'accent (méridional, breton, québécois...). Il faut préciser ce qu'on attend [exaltation], [ironie], [tristesse], [indignation], [étonnement] ... il faut procéder à plusieurs essais pour obtenir ce qu'on souhaite. C'est long et fastidieux, mais ça vaut le coup de s'en donner les moyens.
    • Bonjour,   Je trouve que ça manque toujours de naturel les voix de synthèse... Pour ma part, quand ça en vaut la peine (documentaires notamment) je fais appel à des professionnels... C'est au nombre de mots et en fonction du niveau du pro, les prix restent très acceptables.. Pour info, les deux sites où je fais mon marché https://comeup.com/en/category/voice-over   https://fr.fiverr.com/categories/music-audio/voice-overs
    • Bonjour,  Je suis de retour de voyage avec plein d'images à monter. Pourriez-vous me conseiller sur générateur de voix off (même payant) ? Merci
    • Je ne pouvais pas être plus précis sur la caméra (car l'info était sous embargo ni sur la date de publication car la date de lancement a changé.       Le test complet est ici :   https://www.magazinevideo.com/test-en-ligne/test-complet-dji-osmo-pocket-4/48060.htm   Il s'agit donc de la Pocket 4 en attendant (en 2026) une future Pocket 4 Pro.
×
×
  • Créer...

Information importante

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