RSS. A List Apart: Le flux complet - TheNote.app

RSS. A List Apart: Le flux complet
Suivre

A List Apart est un magazine en ligne qui se concentre sur la conception, le développement, l'expérience utilisateur et les meilleures pratiques sur le web. Fondé en 1998 par Jeffrey Zeldman et Greg Storey, il est devenu une ressource très respectée pour les professionnels du web dans le monde entier. Le site comprend des articles, y compris des tutoriels, des interviews et des analyses approfondies, ainsi que des annonces d'emploi et des événements. A List Apart fait partie du réseau Automattic, ce qui le rend open source et accessible à un large public. Le site web est mis à jour régulièrement avec de nouveaux contenus, garantissant aux utilisateurs de rester informés des dernières tendances et technologies dans l'industrie de la conception et du développement web.

A List Apart: The Full Feed alistapart.com

RSS alistapart.com

RSS Hunter • 22 août 2024

Fil de notes

Dialectes de conception : Briser les règles, pas le système

Le texte soutient que les systèmes de conception devraient être considérés comme des langues vivantes, et non pas seulement des bibliothèques de composants, s'adaptant au contexte comme les langues parlées. Une cohérence visuelle rigide dans les systèmes de conception peut nuire à l'expérience utilisateur, nécessitant flexibilité et adaptation. Un concept clé est le "dialecte de conception", une modification systématique d'un système de conception pour des contextes spécifiques, comme différents groupes d'utilisateurs ou environnements. L'auteur relate des expériences chez Booking.com et Shopify, où une cohérence stricte a échoué, soulignant la nécessité de dialectes. Un "Cadre de Flexibilité" et une "Échelle de Décision" sont fournis pour guider les équipes dans l'équilibre entre cohérence et adaptation au sein d'un système de conception. L'auteur suggère de documenter les écarts, de promouvoir les modèles partagés et de déprécier avec le contexte pour gérer l'évolution des dialectes. Le principe fondamental mis en avant est que la réussite de l'utilisateur prime sur la cohérence esthétique, privilégiant la fluidité à l'uniformité. La mise en œuvre des dialectes commence par l'identification d'un flux utilisateur défaillant, la compréhension du contexte et la réalisation de changements systématiques. Tester et mesurer l'impact, et montrer les économies qui en résultent sont des étapes essentielles. En fin de compte, le texte préconise de cultiver des langages de conception qui évoluent pour répondre aux besoins des utilisateurs, en s'adaptant et en grandissant au fil du temps.

Design Dialects: Breaking the Rules, Not the System alistapart.com

RSS Hunter • 26 sept. 2025

Un cadre holistique pour un leadership partagé en conception

Une équipe de conception saine nécessite à la fois un responsable de conception et un chef de conception, qui devraient être considérés comme s'occupant de différents aspects du même organisme. Le responsable de conception se concentre sur la psychologie d'équipe, la croissance de carrière et la dynamique (l'esprit), tandis que le chef de conception se concentre sur les compétences en matière de conception, les normes de conception et l'exécution (le corps). Ces rôles se chevauchent, nécessitant une collaboration dans trois systèmes critiques : le système nerveux (personnes et psychologie), le système musculaire (artisanat et exécution) et le système circulatoire (stratégie et flux). Le responsable de conception supervise principalement le système nerveux, avec le soutien du chef de conception, qui supervise principalement le système musculaire, avec le soutien du responsable de conception. Les deux partagent la responsabilité du système circulatoire, en garantissant l'alignement stratégique et le flux d'informations. Des boucles de rétroaction claires et des transferts explicites sont essentiels pour un partenariat réussi. Lorsque les choses tournent mal, l'isolement, la mauvaise circulation ou une réponse auto-immune peuvent survenir, nécessitant une réconnexion, une communication plus claire et un focus sur les objectifs partagés. Ce partenariat donne lieu à de meilleures décisions, à des équipes plus solides et à un travail de conception durable, qui s'adapte efficacement à la croissance de l'équipe. En fin de compte, le responsable de conception et le chef de conception multiplient leur impact en travaillant ensemble pour nourrir l'ensemble de l'organisme de conception.

An Holistic Framework for Shared Design Leadership alistapart.com

RSS Hunter • 23 juil. 2025

De la version bêta à la base solide : construisez des produits durables.

L'auteur, un expert chevronné en développement de produits financiers, souligne l'échec courant des produits financiers prometteurs en raison d'un excès de fonctionnalités. Il préconise une approche de Produit Minimum Viable (PMV), en se concentrant sur les fonctionnalités essentielles (« socle ») plutôt qu'un ensemble de fonctionnalités écrasant. L'auteur insiste sur l'importance de comprendre les besoins des utilisateurs et d'aligner le développement du produit sur ces besoins, en privilégiant la simplicité et la fiabilité à une complexité inutile. Les jeux d'influence internes conduisent souvent à des produits surchargés et confus, négligeant l'expérience utilisateur essentielle. Le « socle » représente les fonctionnalités essentielles apportant une valeur constante, illustrées par les tâches bancaires fréquentes comme la consultation du solde. Construire ce socle implique une priorisation impitoyable, sacrifiant potentiellement des gains à court terme pour la stabilité à long terme et la fidélité des utilisateurs. Le succès repose sur un « pourquoi » clair, axé sur une seule fonctionnalité principale, un développement itératif et un retour d'information continu des utilisateurs grâce aux tests et à l'observation. Cette approche, bien qu'initialement restrictive, conduit finalement à des produits plus performants et durables. L'auteur souligne l'importance de façonner activement l'avenir grâce au développement itératif des produits plutôt que de simplement le prédire. En fin de compte, la construction d'un socle solide assure le succès à long terme plutôt que les gains à court terme.

From Beta to Bedrock: Build Products that Stick. alistapart.com

RSS Hunter • 23 avr. 2025

La recherche sur les utilisateurs, c'est de la narration

La recherche utilisateur suit une structure en trois actes : installation, conflit et résolution. La recherche fondamentale (acte un) établit l'état actuel, les défis et les opportunités pour les utilisateurs. La recherche directionnelle (acte deux) évalue les conceptions pour résoudre les problèmes identifiés. Le dernier acte (résolution) résout les problèmes et incite les parties prenantes à adopter des solutions centrées sur l'utilisateur. La recherche utilisateur est essentielle car elle garde le design sur la bonne voie, met en évidence les problèmes et différencie les produits des concurrents. La recherche fondamentale forme la base de la compréhension des utilisateurs et de leurs besoins, tandis que la recherche directionnelle s'assure que les solutions s'alignent sur ces besoins. Les deux sont nécessaires pour un design centré sur l'utilisateur efficace. Le récit est crucial pour engager les parties prenantes et mettre en valeur l'importance de la recherche. Les tests d'utilisabilité (acte deux) révèlent les interactions et les processus de pensée des utilisateurs, tandis que la recherche fondamentale fournit le contexte. Les tests à distance et en personne offrent des avantages différents, les sessions à distance atteignant un public plus large et les sessions en personne offrant des expériences plus riches. En présentant la recherche comme un récit captivant, les organisations peuvent promouvoir des approches centrées sur l'utilisateur, menant à des produits plus réussis.

User Research Is Storytelling alistapart.com

RSS Hunter • 30 mai 2024

Pour lancer une pratique de personnalisation, organisez ce workshop de pré-personnalisation.

La personnalisation dans la conception peut être difficile, avec une guidance limitée disponible. Pour accroître le succès, les ateliers de pré-personnalisation sont essentiels, permettant aux parties prenantes d'évaluer la préparation, de définir le champ d'application et de planifier le développement. Les ateliers efficaces mettent l'accent sur la personnalisation, alignant les objectifs de l'équipe avec les objectifs commerciaux. Les efforts de personnalisation impliquent une progression graduelle de l'expérimentation aux fonctionnalités automatisées et aux produits matures. Un cadre pour la personnalisation progressive offre une approche structurée, avec des "cartes" représentant les éléments de base des interactions personnalisées. Le premier jour d'un atelier de pré-personnalisation consiste à identifier les opportunités de personnalisation, à prioriser les objectifs et à aborder les barrières potentielles. La deuxième phase se concentre sur la définition et la documentation des recettes de personnalisation, en s'assurant que les ingrédients nécessaires sont disponibles. En considérant le public, le contenu, le contexte et la mesure, les designers peuvent créer des expériences personnalisées cohérentes et efficaces. Le processus de pré-personnalisation garantit que les efforts de personnalisation sont bien alignés, réalistes et capables de produire des résultats significatifs.

To Ignite a Personalization Practice, Run this Prepersonalization Workshop alistapart.com

RSS Hunter • 16 avr. 2024

La cire et le déclin du Web

Le web a évolué d'un espace de liberté totale à une plateforme standardisée, grâce aux efforts du W3C et des évangélistes. Les langages côté serveur et AJAX ont rendu possible les applications web, tandis que les appareils mobiles et la conception responsive ont élargi l'interaction. Les réseaux sociaux ont centralisé les connexions, mais ont également suscité des inquiétudes quant à la vie privée et au contrôle. Maintenant, un nouveau point d'inflexion émerge, avec un accent mis sur la propriété du contenu et les outils décentralisés. Le soutien des navigateurs pour les normes s'accélère, mais la dépendance envers les frameworks pourrait entraver l'adoption et les performances. Pour créer un web meilleur, il est crucial d'optimiser pour les performances, l'accessibilité et l'utilisateur, de se baser sur les normes, de concevoir avec soin, d'apprendre en permanence et d'embrasser l'expérimentation. Les designers et les développeurs ont une responsabilité de modeler le web en partageant leurs connaissances, en amplifiant les voix et en créant des expériences uniques et précieuses. En le faisant, nous pouvons collectivement bâtir un environnement en ligne plus équitable et plus émancipateur.

The Wax and the Wane of the Web alistapart.com

RSS Hunter • 29 févr. 2024

Opportunités de l'IA pour l'accessibilité

Malgré le scepticisme, l'IA offre des potentialités pour améliorer l'accessibilité. Les modèles de vision par ordinateur peuvent fournir des points de départ pour les descriptions d'images, tandis que les modèles spécialisés peuvent identifier les images pertinentes dans le contexte. L'IA peut aider à comprendre les graphiques et les données complexes, les rendant plus accessibles pour divers handicaps. Les algorithmes de mise en correspondance, lorsqu'ils sont développés par des équipes diverses, peuvent réduire les biais et accroître les opportunités pour les personnes handicapées. L'IA peut préserver les voix pour les personnes ayant des déficiences de parole, améliorer la reconnaissance vocale pour le langage atypique et transformer le texte pour les déficiences cognitives. Des ensembles de données inclusifs, une compensation pour les contributions et une sensibilité envers les identités diverses sont essentiels pour le développement responsable de l'IA. L'IA peut aider à réduire les dommages au fil du temps en considérant l'accessibilité dès le départ. Cependant, il est important de reconnaître les risques potentiels et de les aborder de manière proactive. En abordant l'IA avec l'inclusivité et l'intention, il est possible de réduire les dommages et d'améliorer l'accessibilité pour les personnes handicapées.

Opportunities for AI in Accessibility alistapart.com

RSS Hunter • 7 févr. 2024

Je suis un créatif.

L'auteur se considère comme un créatif, mettant en avant la nature intuitive et mystérieuse de son processus. Ils croient que leurs idées proviennent d'un domaine qui leur échappe. Alors que certains créatifs voient leur travail comme le résultat de la science, l'expérience de l'auteur est différente, similaire à l'alchimie. L'auteur reconnaît que la créativité peut être à la fois aisée et laborieuse, parfois s'écoulant librement et d'autres fois nécessitant un effort significatif. Malgré la nature erratique de leur inspiration, ils restent dévoués à leur art, reconnaissant qu'il implique un certain degré d'incertitude et de déception. Les créatifs ont souvent tendance à minimiser leurs propres réalisations en les comparant à celles qu'ils admirent. L'auteur reconnaît ses propres faiblesses créatives tout en respectant le talent immense des autres. Ils croient que les créatifs ont une profonde connexion entre eux, reconnaissant et honorant leurs capacités. Malgré leur doute de soi, ils restent motivés par la sensation d'adrénaline de la procrastination et l'espoir de produire quelque chose de vraiment remarquable. L'auteur reconnaît que son travail est finalement imparfait, mais trouve du réconfort dans la croyance qu'une petite partie d'eux pourrait vivre dans les esprits des autres. Ils embrassent le mystère de leur processus créatif, faisant confiance qu'il les guidera, même si le résultat est incertain.

I am a creative. alistapart.com

RSS Hunter • 29 janv. 2024

L'humilité : Une valeur essentielle

L'humilité est une valeur cruciale pour les designers, favorisant la satisfaction, la croissance, la connexion et l'engagement. Le parcours de Justin en tant que designer met en évidence l'importance de l'humilité et de la curiosité dans le paysage numérique en constante évolution. Il a embrassé les défis de l'ère du "Far West" du design web, explorant la créativité dans les contraintes de l'époque. Inspiré par l'art pixel des icônes de bureau, il a créé des designs uniques et expressifs dans les limites du grille de 32x32 pixels et de la palette de 256 couleurs. Les designs de Justin ont gagné en reconnaissance, mais sa poursuite de la validation externe a conduit à la stagnation et à la perte de contact avec ses valeurs fondamentales. Grâce aux retours de ses pairs, il a reconnu son comportement toxique et a entrepris une correction de trajectoire transformante, se reconnectant avec sa passion pour le design et l'humilité. Le projet du Grand collisionneur de hadrons a mis en évidence la poursuite de la croissance de Justin, démontrant comment l'humilité et la collaboration peuvent mener à des designs innovants et impactants qui transcendent les considérations spécifiques au médium.

Humility: An Essential Value alistapart.com

RSS Hunter • 22 juin 2023

Pyramide de la personnalisation : Un cadre pour concevoir avec des données utilisateur

Les professionnels de l'expérience utilisateur (UX) rencontrent des défis pour mettre en œuvre des expériences digitales personnalisées en raison d'un manque d'approches standardisées. La Pyramide de la Personnalisation est un modèle centré sur le designer qui offre un cadre holistique pour la construction de tels programmes. Elle se compose de sept niveaux : Étoile du Nord (objectif stratégique), Objectifs (résultats mesurables), Points de contact (où la personnalisation a lieu), Contextes et Campagnes (contenu personnalisé), Segments d'utilisateurs (publics uniques), Données exploitables (sources de données fiables) et Données brutes (sources de données potentielles). Le modèle met l'accent sur la compréhension des intentions des utilisateurs, l'exploitation des données de premier rang et la considération de l'apprentissage automatique comme partie du plan d'action. En utilisant ce cadre, les designers UX peuvent créer des expériences personnalisées qui améliorent l'engagement des clients et répondent aux objectifs commerciaux.

Personalization Pyramid: A Framework for Designing with User Data alistapart.com

RSS Hunter • 8 déc. 2022

CSS mobile d'abord : est-il temps de réévaluer ?

Le développement CSS en premier lieu mobile a été une méthodologie populaire, mais cela peut entraîner une complexité et une inefficacité en raison de la réécriture des déclarations de style. Alors que le premier lieu mobile priorise la vue mobile, cela peut rendre le développement simultané sur plusieurs points de rupture difficile.Pour résoudre ces problèmes, envisagez d'utiliser des plages de requête de média fermées, qui permettent des modifications isolées à des points de rupture spécifiques. En définissant les styles uniquement lorsque cela est nécessaire et en évitant la réécriture, vous pouvez réduire la complexité et les tests de régression.Séparer le CSS en plusieurs fichiers en fonction des requêtes de média permet au navigateur de prioriser les téléchargements, ce qui améliore les performances. C'est particulièrement bénéfique sur les appareils mobiles ou dans les zones à faible vitesse d'internet.Considérez l'utilisation d'outils comme Responsively App ou Blisk pour le développement simultané sur plusieurs points de rupture. Bien que l'ordre de développement puisse varier en fonction des préférences, identifier les styles communs et les exceptions reste essentiel.Les plages de requête de média fermées aident à éviter l'héritage et la réécriture de styles inutiles. En utilisant max-width dans les requêtes de média, vous pouvez définir les styles uniquement dans des plages de points de rupture spécifiques, empêchant les changements involontaires.Le regroupement versus la séparation du CSS dépend de facteurs tels que la version HTTP et les exigences du projet. La séparation du CSS permet des téléchargements prioritaires, tandis que le regroupement peut être plus efficace pour les anciens navigateurs.HTTP/2 ou HTTP/3 permet plus de requêtes concurrentes, rendant la séparation du CSS moins critique. Cependant, cela est toujours bénéfique pour les projets avec plusieurs points de rupture et un souhait d'optimisation des performances.Les tests de régression peuvent être minimisés en séparant le CSS et en utilisant des plages de requête de média fermées, car les changements n'affectent que des points de rupture spécifiques. Cela réduit le besoin de tests exhaustifs.En prenant soin de considérer les exigences du projet et en utilisant des techniques appropriées, vous pouvez optimiser votre processus de développement CSS pour l'efficacité, la flexibilité et les performances.

Mobile-First CSS: Is It Time for a Rethink? alistapart.com

RSS Hunter • 9 juin 2022

Concepteurs, (re)définissez d'abord le succès

Le concept de design éthique quotidien, qui vise à créer des conceptions utilisables, équitables et durables, rencontre des obstacles significatifs, en particulier en raison de l'accent mis par le système capitaliste sur la maximisation du profit. Les efforts actuels se concentrent souvent sur des changements superficiels, comme le partage de kits d'outils éthiques, au lieu de s'attaquer à la cause profonde : les objectifs de l'entreprise. Pour réellement intégrer l'éthique, les designers doivent influencer le système en déplaçant le focus de la viabilité vers des considérations éthiques telles que le bien-être, l'équité et la durabilité. Cela nécessite de redéfinir les métriques de succès pour qu'elles reflètent ces objectifs éthiques, en s'éloignant des métriques traditionnelles comme la satisfaction client et en se concentrant sur des aspects tels que le bien-être numérique et l'impact environnemental réduit. Mesurer l'impact des choix de design à travers ces nouvelles métriques est crucial, car cela s'aligne sur le langage des affaires et permet une évaluation concrète du progrès éthique. En établissant des objectifs éthiques clairs et des métriques mesurables, le design éthique passe d'un concept théorique à un objectif pratique et réalisable intégré dans la pratique quotidienne. Ce changement de mentalité exige de s'éloigner des trois dimensions traditionnelles du succès du design (désirabilité, faisabilité et viabilité) et d'embrasser une quatrième dimension : l'impact éthique. Cette approche holistique garantit que le design ne répond pas seulement aux besoins des utilisateurs, mais contribue également positivement à la société et à la planète, menant finalement à un avenir plus durable et éthique.

Designers, (Re)define Success First alistapart.com

RSS Hunter • 12 mai 2022

Sortir de la boîte

Le CSS est principalement utilisé pour styliser des boîtes rectangulaires, mais de nouvelles fonctionnalités élargissent les limites du design. La superposition des contrôles de fenêtre pour les PWA permet aux développeurs de tirer parti de la totalité de la fenêtre de l'application, y compris la zone de la barre de titre. Cette fonctionnalité supprime la contrainte physique de la barre de titre et des contrôles de fenêtre, permettant de les superposer sur le contenu de l'application. Pour utiliser cette fonctionnalité, ajoutez "window-controls-overlay" au fichier de manifeste de l'application web. De nouvelles variables d'environnement CSS, telles que "titlebar-area-x" et "titlebar-area-width", peuvent être utilisées pour positionner le contenu à l'endroit où se trouverait la barre de titre tout en s'assurant qu'il ne chevauche pas les boutons de contrôle de fenêtre. Pour éviter que les boutons de contrôle de fenêtre ne recouvrent le contenu, la couleur de thème de l'application peut être définie pour correspondre à la couleur de fond du contenu en utilisant le fichier de manifeste de l'application web ou la balise meta "theme-color". Cette fonctionnalité permet aux PWA de créer des expériences plus immersives et plus intégrées sur les appareils de bureau.

Breaking Out of the Box alistapart.com

RSS Hunter • 9 déc. 2021

Comment vendre la recherche UX avec deux simples questions

L'article propose une stratégie pour les designers UX de défendre efficacement la recherche utilisateur en engageant les parties prenantes dans un processus collaboratif appelé Atelier de définition d'objets. Cet atelier, fondé sur les principes de l'UX orientée objet (UXOO), vise à identifier et à combler les lacunes de connaissances au sein de l'équipe, mettant en évidence la nécessité de la recherche utilisateur. Le processus commence par la "chasse aux noms", où le designer UX identifie des objets potentiels liés au produit en analysant diverses sources telles que des matériaux de marketing et des interfaces de produit existantes. Ces noms, représentant des éléments clés du système, sont ensuite examinés dans le cadre de l'atelier en utilisant deux questions fondamentales : "Quels sont les objets ?" et "Quels sont les relations entre ces objets ?". En explorant ces questions de manière collaborative, les parties prenantes sont incitées à confronter leurs propres hypothèses et incertitudes quant aux besoins des utilisateurs et à la fonctionnalité du produit. Cet exercice, facilité par des discussions ouvertes et des aides visuelles telles que des cartes d'objets, révèle des défauts de conception potentiels et des incohérences provenant d'un manque de compréhension de l'utilisateur. Alors que les parties prenantes participent activement à démêler les complexités du système, elles arrivent naturellement à la nécessité de la recherche utilisateur, transformant la demande du designer UX en une imperative partagée. Cette compréhension et cette reconnaissance partagées de l'inconnu ouvrent la voie à un processus de conception centré sur l'utilisateur, garantissant que le produit final répond aux besoins des utilisateurs et évite les erreurs coûteuses. L'Atelier de définition d'objets agit donc comme un pont entre les hypothèses et les décisions de conception éclairées, avec la recherche utilisateur comme pierre angulaire.

How to Sell UX Research with Two Simple Questions alistapart.com

RSS Hunter • 21 oct. 2021

Un modèle de contenu n'est pas un système de design

Les organisations visionnaires adoptent des stratégies de contenu omnicanal pour atteindre les publics sur plusieurs canaux. Un système de gestion de contenu (SGC) avec un modèle de contenu bien défini est crucial pour cette stratégie.Les modèles de contenu doivent être sémantiques, utilisant des noms de type et d'attribut qui reflètent le sens du contenu, et non sa présentation. Cela permet aux canaux de diffusion de comprendre et d'utiliser le contenu de manière efficace.Les modèles de contenu devraient également relier les éléments de contenu apparentés, garantissant que le contenu qui appartient ensemble reste ensemble et est facilement gérable et réutilisable.La pensée traditionnelle en matière de système de design peut entraver les stratégies de contenu omnicanal en se concentrant sur la présentation visuelle plutôt que sur le sens et les liens du contenu.Les meilleurs modèles de contenu sont sémantiques et relient le contenu apparenté, dissociant le contenu de sa présentation.L'utilisation de données structurées basées sur Schema.org peut améliorer l'optimisation pour les moteurs de recherche et apporter des avantages même sans canaux de diffusion supplémentaires immédiats.La dissociation des modèles de contenu des conceptions permet des mises à jour de design plus faciles et une adaptabilité accrue aux innovations futures.En suivant ces principes, les équipes peuvent créer des modèles de contenu efficaces qui soutiennent les stratégies de contenu omnicanal et se connectent avec les publics sur plusieurs canaux.Les modèles de contenu bien définis améliorent l'expérience utilisateur et facilitent l'engagement du public.Le contenu est le bien le plus précieux dans l'expérience utilisateur et la manière la plus efficace de se connecter avec les publics.

A Content Model Is Not a Design System alistapart.com

RSS Hunter • 23 sept. 2021

Conception pour la sécurité, un extrait

Pour prévenir la technologie dangereuse, une approche stratégique est nécessaire. Le processus de sécurité inclusive guide les concepteurs à travers l'identification des abus potentiels, la création de mesures de prévention et le soutien aux utilisateurs vulnérables. La recherche devrait inclure une analyse large des potentialités de militarisation et des insights des survivants et des experts. Les archétypes d'agresseurs et de survivants aident les concepteurs à comprendre leurs objectifs et leurs besoins. Le brainstorming de nouveaux cas d'abus épuise les possibilités de dommage. La conception de solutions implique de prévenir les objectifs des agresseurs et d'aider les objectifs des survivants. Le processus est flexible et peut être intégré dans les pratiques de conception existantes. Bien que la diversité soit importante, elle seule ne peut pas résoudre la technologie éthiquement douteuse. La priorisation continue de la sécurité et des retours d'expérience des utilisateurs est cruciale pour atténuer les dommages potentiels.

Design for Safety, An Excerpt alistapart.com

RSS Hunter • 26 août 2021

Conception web durable, un extrait

En 1956, Roger Bannister a brisé la croyance selon laquelle courir un mile en moins de quatre minutes était impossible, démontrant le pouvoir de briser les limites perçues.De même, les capacités d'internet s'élargissent à mesure que les normes évoluent.La durabilité des sites web est une préoccupation croissante, mais mesurer directement les émissions de carbone est difficile.Au lieu de cela, le transfert de données et l'intensité carbone de l'électricité sont utilisés comme indicateurs.Le transfert de données, mesuré en kilowatt-heures par gigaoctet (kWh/GB), est une mesure de l'efficacité énergétique.Le poids de la page, ou la taille d'une page web, est une mesure pratique du transfert de données.Réduire le poids de la page, en particulier pour les images, est crucial pour réduire la consommation d'énergie.L'établissement d'un budget de performance, similaire aux limites de vitesse, fixe des plafonds pour les temps de chargement de page et le transfert de données.Des budgets de poids de page peuvent être établis en fonction des benchmarks de l'industrie ou d'une analyse des concurrents.Mesurer la taille du transfert pour les visiteurs répétés fournit des informations sur l'optimisation de l'efficacité pour les utilisateurs réguliers.L'intensité carbone de l'électricité, mesurée en grammes de CO2 par kilowatt-heure (gCO2/kWh), varie grandement en fonction de la source d'énergie.Choisir des centres de données dans des régions à faible intensité carbone réduit les émissions.Équilibrer l'intensité carbone avec la distance des utilisateurs est essentiel pour minimiser la consommation d'énergie pendant la transmission des données.Des outils sont disponibles pour calculer les émissions de carbone en fonction du transfert de données et de l'utilisation de l'électricité.

Sustainable Web Design, An Excerpt alistapart.com

RSS Hunter • 5 août 2021

Contenu vocal et facilité d'utilisation

Pendant des millénaires, les humains ont compté sur le langage parlé, mais les récentes avancées ont introduit des interfaces vocales qui nécessitent aux machines de naviguer les complexités du langage humain. Les interactions vocales miment les conversations humaines, englobant les interactions transactionnelles (pour les résultats), informationnelles (pour la connaissance) et prosociales (pour la connexion). Les interactions vocales transactionnelles sont directes et efficaces, tandis que les interactions informationnelles sont plus exploratoires et informatives. Les interfaces vocales peuvent être soit pures (entièrement parlées) soit multimodales (avec un support visuel). Les systèmes de réponses vocales interactives (RVI) sont devenus courants, mais ils peuvent être lourds et frustrants. Les lecteurs d'écran, conçus pour les utilisateurs ayant une déficience visuelle, offrent une alternative vocale pour l'interaction web, mais ils peuvent être verbeux et difficiles à utiliser. Les interfaces vocales offrent des avantages potentiels par rapport aux lecteurs d'écran, mais elles présentent également des défis de conception uniques. Alors que les interfaces vocales évoluent, les designers doivent prendre en compte les nuances du langage parlé et les besoins divers des utilisateurs.

Voice Content and Usability alistapart.com

RSS Hunter • 29 juil. 2021

Concevoir pour l'inattendu

La conception pour les appareils futurs imprévisibles pose des défis dans la conception web. La conception réactive est apparue en 2010 comme une solution, utilisant des mises en page basées sur des pourcentages et des requêtes de média pour adapter le contenu à différentes tailles d'écran. Cependant, les requêtes de média limitent la réutilisation des composants car ils lient les composants à des tailles de viewport spécifiques. Les requêtes de conteneur, actuellement non pris en charge par les navigateurs, visent à résoudre ce problème en permettant aux éléments de changer en fonction de la taille de leur conteneur parent, ce qui pourrait permettre de créer des composants vraiment réutilisables.Les avancées CSS telles que Flexbox et CSS Grid ont révolutionné les mises en page, éliminant la nécessité de rangées de conteneurs et permettant aux éléments de se plier ou de s'adapter comme nécessaire. CSS Subgrid va plus loin en permettant aux éléments de répondre aux changements à la fois dans leur propre contenu et dans celui des éléments frères, créant des conceptions plus résilientes.Les mises en page intrinsèques, utilisant des unités fr et un mélange d'unités fixes et flexibles, privilégient la taille du contenu sur la mise en page et permettent des conceptions qui peuvent s'adapter à tout espace et à toutes les variations de contenu. Cette approche offre des avantages significatifs pour créer des composants réactifs sans avoir à recourir aux requêtes de conteneur.Malgré son potentiel, la conception intrinsèque n'a pas encore eu le même impact large que la conception web réactive. Des facteurs tels que le travail dans des organisations établies et une courbe d'apprentissage moins abrupte pourraient contribuer à cette adoption plus lente. Le manque de solutions de framework pour la conception intrinsèque pourrait également entraver sa mise en œuvre rapide.La conception intrinsèque promeut un changement de paradigme, passant de la conception de mises en page réactives à la création de composants réactifs, soulignant l'importance d'utiliser les connaissances CSS existantes d'une nouvelle manière pour créer des conceptions flexibles et adaptables. Cela marque un autre moment significatif dans la conception web, s'éloignant des points de rupture prédéfinis et se rapprochant des mises en page qui peuvent répondre à tout scénario d'appareil ou de contenu.

Designing for the Unexpected alistapart.com

RSS Hunter • 15 juil. 2021

Critique de design asynchrone : Obtenir des retours

Demander des retours d'expérience précis est crucial pour une critique de design efficace. Les questions doivent guider la critique, en se concentrant sur la phase appropriée et la profondeur de l'examen. En fournissant des questions précises, les retours d'expérience deviennent plus exploitables, même pour ceux qui ont moins d'expérience en critique. Les itérations de design servent de points de contrôle naturels pour les retours d'expérience. Les publications d'itération, qui comprennent l'objectif, le design, les changements et les questions, créent un rythme structuré et visible pour les retours d'expérience. Chaque publication doit inclure l'objectif du projet, le design le plus récent, les changements par rapport à l'itération précédente et les questions. Les publications d'itération peuvent être exploratoires au début et devenir plus raffinées au fur et à mesure que le processus de design progresse. Des étiquettes d'itération spécifiques (par exemple, i1, i2) fournissent des marqueurs uniques et évitent la méconception de la complétude. Les publications d'itération créent également un enregistrement de l'évolution du design et des décisions. Ils encouragent l'alignement en répétant des informations essentielles. De plus, des approches de retours d'expérience comme la critique en direct ou les commentaires en ligne peuvent compléter les publications d'itération.

Asynchronous Design Critique: Getting Feedback alistapart.com

RSS Hunter • 1 juil. 2021

Critique de design asynchrone : donner des retours

Les commentaires, une compétence molle cruciale, améliorent la qualité de la conception et la croissance individuelle. Pour donner des commentaires efficaces, concentrez-vous sur le contenu clair, en abordant les aspects "Quoi, Où, Pourquoi, Comment?" Utilisez l'approche questionnante pour stimuler la pensée critique, tout en tenant compte de la perspective du commentaire (utilisateur, expert, entreprise, etc.). Les commentaires respectueux et fondés favorisent la réceptivité, tandis que le timing, l'attitude et la forme garantissent que le message est bien reçu. Dans les commentaires écrits, faites-les relire par une personne de confiance pour minimiser les biais. Évitez de tourner autour du pot et fournissez des critiques constructives, même si cela est difficile. Enfin, n'oubliez pas que les commentaires sont une compétence qui peut être développée à travers la pratique et la réflexion personnelle.

Asynchronous Design Critique: Giving Feedback alistapart.com

RSS Hunter • 17 juin 2021

Ce n'est pas mon épuisement professionnel

L'épuisement professionnel se manifeste différemment chez les individus, certains éprouvant un "épuisement zélé" caractérisé par une augmentation de l'effort et de la détermination au lieu de se retirer. Ce type d'épuisement provient d'un sentiment de responsabilité ancré et d'une peur de l'incompétence, souvent enraciné dans les expériences de l'enfance. Il peut entraîner une poursuite inlassable de la réussite, les individus se sentant contraints de prendre en charge plus de travail et de travailler plus dur, malgré les conséquences négatives.Alors que l'épuisement professionnel est souvent associé à la procrastination et à l'évitement, l'épuisement zélé est caractérisé par le surmenage et la poursuite constante. Cela peut être particulièrement dangereux pour les femmes, qui font face à des pressions sociétales pour exceller dans plusieurs rôles.Malgré sa prévalence, l'épuisement zélé est souvent invisible dans les environnements de travail, car il peut être perçu comme une qualité positive. Ce manque de reconnaissance peut entraîner un sentiment de trahison et de déception lorsque l'épuisement se produit inévitablement.Pour lutter contre l'épuisement zélé, il est essentiel de reconnaître ses symptômes, y compris une baisse du bonheur, la difficulté de dire non et le manque de soins personnels. Traiter l'épuisement nécessite une approche multidimensionnelle qui inclut le sommeil, la nutrition, l'exercice et le temps passé dans la nature.Cependant, pour les individus souffrant d'épuisement zélé, les soins personnels peuvent sembler être une charge supplémentaire. Dans de tels cas, il est utile de présenter les soins personnels comme une étape nécessaire pour prévenir l'épuisement et conserver la capacité de s'occuper des autres.Pour briser le cycle de l'épuisement zélé, les individus peuvent s'engager dans des activités qui les obligent à être présents et à engager leurs sens, comme cuisiner un repas élaboré. Cela peut offrir un répit bienvenu à la poursuite constante et permettre un changement de perspective.

That’s Not My Burnout alistapart.com

RSS Hunter • 20 mai 2021

Méfiez-vous de la personnalité du copier-coller

Le site web 'This Person Does Not Exist' utilise l'IA pour créer des visages réalistes mais faux, mettant en évidence une faiblesse dans la pratique courante de la conception qui consiste à utiliser des personnages. Alors que les personnages visent à représenter des types d'utilisateurs à travers des personnages fictifs dotés de profils détaillés, ils ne parviennent pas à refléter les utilisateurs réels. C'est parce que les personnages sont des représentations décontextualisées qui présentent les individus comme statiques, ignorant l'influence de l'environnement et des facteurs situationnels sur le comportement. Les personnages deviennent souvent des moyennes insignifiantes qui combinent des découvertes isolées provenant de différents individus, ce qui entraîne un manque de profondeur et de vrai rapport. Alors que les designers tentent de compenser cela en ajoutant des détails fictifs, cela détache encore plus le personnage de la réalité et renforce les stéréotypes. Au lieu de se fier aux personnages, les designers devraient se concentrer sur la compréhension des individus réels dans leurs contextes dynamiques, une approche appelée 'Dynamic Selves'. Cela implique d'étudier en profondeur un échantillon bien choisi d'individus, plutôt que de recueillir superficiellement des informations auprès d'un grand groupe. En se concentrant sur les expériences et les motivations de la vie réelle, les designers obtiennent des informations plus précises et plus éclairantes pour informer leur processus de conception. Cette approche reconnaît la fluidité du comportement humain et le rôle significatif du contexte dans la formation des actions et des décisions. En déplaçant le focus des représentations artificielles vers la compréhension du monde réel, les designers peuvent créer des solutions de conception plus significatives et plus efficaces.

Beware the Cut ‘n’ Paste Persona alistapart.com

RSS Hunter • 6 mai 2021