Les titres et les dessins accrocheurs peuvent être gaspillés dans la confusion créée par ces projets sans espace blanc. Embrassez lamp;rsquoespace blanc et utilisez le pour montrer aux lecteurs où ils devraient se concentrer. Prenez Medio par exemple. Le site namp;rsquoaffiche pas de barre latérale sur lamp;rsquoarticle et utilise peu damp;rsquoéléments supplémentaires dans la page. Le lecteur se concentre sur une seule chose et namp;rsquoest pas distrait par la publicité, les formulaires damp;rsquoinscription par courriel et damp;rsquoautres éléments, camp;rsquoest à dire le contenu. 8. Conception utilisant des matériaux Google Soyez prêt à accepter Google Material Design si lisez les prévisions de Randy Brown sur les tendances de la conception web en 2016, saurez que Google Material Design sera un acteur majeur cette année, et les concepteurs damp;rsquoédition devraient être conscients de cela. À la fin de 2014, Google a lancé la conception de matériaux pour les appareils Android, une nouvelle interprétation de la conception graphique. Essentiellement, il fournit une ou deux couches damp;rsquoéléments plats typiques, ce qui le rend moins plat, donnant ainsi une nouvelle vie à cette tendance populaire du design. Cela convertit les éléments en cartes afin quamp;rsquoils soient différents les uns des autres. Un bon exemple damp;rsquoinclusion dans une stratégie de conception web de magazine est son utilisation dans des projets de page damp;rsquoaccueil comme des listes damp;rsquoarticles. Comme pouvez le voir dans lamp;rsquoimage ci dessus, Wired utilise ce design pour séparer visuellement les différents articles de sa page damp;rsquoaccueil. Lamp;rsquoonglet projet a également une animation de levage lorsque passez le curseur sur lamp;rsquoonglet projet. Les tendances en matière de conception Web du magazine permettent aux concepteurs de pages Web de distinguer deux éléments ou plus damp;rsquoune page et sont visuellement plus attrayantes que les options typiques offertes par la conception graphique standard. 9. Utiliser une micro interaction élégante Exemples de micro interactions dans la barre latérale
Dans un billet publié en 2016 par Dan virgilito sur les cinq principales tendances de lamp;rsquoexpérience utilisateur que les concepteurs devraient remarquer, le Daily Beast énumère deux exemples de microinteractions qui fonctionnent bien sur les sites damp;rsquoédition. Microinteraction est une petite interaction qui aide les utilisateurs à naviguer sur un site Web. Cela peut inclure un petit bouton dans le coin inférieur droit de la page qui amène lamp;rsquoutilisateur directement en haut de la page lorsque lamp;rsquoutilisateur clique. Un bon exemple fourni par Dan est une barre de progression qui permet à lamp;rsquoutilisateur de savoir où il se trouve dans lamp;rsquoarticle. Daily Beast lamp;rsquoutilise dans la fonction debar pour lire la liste fournie avec chaque article. Lamp;rsquoajout de cette fonctionnalité à la conception web damp;rsquoun magazine est un bon moyen de faire participer les utilisateurs à votre contenu le plus longtemps possible. 10. Informations importantes Certaines publications peuvent être largement utilisées en Encapsulant des informations importantes et en les affichant avec des articles damp;rsquoune manière plus digestible pour le lecteur. Cette pratique est populaire sur les sites Web culinaires, car elle offre un moyen efficace de consulter la liste des ingrédients dans la barre latérale ou au bord de lamp;rsquoarticle. Les sites Web créatifs peuvent également lamp;rsquoutiliser pour consulter la liste des documents dont les lecteurs ont besoin pour compléter leur projet de bricolage. les rédacteurs produisent des articles damp;rsquoorientation sur leur site Web, ils peuvent utiliser ces mêmes pratiques, mais il existe damp;rsquoautres façons de les utiliser. Par exemple, une publication qui utilise la méthode damp;rsquoécriture pyramidale inversée peut trouver utile de voir les principaux points de vue et faits damp;rsquoun article dans lamp;rsquoune des cases, mais elle utilise ensuite lamp;rsquoarticle entier pour traiter ces points de vue et faits. Rompre avec damp;rsquoautres contenus peut aider
Fournissez à vos lecteurs de lamp;rsquoinformation facile à comprendre pour soutenir vos articles et attirer quiconque navigue sur votre site. Il y a de bonnes raisons pour lesquelles la considération finale dans la conception damp;rsquoun site Web de style magazine est lamp;rsquoun des facteurs les plus importants à prendre en considération pour un tel site. Toute la publication, y compris tout ce qui a été publié, samp;rsquoétend autour de ce style. Camp;rsquoest pourquoi, en tant que concepteur, il est important de garder à lamp;rsquoesprit la fonctionnalité globale du site et lamp;rsquoexpérience utilisateur lors de la mise en œuvre de ce style. Chaque fois que ajoutez un nouveau design à un site damp;rsquoédition, Considérez comment il affectera lamp;rsquoexpérience utilisateur du site. Par exemple, la vidéo de fond semble bien, mais quand elle empêche les utilisateurs avec une connexion Internet modérée de votre contenu, les avantages du site disparaissent rapidement. Quel est votre design web préféré pour les magazines en ligne? Veuillez nous le faire savoir dans les commentaires ci dessous. Miniature damp;rsquoun article filmé par dacian G shutterstock. Com
10 techniques pour améliorer le niveau professionnel des rédacteurs en chef et des concepteurs de pages Web de magazines