17 tendances de la conception web WordPress 2017
C’est exactement le contraire. Les concepteurs de pages Web commenceront par la version mobile du site, puis s’étendront à partir de là. À mesure que les appareils mobiles deviennent des appareils de premier plan pour les utilisateurs, les sites Web mobiles deviennent des produits de premier plan pour les éditeurs et les entreprises.
L’un des défis posés par cette approche est la nécessité d’identifier les principaux éléments et informations. Il y a beaucoup moins d’espace pour profiter du luxe sur les petits écrans, et les visiteurs mobiles ont besoin de toutes les informations importantes dès le début. D’autres contenus peuvent ensuite être affichés à l’écran en plus grande taille. La conception réactive est devenue une méthode de référence pour la conception d’écrans de différentes tailles. Aujourd’hui, c’est la norme de fait, et de plus en plus de gens se joignent à elle. Avantages: vous finirez par créer un site Web pour tous les groupes d’utilisateurs et non pour les visiteurs mobiles et de bureau. De plus, Google est un bon ami des sites Web réactifs, qui pénalisent quiconque n’a pas optimisé les sites pour les appareils mobiles.
Par conséquent, si vous êtes un peu confus avec le design réactif, ne manquez pas notre introduction au design réactif WordPress et comment rendre les thèmes WordPress réactifs. Vous voudrez peut – être aussi savoir que Google dispose également d’un nouvel outil de test qui vous donnera des informations approfondies sur la compatibilité mobile de n’importe quel site Web et sur la façon de l’améliorer. Conception adaptée à l’âge et cartographie des défaillances
Préparation du contenu
Dans la direction opposée.
Vidéo La vidéo est partout! En plus des images fixes et des photos, les images en mouvement deviendront plus importantes. En fait, hubspot a indiqué que la consommation de vidéos représentera près de 80% du trafic Internet en 2018. Cette évolution s’est déjà manifestée dans les médias sociaux et dans les services de diffusion en direct comme Periscope et meerkat. L’avantage de la vidéo est qu’elle peut raconter des histoires et des histoires comme n’importe quel autre média. Par le son et l’action, il peut attirer plus de sens et évoquer des émotions plus intenses que la photographie. En particulier, les titres vidéo en plein écran sont devenus de plus en plus populaires ces dernières années et sont restés populaires en 2017. Cependant, l’un des facteurs qui me passionne personnellement est le cinéma. Source: film. Comme vous pouvez le voir dans l’exemple ci – dessus, cinemaps est un mélange d’éléments fixes et mobiles qui offrent des possibilités très intéressantes pour les images sur votre site. Ce nouveau type de médias visuels a balayé les réseaux sociaux, mais il y a aussi un premier exemple sur les sites Web. L’anxiété de Gap est une expression courante chez les concepteurs d’interactions (ne vous inquiétez pas si vous ne l’avez pas déjà entendu, et je ne l’ai pas entendu non plus). Il s’agit d’une tension transitoire entre l’action de l’utilisateur et l’obtention d’une réponse. Lorsqu’il s’agit d’un site Web, il peut y avoir un délai entre les deux, selon la connexion, ce qui peut causer une anxiété transitoire. Si votre site ou produit a une expérience répétitive, il peut s’accumuler et causer de la frustration. Cela ne doit toutefois pas être le cas. Vous pouvez également profiter de ce moment en créant des transitions intelligentes pour rendre l’expérience plus fluide. Un mot clé ici est la micro – interaction. Ce sont de petites animations à l’écran (comme des boutons Facebook, lorsque
Si vous cliquez dessus ou non), cela donnera aux utilisateurs une rétroaction visuelle intéressante qui les guidera dans leur voyage. Au fur et à mesure que les navigateurs deviennent plus capables de manipuler des éléments mobiles, les concepteurs peuvent les divertir en chargeant des animations, des transitions d’interface utilisateur, des images ci – dessus et d’autres éléments visuels. En 2016, nous en avons vu beaucoup et nous continuerons d’être l’une des tendances de la conception web en 2017. Cependant, à l’avenir, nous verrons peut – être passer du JavaScript à l’animation basée sur css, qui a un faible fardeau technique. Conception de circuits imprimés et de grilles (unique) Grâce à Pinterest, Facebook, Twitter, Netflix et Google Material Design (en particulier leurs cartes AMP), les interfaces utilisateur basées sur des étiquettes sont devenues plus courantes. Les onglets sont une façon polyvalente de diviser une partie du contenu en plusieurs parties et d’afficher une grande quantité d’informations dans des blocs gérables. Même avec le premier modèle de conception mobile réactif, ils sont faciles à naviguer et fonctionnent bien. Nous pourrons donc en voir davantage au cours de l’année à venir. Cependant, dans le même temps, nous pouvons voir une direction opposée. Le concepteur a brisé la grille standard et a fait quelques nouvelles expériences de conception et de mise en page étonnantes. En ne suivant pas l’ordre classique, les sites Web peuvent créer des images plus attrayantes et ouvrir des possibilités créatives pleines de hiérarchie, de profondeur et de fluidité. Si vous suivez cette voie, assurez – vous que la facilité d’utilisation est toujours au Centre du site. Défilement et narration Avec l’essor des appareils mobiles, le site Web d’une page est devenu l’une des principales tendances au cours des dernières années. Le regroupement de toutes les informations sur une seule page plutôt que sur plusieurs pages élimine le besoin de cliquer, ce qui modifie la façon dont vous naviguez sur Internet. Cette évolution a donné lieu à de nombreuses nouveautés.
De nombreuses entreprises font d’importants progrès dans ce domaine. Bien entendu, nous pouvons nous attendre à ce que le réseau réagisse à cette évolution. Avec la montée de la technologie tactile, il y a encore des choses folles devant nous. WordPress. Com annonce la possibilité de visionner du contenu VR et 360. Vitesse – les vitesses de téléchargement élevées, en particulier pour les appareils mobiles, continueront d’être la tendance de la conception web en 2017. Pour quelques conseils sur ce sujet, lisez notre article sur la façon d’accélérer WordPress. Contenu centré \/ divisé: le changement entre le contenu plein écran et le contenu divisé sur la même page Web est un bon moyen de répondre à différents besoins de conception en un seul endroit. Il peut également être combiné avec l’effet de défilement que nous avons mentionné précédemment. Voici un bon exemple. Le chiffrement est omniprésent – avec le développement de hackers et de certificats de chiffrement SSL let gratuits, le chiffrement n’est plus seulement disponible pour les magasins en ligne, les banques et d’autres gestionnaires d’information sensibles. Il sera bientôt disponible sur tous les sites Web. Voici un tutoriel sur ce sujet. Quelles sont les tendances de votre conception web en 2017? Dans des domaines organiques tels que la conception de pages Web et le développement continu, les tendances vont et viennent souvent naturellement. Avec le développement de la technologie, les possibilités et les besoins des utilisateurs, rien ne s’arrête. Comme vous pouvez le voir dans la liste ci – dessus, nous avons beaucoup de nouvelles choses à attendre en 2017. Les tendances mentionnées dans le présent document ne sont que quelques – unes des principales évolutions qui se produiront cette année. Il est également important de noter que tout le contenu de cette liste ne se rapporte pas à vous, à votre site Web ou à votre contenu. Ce n’est pas parce qu’ils sont une tendance à la conception web que vous devez être à la mode. Vous devriez toujours décider de ce que vous faites, des besoins des clients et d’autres facteurs importants. En attendant, ça ne te fera pas de mal.
Je voudrais remercier le Rapporteur pour son excellent rapport. Quelles sont les tendances de votre conception web en 2017? Que voulez – vous voir d’autre? Que pouvez – vous faire d’autre sans ça? Veuillez nous en informer dans la section commentaires ci – dessous.