Le recueil recueille de nouveaux articles sur la conception d'interfaces, ainsi que des outils, des modèles, des cas, des tendances et des histoires historiques depuis 2009. Je filtre soigneusement un large flux d'abonnements afin que vous puissiez améliorer vos compétences professionnelles et mieux résoudre les tâches professionnelles. Numéros précédents:
avril 2010-juillet 2019 .
Modèles et meilleures pratiques
Analyse de la nouvelle interface de réunion des utilisateurs dans le service de messagerie Superhuman.
Virginia Start de Shopify démonte la différence dans les formulaires de données d'adresse à travers le monde. Elle donne des options pour les champs individuels et leurs groupements.
Andy Clarke poursuit une série d'expériences avec une mise en page de magazine intéressante sur le web.
Tony Moreno d'IBM parle d'un cercle vicieux de systèmes d'entreprise inefficaces. Ils ne sont pas pratiques, il faut donc du temps pour les moudre. Dans le même temps, l'employé consacre beaucoup d'énergie à combattre le système et ne reste pas en place longtemps, vous devez donc en chercher un nouveau et consacrer à nouveau du temps à sa formation.
Anna Kaley du groupe Nielsen / Norman analyse les règles et les exemples de création d'une bonne page de contact sur le site.
La page Laubheimer du groupe Nielsen / Norman réfute le vieux mythe de la disponibilité de toute tâche en trois clics. Il propose un ensemble de techniques d'architecture de l'information qui permettront d'améliorer toute navigation.
Analyse de la nouvelle interface de rencontre utilisateur dans le service de réservation Hopper.
Analyse de la nouvelle interface de rencontre utilisateur dans le service de rencontres Tinder.
Recherche de l'Institut Baymard
Systèmes de conception et directives
L'alphabet chic de la création de systèmes de conception de Mike Dick de Survey Monkey. Conseils pour la gestion du système en tant que projet et produit
Cadre du système de conception React.
L'équipe Vox Media parle suffisamment en détail de la mise en œuvre progressive du support pour les utilisateurs handicapés. De la part de la conception et du développement.
L'équipe de conception de VMWare Clarity parle du processus de mise en œuvre du support pour les utilisateurs handicapés.
Les créateurs de Storybook ont créé leur propre système de conception pour travailler sur le framework.
Dépôt et
histoire à ce sujet .
Marco Paglia d'Uber explique comment l'équipe de conception utilise le système de conception de base.
Katarzyna Dziaduś de Netguru parle de la création d'un style unique d'illustration et de concepteur de parcelles pour lui.
Le service génère un ensemble de jetons pour le système de conception basé sur le site ou la disposition dans Figma, Sketch ou Adobe XD. Produit un fichier pour les préprocesseurs. Certes, un tel code peut difficilement être utilisé dans un produit en direct.
À propos de Jay Freestone, le terme «conception réactive» perd progressivement son sens. À l'ère des systèmes de conception, les composants eux-mêmes s'adaptent à la taille de l'écran et il sera de moins en moins nécessaire de définir la logique au plus haut niveau. Il l'appelle design intristique.
Ariana Escobar de Heroku parle d'améliorer systématiquement le contraste des couleurs dans leur système de conception.
Conception matérielle
Allen Huang et Rohan Shah de l'équipe Android parlent de
recherches qui ont fait de la nouvelle approche de la navigation gestuelle la principale . Le compromis semble controversé (par exemple, il sera plus difficile de pousser le menu latéral), mais c'est un gadget.
Que peut-on faire avec les panneaux supérieur et inférieur ?
Compréhension des utilisateurs
Kara Pernice du groupe Nielsen / Norman décrit les méthodes de lecture de texte que les utilisateurs pratiquent dans différentes situations. Pour certains d'entre eux, ils ont publié des articles détaillés séparés.
Kara Pernice du groupe Nielsen / Norman parle du modèle de «gâteau de couches» avec lequel les utilisateurs scannent les informations à l'écran. Il s'agit d'une version plus avancée du modèle F, car elle est basée sur une hiérarchie d'informations compétente.
Caroline Jarrett et Janice «Ginny» Redish décrivent des problèmes dans les formules d'évaluation de la lisibilité du texte. Ils se contredisent souvent et résolvent le mauvais problème - ils simplifient la livraison des mots, pas le sens du texte.
Une expérience amusante qui montre clairement la nuisance des retards de réponse de l'ordinateur lors de l'impression de texte.
Une petite confirmation qu'il est plus pratique pour les utilisateurs de résoudre des problèmes complexes derrière un ordinateur grand écran ou un ordinateur portable. Calculs de l'étude Nielsen / Norman Group par Kate Moran et Kim Flaherty.
Architecture de l'information, conception conceptuelle, stratégie de contenu
Instruction de Sarah Gibbons du Nielsen / Norman Group sur la création de cartes cognitives avec les utilisateurs. Ils vous permettent de mieux comprendre leur idée d'un sujet ou d'un domaine.
Nouveaux outils de conception d'interface
L'outil pour travailler avec une grille d'éléments répétitifs, familier de Figma et Adobe XD, est apparu - vous pouvez changer la distance entre les colonnes et les lignes. En version bêta, la taille des caractères comme les boutons change finalement automatiquement lors du changement de texte et d'autres contenus.
Adobe xd
Mise à jour d'août . Panneau de plugins repensé, édition dans Photoshop, exportation de code avancée et autres améliorations d'interface.
Flinto
Il y avait une
importation de Figma et un thème sombre.
La nouvelle version a des composants. Interface repensée et marque actualisée.
Cours
Un outil pour les illustrateurs et animateurs en réalité virtuelle de Facebook.
Le service fait une belle capture d'écran du code pour n'importe quel réseau social.
Figma
Dropbox Adam Noffsinger explique comment l'équipe a configuré les modèles .
Astuces
Philippe Hong - raccourcis clavier et fonctionnalités un peu moins évidentes.
Plugins
Skew : crée une version de la mise en page dans la projection pour les promotions et la soumission au portefeuille.
De nouveaux générateurs de palette de couleurs apparaissent environ toutes les 10 minutes. Muzli en a rassemblé les plus utiles (et c'est plus de cinquante).
Brendan Mahony a rassemblé une douzaine d'extensions Chrome intelligentes pour les concepteurs.
Recherche et analyse des utilisateurs
Le meilleur article sur la mise en œuvre de la base de connaissances et les idées d'Etienne Fang d'Uber. Elle parle des conditions préalables, des premières étapes et des erreurs, des caractéristiques organisationnelles du roulement - jusqu'à présent, personne n'a écrit plus pratique.
Préparez et effectuez vous-même des tests d'utilisabilité . Une note sur les tests d'utilisabilité pour les débutants d'Emilia Gorodovyh de Contour.
UserFocus David Travis compare le niveau d'automatisation des méthodes de recherche d'utilisateurs aujourd'hui et il y a 16 ans. Il divise leurs données en «maigres» (données quantitatives) et «audacieuses» (observations et histoires).
Bons conseils de Jeff Sauro pour choisir des métriques dépendantes pour une recherche personnalisée. Dans un article précédent, il a décrit les
types de variables .
Configuration UX Lab simple par Michael Margolis de Google Ventures.
Jeff Sauro a passé en revue les méthodes d'examen par les pairs de l'interface qui ont émergé au cours des 30 dernières années.
Conseils judicieux de Dan Brown d'EightShapes sur les questions de rattrapage dans les entretiens avec les utilisateurs et les clients. Ils vous permettent de trouver plus d'informations.
Stephanie Guaman de Facebook parle de techniques de recherche d'utilisateurs inhabituelles.
Programmation visuelle et conception dans le navigateur
Eric Bailey parle des limites des appareils et des programmes pour les utilisateurs handicapés qui travaillent avec Internet. Ainsi que la disposition des zones à problèmes pour eux.
Expériences avec la mise en œuvre de grilles inhabituelles sur le Web et les mises en page en général de Jen Simmons.
Nouveaux scripts
Mises à jour du navigateur
Mesures et ROI
Jeff Sauro explore dans quelle mesure le nombre d'options de réponse influence la volonté de recommander l'utilisation de l'échelle de l'enquête. Une échelle plus petite signifie une qualité des données moins bonne, bien qu'il y ait une légère augmentation de la vitesse. À en juger par son autre
analyse de l'échelle NPS simplifiée , l'augmentation de la vitesse est illusoire.
Jeff Sauro décrit les fonctionnalités de la métrique NASA TLX (Task Load Index), qui mesure la charge de l'utilisateur.
Gestion de la conception et DesignOps
Jared Spool décrit une approche intéressante pour améliorer la culture globale du design dans une entreprise. Le concepteur a mené des séances quotidiennes de critique de conception pour les développeurs, qui ont progressivement amélioré leur compréhension des techniques de base de la conception d'interfaces.
Comment fonctionne l'équipe de conception Instacart?
Scott Strubberg d'IBM parle de sa liste d'outils de conception d'interfaces, qui aide les différents départements de l'entreprise à allouer correctement un budget pour l'achat et à le justifier en général.
Jonathan Walter de Rockwell Automation pour des sessions régulières de critique de conception de produits. La deuxième partie avec une description des méthodes.
Emmet Connolly d'Intercom parle du processus d'introduction de nouvelles méthodes et pratiques à l'équipe de conception. Une partie importante de l'article est consacrée aux questions philosophiques générales, mais dans le dernier tiers, elle est juste la plus intéressante.
Étuis
Jon Friedman de Microsoft parle brièvement d'un sujet sombre dans MS Office. Un peu de contenu, mais la vidéo est magnifique.
L'histoire
Présentation de l'interface du premier Kindle d'Amazon.
Les tendances
Alen Faljić tente de justifier le métier de «business designer». Il s'agit d'un domaine très spécifique, imitant un chef de produit moderne dans les sociétés de conseil. Nous pouvons dire que c'est une autre tentative de reconditionner la pensée de conception, seulement maintenant avec une entrée (assez superficielle) dans la stratégie commerciale. Il y a des
conférences sur le sujet .
Statistiques du marché pour le T2 2019
12,3 millions -
fournitures de montres intelligentes dans le monde26.1M -
fourniture d'enceintes intelligentes dans le monde .
Conception algorithmique
Luban Robo Designer d'Alibaba aide à créer des bannières. Le vendeur choisit le style et les tailles cibles, puis toutes les options nécessaires sont générées. Ils écrivent que presque tous les graphiques publicitaires sur Tmall en ont fini.
Un autre examen .
Autre exemple de magie vicieuse - la solution expérimentale de Nvidia transforme le croquis en une photographie du paysage naturel.
Un autre ancien employé de Grid a lancé un outil expérimental de conception algorithmique. Il génère des jetons du système de conception.
Son autre expérience sur ce sujet .
Un outil de conception expérimentale qui vous permet de terminer la peinture d'une photo avec des objets prêts à l'emploi - par exemple, ajouter un arbre ou un nuage.
Une expérience de chercheurs de l'Université de Washington et Facebook vous permet d'animer un personnage à partir d'une photo ordinaire.
Des chercheurs nationaux de Samsung expérimentent la création d'une vidéo d'un personnage parlant à partir d'une photo ou d'une image.
Le deuxième projet de recherche d'Adobe identifie les photographies traitées.
Histoire vidéo .
Il y a tellement de générateurs de visages crédibles que même «Hot or Not» leur est apparu.
Un service expérimental transforme une photo en portrait classique.
Quelques mots sur lui .
Un service expérimental transforme une photo en portrait classique.
Quelques mots sur lui .
Une collection d'interfaces animées fantastiques.
Les navires de guerre américains réduiront le nombre d'écrans tactiles après une récente collision avec un navire civil.
Pour le développement général et professionnel
Fabricio Teixeira et Caio Braga s'attaquent aux défis de la série d'articles sur les genres de produits. Il y en a d'innombrables et souvent ils sont stéréotypés, ils ne résolvent pas le problème principal - que l'auteur soit embauché. Ils donnent des exemples de cas réussis et donnent des conseils aux concepteurs.
Cours explicatif de conception de livre / interface par Christopher Murphy. Servi comme affiné pour fonctionner dans Adobe XD, mais les premiers chapitres publiés s'appliquent à n'importe quel outil.
Pour la tirelire, la réaction des utilisateurs est trop exaltée à de simples changements qui ne cassent en rien les scénarios ou la reconnaissance des utilisateurs. Snapchat a changé l'épaisseur du trait à l'intérieur de l'icône de l'application et a pris beaucoup de points négatifs. Les gens menacent de désinstaller l'application.
Parcourez des documentaires et des émissions de télévision pour les designers et artistes sur Netflix.
Personnes et entreprises de l'industrie
Une bonne analyse de la façon dont les créateurs d'outils de conception construisent une communauté autour d'eux. Les opinions de leurs créateurs et des exemples dans chacun des domaines de travail.
Site Web de l'équipe de conception Intercom. Articles et aperçu du processus de travail. Par exemple, les
postes et les exigences pour eux , le
processus et les
principes de conception , l'
influence du concepteur .
Blog de l'équipe des rédacteurs d'interface de Typeform.
Actes de conférence
SmashingConf Toronto 2019 a eu lieu les 25 et 26 juin à Toronto. Les organisateurs ont publié une vidéo des performances. Une partie du développement, mais il y a des histoires sur le système de conception.
Abonnez-vous au résumé sur Facebook , VKontakte , Telegram ou par courrier - de nouveaux liens apparaissent chaque semaine. Merci à tous ceux qui partagent les liens dans le groupe, en particulier Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov et Anton Oleinik. Un merci spécial à l'équipe Setka pour l'éditeur et à Alexander Orlov pour le style visuel.