Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir le design responsive

Comprendre le rôle du design responsive

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Dans cette séquence, vous passerez en revue les arguments pour intégrer le design responsive dans le processus de création de sites web.

Transcription

Au fil des années nous avons vu beaucoup de tendances de conception de sites web apparaître et disparaître. En fait, la seule constante dans le domaine de la conception de sites web, c'est le changement. Donc avec autant de nouveaux développements et de nouvelles techniques, il est parfois difficile de distinguer ce qui va être important de ce qui ne l'est pas, faut apprendre et ce qu'il faut suivre comme technique et bonne pratique. Il est donc naturel de se demander à quel point le design responsive est important, et si vous avez besoin, ou non, de consacrer du temps et de l'énergie nécessaire pour l'apprendre. La façon la plus simple pour illustrer ceci est de vous montrer en quoi c'est important. Dans les écrans que vous voyez apparaître ici, vous constatez que tous Et ce n'est qu'une infime petite partie des différentes tailles d'écrans et des résolutions disponibles. Par le passé, nous avions une bonne maîtrise des résolutions d'écran-cibles lorsqu'il s'agissait de mettre en place nos conceptions. Nous avons commencé à concevoir des pages web qui étaient basées sur une dimension de 640 par 480 et qui a été considérée à une époque comme étant la taille d'écran standard. Et puis de là, on est passés à 800 par 600 pixels, puis ensuite à 1024 par 768, et ainsi de suite. Et puis, pour suivre le rythme des tailles d'écrans, nous avons simplifié notre conception. C'était donc devenu une pratique relativement courante de créer des modèles en utilisant des largeurs fixes. Une largeur fixe signifie que le site web a été verrouillé dans une largeur spécifique quel que soit le moniteur sur lequel il est affiché. Et il y a bien entendu toujours des techniques de mise en page standard pour beaucoup de sites qui sont basées sur ce principe des mise-en-page fixes. Par contre, au cours des cinq dernières années, nous avons observé des changements spectaculaires dans la façon dont les sites sont visités et cela nous a obligés à réexaminer la façon dont nous concevons nos sites web. Certains de ces changements étaient relativement mineurs, et puis d'autres pouvaient avoir un impact plus important. Nous avons ici deux rapports de taille d'écran, à gauche nous avons une taille d'écran qui est au format 4/3, qui était un format courant sur les ordinateurs de bureau, et puis nous avons vu apparaître au fil du temps un nouveau rapport de taille qui est 16/9, qui est un format beaucoup plus "cinéma". La différence majeure est que, à gauche, nous pouvons déployer des contenus dans la hauteur, alors que avec un rapport 16/9, eh bien nous allons plus être dans la largeur. Il y a eu bien entendu d'autres changements, comme la montée en puissance de l'informatique mobile, qui ont changé radicalement la façon dont nous concevons nos sites. Lorsque nous voyons apparaître différentes tailles d'écran, la question à se poser est : qu'allons-nous cibler ? Par le passé, il aurait pu être très facile de dire en toute confiance que l'écrasante majorité des internautes allait utiliser une taille d'écran spécifique, qui pouvait correspondre à un ordinateur de bureau, mais ce n'est plus le cas. Donc le temps et l'énergie nécessaires pour cibler chacun de ces différents écrans serait énorme, et ce n'est même pas la peine d'y penser, et c'est ce qui va rendre le design responsive si important. Grâce à l'utilisation des techniques évolutives de design responsive, nous allons pouvoir créer un design qui va correspondre à chacun de ces environnements et va offrir aux utilisateurs une expérience qui va être conforme au contexte dans lequel ils vont être visionnés. Les techniques utilisées pour créer les design réactifs vont continuer à évoluer bien entendu, pour faire face aux changements encore plus grands qui se profilent à l'horizon. Nous voyons apparaître des objets connectés, des voitures, des lunettes, des bornes mobiles, et également des montres, voire des chaussures. Donc bien que tous ces appareils aujourd'hui pourraient représenter un écosystème actuel, nous avons besoin, lorsque nous allons faire notre conception, de comprendre qu'aujourd'hui ils ne représentent que la pointe de l'iceberg, et cela souligne encore plus l'importance du design réactif. Si nous ne nous concentrons pas sur les façons de rendre notre contenu et nos conceptions plus adaptables dans de multiples environnements, nous allons être limités à créer des sites qui ne vont toucher qu'une petite partie de notre cible. Alors que le design responsive pourrait être considéré juste comme une nouvelle façon d'aborder la conception de sites, aujourd'hui c'est en passe de devenir la norme. lorsqu'il s'agit de décider ce qu'il peuvent se connecter et afficher vos sites web.

Découvrir le design responsive

Abordez les principes du design responsive. Comprenez la problématique des écrans haute densité, analysez les grilles fluides, explorez les outils de prototypage, etc.

Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :6 sept. 2017
Durée :2h02 (25 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !