Découvrir le design responsive

Concevoir en fonction du contexte

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Votre but étant d'assurer la meilleure expérience utilisateur possible, vous devrez adapter vos méthodes de création au contexte.

Transcription

Dans ce chapitre, nous allons examiner quelles sont les stratégies que nous allons devoir prendre en considération lorsque nous allons aborder la conception de sites Responsive. Pour construire un site Responsive réussi, il va falloir aller beaucoup plus loin que le simple repositionnement des éléments selon les mises en page qui sont adaptées à des écrans. Il va falloir que l'on place notre conception dans le contexte d'utilisation. Il va pour cela falloir que nous comprenions quels sont les usages des utilisateurs. Il va donc y avoir des situations où, par exemple, une application mobile séparée serait un meilleur choix que de réaliser Nous allons donc voir quelles sont ces stratégies et nous allons comprendre quels sont les avantages, les forces et les faiblesses relatives du Design Responsive. L'ancienne approche consistait à réaliser une maquette. Dans certains cas on prototypait, mais la plupart du temps, on développait même le site en allant jusqu'à écrire le code. Et puis on testait ensuite ce site sur les différents navigateurs, pour au final, une fois que nous étions satisfaits, nous poser la question de savoir comment nous allions adapter ces contenus sur des périphériques mobiles. Il est bien évident que cette approche aujourd'hui Si l'on fait une comparaison: supposons qu'on demande à des ingénieurs de concevoir un véhicule qui serait une voiture de sport flashy et performante, et puis qu'une fois que la voiture serait réalisée, on se pose la question de savoir comment lui adjoindre des caractéristiques qui seraient celles, par exemple, d'un 4X4: supporter des charges très lourdes, pouvoir fonctionner sur tout type de terrain... Et puis ça ne serait pas suffisant, on demanderait également que le véhicule ait également les qualités d'un SUV, c'est-à-dire, puisse embarquer toute une famille. Et pour terminer, on demanderait également à notre équipe d'ingénieurs que ce même véhicule ait les caractéristiques d'une berline haut de gamme. Vous vous rendez bien compte qu'une stratégie industrielle de ce type serait un véritable désastre. Et bien c'est exactement la même chose en ce qui concerne la conception de sites Web. On ne peut plus aujourd'hui concevoir pour les écrans d'ordinateur, et ensuite se poser la question de l'adaptation. Prenons un exemple pour comprendre cette question du contexte et des fonctionnalités liées au contexte: si nous créons par exemple un site pour vendre des macarons. Nous allons, pour les ordinateurs, réaliser une maquette qui va privilégier l'affichage du plus grand nombre de produits. Et bien entendu, c'est quelque chose qui va bien fonctionner. Mais à partir du moment où nous allons réaliser ce site, et que nous allons nous poser la question de savoir comment il va fonctionner sur un périphérique mobile, il va y avoir des questions qui vont être cruciales en terme de fonctionnalités. Est-ce que, pour représenter le plus grand nombre de produits sur un écran où l'espace est très limité, il va falloir par exemple créer un diaporama? On pourrait considérer que cette solution serait satisfaisante, mais peut-être que le diaporama va être un système qui va être difficile à faire fonctionner pour des utilisateurs. On pourrait à l'inverse se dire: et bien pour présenter ces produits, nous allons mettre en place au premier niveau un moteur de recherche, et ce moteur de recherche va permettre à l'utilisateur de trouver le macaron qu'il recherche. C'est quelque chose effectivement qui fonctionnerait, mais cela pose d'autres questions: comment allons-nous présenter d'autres parfums et comment allons-nous proposer à cet utilisateur des suggestions? Vous voyez qu'il y a une problématique de fonctionnalités qui est liée Il faut donc, dans la stratégie de déploiement des sites Internet Responsive, envisager les différents contextes d'utilisation dès le départ. Et puis la réalité actuelle, c'est que le périphérique mobile aujourd'hui est devenu quasiment majoritaire. Il ne s'agit donc plus d'une tendance, mais il s'agit d'une approche qui va devenir incontournable. Dans les vidéos suivantes, nous allons entrer dans le détail de manière à voir comment nous allons planifier ce Design Responsive, créer des maquettes, et puis développer des stratégies de contenu adaptées au contexte "mobile". un site qui soit Responsive. ne peut plus fonctionner comme cela. très clairement au contexte de l'utilisation.

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
Date de parution :6 sept. 2017

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 !