Excellent éditorial —

Beaucoup de discussions sur la conception de sites Web se préoccupent de ce qui se passe autour du contenu. Vitesse des pages, systèmes de conception, optimisation des moteurs de recherche, frameworks, accessibilité – la liste s'allonge encore et encore. Cela nous donne à Smashing Magazine beaucoup de choses à écrire, ce qui est génial, même s'il vaut la peine de nous rappeler à quoi tout cela sert.

Dans cette troisième édition de notre série de conception de sites Web bien faite, nous ' re se focalisant sur le cœur battant de nombreux sites Web : le contenu. Plus précisément, le contenu éditorial. Le Web a donné aux conteurs une incroyable sélection d'outils avec lesquels travailler, et en tant que journaliste semi-compétent occasionnel moi-même, j'aime un bon scoop. le niveau suivant. Nous terminerons ensuite avec des conseils plus larges sur la réflexion créative sur le contenu numérique. Même maintenant, submergé par la chaîne de production de contenu, les bonnes choses brillent toujours. briser l'histoire en morceaux de la taille d'une bouchée. La lecture semble beaucoup plus utile qu'elle ne l'aurait fait avec une approche de défilement traditionnelle. C'est comme tourner les pages d'un livre. Sur mobile, vous passez littéralement à la section suivante. Cela permet des rapports rapides et immédiats – et cela ne veut rien dire de l'excellente visualisation des données présentée.

Nous vivons dans un monde axé sur le mobile. Il ne sert à rien d'être précieux à ce sujet. Oui, les couvertures de magazines ont une certaine classe à leur sujet. Oui, une vue de bureau vous donne une plus grande toile avec laquelle travailler. La réalité est que la plupart des gens verront ce que vous publiez sur un téléphone mobile, alors penchez-vous dessus. Pour une approche similaire, ces « tap stories » de The New York Times et Input sont également excellentes. Pour ceux qui souhaitent lire davantage sur l'éditorial centré sur le mobile, L'histoire du légendaire concepteur de journaux Mario Garcia est vivement recommandé.

Le New York Times montre plutôt que raconte

Pour toutes les choses horribles que la pandémie de COVID-19 a causées, cela a au moins conduit à des reportages à couper le souffle. Cette pièce interactive New York Times explique comment fonctionnent les masques faciaux en amenant les lecteurs au niveau des particules. Vous pouvez voir comment les fibres attrapent les particules et pourquoi différents masques ont des niveaux d'efficacité différents. N'importe quel imbécile peut rendre des sujets compliqués difficiles à comprendre, mais les rendre faciles à comprendre ? C'est une forme d'art à part entière.

Il y a beaucoup d'éléments en jeu ici. Graphiques, couleur, animation – il y a même une expérience de réalité augmentée si cela fait flotter votre bateau. Ce qui aurait pu si facilement être un sujet sec et étouffant prend vie. Et surtout, ce sont des informations vitales. Des trucs comme ça, c'est pourquoi Gabriel Gianordoli a été élu meilleur designer du monde aux prix 2020 de la Society for News Design. Smashing.

Le Washington Post visualise une propagation exponentielle

La pandémie a également forcé la visualisation des données à la une des publications du monde entier. Cet article sur la propagation exponentielle de mars 2020 (vous vous en souvenez ?) fait un travail incroyable pour visualiser comment et pourquoi certains virus deviennent très rapidement de gros problèmes. Des simulations complètes aux petits graphiques sparkline en lignecet éditorial tire pleinement parti de son cadre numérique.

Ce que j'aime particulièrement dans celui-ci, c'est qu'il ne semble jamais gratuit. Chaque visuel améliore l'histoire, au point que vous vous sentez presque désolé pour quiconque doit expliquer les mêmes concepts avec des mots seuls. Il est disponible dans plus d'une douzaine de langues d'un simple clic est une autre touche merveilleuse – un rappel que le Web est en fait sans frontières. Je ne peux qu'imaginer combien de personnes dans le monde cet article a aidé.

Ici, le projet Marshall présente un journalisme percutant sur le système de justice pénale américain avec l'élégance et la beauté douce-amère d'un livre de contes pour enfants. Dans "The Zo", une écriture créative, une illustration saisissante, une narration fascinante et une histoire importante se combinent. Ceci est un éditorial multimédia en plein flux.

On dit que les chansons peuvent prendre plusieurs formes. Il en est de même pour le contenu éditorial en ligne. Ce que vous voyez ci-dessus a été inspiré par un article académique de 96 pages . Le fait qu'il puisse trouver un nouveau public en tant que série animée en ligne, puis être nominé pour non pas un mais deux Emmy Awards témoigne des pouvoirs transformateurs d'Internet.

Le roman graphique interactif de SBS n'est pas une nouveauté [19659006] En parlant des pouvoirs transformateurs d'Internet, que diriez-vous d'une histoire interactive. Nous connaissons tous les adaptations de films, les adaptations de pièces de radio, les adaptations de mini-séries, etc. Pourquoi pas des adaptations de pages Web ? C'est exactement ce que le diffuseur australien SBS a entrepris de faire avec The Boatun récit interactif d'une nouvelle dans le livre du même nom de Nam Le.

La séquence d'ouverture de la page vous plonge directement, ses mots s'inclinant et dégringolant avec les vagues pendant que vous lisez, avec les sons du tonnerre et de la pluie remplissant vos sens à ras bord. Au fur et à mesure que l'histoire s'installe, les illustrations de Matt Huynh dérivent comme des souvenirs. C'est une expérience remarquablement vivante, belle en soi ainsi qu'une manière astucieuse d'apporter la littérature aux jeunes générations.

The Pudding Monkeys Around

Je souhaite que je rencontre cela à temps pour l'édition sonore de cette série de sites inspirants. Peu importe, c'est ici maintenant. Dans une vitrine vraiment superbe d'éditorial numérique, The Pudding n'explique pas tant le théorème du singe infini que le vit à travers la musique. Vous ne savez pas ce qu'est le théorème du singe ? Eh bien, qu'attendez-vous, la page expliquera infiniment mieux que moi . J'attendrai.

En utilisant des exemples interactifs de quatre notes, l'article implique le lecteur tout en rendant le concept simple à comprendre. En guise de touche finale et délicieuse, la page est elle-même une expérience en direct et en cours, se frayant un chemin au hasard à travers des airs de plus en plus complexes. Vous pouvez vous attendre à ce qu'il réussisse à « Seven Nation Army » dans environ 19 ans. On se demande si un singe tapant sur un clavier assez longtemps pourrait créer le framework JavaScript parfait. L'espoir est éternel. Les pages n'ont pas besoin d'être l'équivalent Web du Vegas Strip pour être accrocheuses. Une liste à part montre cela mieux que la plupart. Son approche du contenu tiendra toujours une place dans mon cœur. Titre, illustration, copie, hyperliens bleus. Magnifique.

Ce que je réalise maintenant, c'était il y a très longtemps, j'ai écrit sur les deux branches de la conception Web « brutaliste ». L'essentiel de ce que j'ai dit était qu'une approche est bruyante et impétueuse, l'autre résolument fonctionnelle. A List Apart montre la beauté de ce dernier bien fait. La boîte à outils multimédia est un atout formidable, mais même maintenant, il arrive que seuls les mots suffisent.

Penser de manière créative le contenu

Pour le meilleur ou pour le pire, le Web regorge de contenu. Une grande partie est excellente, une grande partie ne l'est pas. Une grande partie des discussions autour de cela a la cadence de calcul froide que vous attendez plutôt des industriels parlant de chaînes de montage. Les exemples partagés ci-dessus parlent, espérons-le, de la valeur de la résistance à l'envie de produire des choses, mais soyons réalistes : la plupart des sites Web n'ont pas les ressources, par exemple, du The Washington Post.

Cependant, il existe des façons de penser de manière créative au contenu à tous les niveaux, des blogs personnels aux publications mondiales. En voici quelques-uns :

• Remettez en question votre approche par défaut.
  Nous sommes des créatures d'habitude, y compris dans la façon dont nous racontons nos histoires. Prenez le temps dès le début de prendre du recul et de vous demander : Comment pourrais-je procéder différemment ? Peut-être qu'un essai photo serait plus prudent qu'un article. Peut-être qu'une carte thermique est meilleure qu'une table. La spécialisation est bien sûr importante, mais ne la laissez pas vous aveugler sur d'autres façons de faire les choses, souvent complémentaires.
• Utilisez des ressources gratuites.
  L'un des grands cadeaux d'Internet est la quantité de choses gratuites incroyables qu'il y a. . Comme, en fait gratuit, exprès. De la photographie à la conception graphique en passant par les outils de visualisation de données et les logiciels de montage audio, les ressources dont vous avez besoin pour transformer votre contenu sont à portée de clic. Notre balise freebies est un bon point de départ.
• Donnez au contenu plusieurs formes.
  Comme The Marshall Project l'a particulièrement bien montré avec "The Zo", les histoires peuvent trouver de nouveaux publics lorsqu'elles prennent différentes formes. . A écrit un article ? Super, pourquoi ne pas enregistrer une version audio ? Vous avez produit un rapport basé sur les données ? Assez cool, mais est-ce aussi cool que cela pourrait l'être si vous commenciez à brancher ces chiffres sur D3 ? Une seule façon de le savoir.
• Expérimenter.
  Les exemples ici sont la crème de la crème, mais il convient de mentionner qu'il y a énormément à gagner en essayant de nouvelles idées et en acceptant les échecs occasionnels qui en découlent. L'itération est la clé du processus créatif. Si vous essayez quelque chose et que cela ne fonctionne pas, très bien, peu importe. C'est le seul moyen d'arriver à ce qui fonctionne .

Il n'y a pas d'approche unique du contenu, mais le respect de l'histoire est essentiel. Les technologies Web sont complémentaires, pas l'événement principal. Ne les laissez pas être la queue qui remue le chien. Les meilleurs résultats arrivent lorsque l'histoire est en harmonie avec la façon dont elle est racontée. C'est le genre de contenu qui colle aux gens pendant des années.

(vf, yk, il)