🐊 👨🏿‍🤝‍👨🏽 👩🏾‍🌾 Food Design Digest, février 2020 💮 🤱🏻 🚦

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-janvier 2020 .

Food Design Digest, février 2020

Modèles et meilleures pratiques

Comment concevoir des applications mobiles pour une utilisation à une main

Maitrik Kataria a rassemblé une bonne collection de modèles frontaux pour utiliser les applications mobiles d'une seule main. Il a enregistré des screencasts de bons exemples et en a fait ressortir beaucoup.

Glisser-déposer - Comment concevoir pour une facilité d'utilisation <

Magnifique rappel pour la conception et la conception de l'interface glisser-déposer de Page Laubheimer du groupe Nielsen / Norman. Comment le rendre bon sur le web et sur mobile.

Vivre sur le bord - comment concevoir des cas de bord au début du processus

Tridip Thrizu propose son approche de l'élaboration des états d'interface. Il divise les méthodes d'affichage en permanent et temporaire, clé et auxiliaire.

10 types maléfiques de modèles UX sombres

Danny Sapio de Skookum a compilé 10 motifs sombres couramment utilisés.

Exécution d'animations UX: caractéristiques de durée et de mouvement

La page Laubheimer du groupe Nielsen / Norman donne des conseils sur l'optimisation des animations dans les interfaces.

Comment filmer et photographier pour plus de convivialité - Détails UX pour les vidéos et les images

Aurora Harley du Nielsen / Norman Group donne des conseils sur la façon de rendre les vidéos et les photos pédagogiques plus compréhensibles pour les utilisateurs.

Torrey Podmajersky - Rédaction stratégique pour UX

O'Reilly a publié le livre de Torrey Podmajersky Strategic Writing for UX sur les textes frontaux. Avis d'UXmatters.

Soit dit en passant, UXmatters et A List Apart ont publié des extraits d'un autre livre sur le sujet: Michael J. Metts et Andy Welfle «Writing Is Designing».

Systèmes de conception et directives

Conception de contenu sous la surface

Linette Voller d'Atlassian offre un modèle génial pour la description systématique de textes dans une interface. Elle utilise l'idée des calques Jesse James Garrett et y expose tous les outils de communication textuelle.

Thème sombre

Mode sombre contre Mode d'éclairage - Quel est le meilleur?

Raluca Budiu du groupe Nielsen / Norman a compilé des calculs à partir d'études sur la perception d'un sujet sombre et clair. Dans la plupart des cas, un sujet léger facilite la lecture.

Favicon SVG sur le thème clair et foncé utilisant la fonctionnalité multimédia CSS prefers-color-scheme

Catalin Red montre comment changer le favicon d'un site pour un thème sombre.

Conception des sous-tâches du système, par étape

La liste de contrôle la plus intelligente pour travailler sur les composants (et toute autre partie) du système de conception de Nathan Curtis. À quelles étapes passe-t-on d'une proposition à un déploiement avec une liste détaillée des étapes spécifiques.

L'interface utilisateur du système de conception coûte plus cher que l'interface utilisateur d'une équipe produit

Dans le prochain article, Nathan Curtis montre la différence des coûts de main-d'œuvre pour créer un composant à partir de zéro et dans un système de conception. Initialement, il n'est pas en faveur du système de conception, mais est compensé plus tard.

Comment les systèmes de conception utilisent le livre d'histoires

Dominic Nguyen a compilé des exemples de la façon dont les grands systèmes de conception utilisent le livre d'histoires.

Systèmes de conception, agile et industrialisation

Discussion par Brad Frost, Dave Rupert et Jeremy Keith sur la question de savoir si les systèmes de conception tuent la créativité et s'ils sont du nouveau taylorisme. Comme ailleurs, l'équilibre est nécessaire et tout excès provoque un rejet.

Navigation pour les systèmes de conception et les guides de style

Un aperçu des directives de navigation en direct par Danielle Romo.

Conception Microsoft Fluent

Une nouvelle approche des icônes d'application a été déployée .

Conception matérielle

Directives d'animation mises à jour . Dans de nombreux exemples, un outil visuel avec des spécifications est apparu ( code GitHub ).

Compréhension des utilisateurs

Parfum d'information - Comment les utilisateurs décident où aller ensuite

Raluca Budiu du Nielsen / Norman Group décrit une théorie du «flair pour l'information» qui aide les utilisateurs à évaluer l'utilité potentielle des informations sur les sites Web.

Conception comportementale 2020 et au-delà

Une série d'entretiens avec des experts de la conception du comportement des utilisateurs sur l'état actuel de la discipline et ses perspectives.

Nouveaux outils de conception d'interface

Esquisse 63

Améliorations de l'interface sans focus explicite. Et le développement du cloud .

Zeplin 3.0

Il y avait une API et la possibilité de donner un lien vers un composant dans le code.

Abstrait

Nous avons acheté l'équipe ukrainienne Flawless .

Figma Config 2020

La première conférence officielle. Il a annoncé une mise en page automatique améliorée (vous pouvez spécifier le comportement des éléments individuels), une sélection améliorée des couleurs et des polices, des liens vers tous les objets et les pages d'un document (ou externe en général), la prise en charge de nouvelles méthodes de contrôle dans les prototypes (claviers, manettes de jeu, appareils pour les utilisateurs désactivée). Soit dit en passant, si vous ne partagez que le prototype, la disposition elle-même n'est plus donnée. Vidéo de performances .

Plugins

Dan Hollick a décrit des instructions détaillées pour la création de plugins en utilisant l'exemple d'analyse du contraste des couleurs.
Labyrinthe : Le service de tests d'utilisabilité est également disponible pour Figma.
Tapez aujourd'hui : vous pouvez essayer la bibliothèque de polices de la fonderie nationale.
Mémo Yuan Qing Lim sur l'interface plug-in compétente . Comment le rendre utile et pratique.
Idem : facilite la collaboration sur les textes dans l'interface.
JSON vers Figma : chargement des données depuis JSON.

Des articles

Entretien avec le co-fondateur de Dylan Field , qu'il a donné lors de son arrivée en Russie à l'automne 2019.
AMA avec Noah Levin , responsable du design pour Figma.

Champs d'écoulement

L'outil vous permet de créer des rationalisations animées. Expériences similaires de Tyler Hobbs .

Tinkersynth

Un outil simple pour des images abstraites génératives sur le modèle de synthétiseur.

Open Peeps - Bibliothèque d'illustrations dessinées à la main

Une autre bibliothèque d'illustrations gratuite avec le créateur de personnages de Pablo Stanley, le favori de l'industrie.

Iconset

L'outil vous permet de stocker un ensemble d'icônes et de le distribuer aux outils de conception populaires. Il existe une version pour Windows.

Anicons

Police d'icônes avec animation et prise en charge de différentes couleurs.

Recherche et tests utilisateurs

Service Monitoring Digest pour les tests en ligne

Usethics Olga Kryukova a comparé les services de tests d'utilisabilité à distance avec l'évaluation des fonctionnalités. Il est utile que l'accès à la base de données nationale des répondants ait été noté.

Comment maximiser les informations dans les tests utilisateur - Tâches utilisateur échelonnées

Kara Pernice du groupe Nielsen / Norman décrit une approche pour diviser un scénario de test d'utilisabilité en composants qui fournissent différentes informations suggestives. Cela vous permet de vérifier non seulement la commodité de travailler avec la fonctionnalité, mais également sa détectabilité.

Démystifier l'art de donner du feedback à la recherche des utilisateurs

Dalia El-Shimy de Shopify a fait un excellent rappel de recherche d'utilisateurs avec une liste de contrôle détaillée pour chaque étape. Ceci est particulièrement utile pour les équipes de produits modernes, où elles sont de plus en plus réalisées par des designers et des chefs de produit.

Trois objectifs de tests d'utilisabilité

Jim Lewis et Jeff Sauro nous rappellent les trois principaux objectifs des tests d'utilisabilité: détecter les problèmes, comparer avec une métrique spécifique ou une autre interface. L'essence de chacun est bien décrite.

10 choses à savoir sur la boîte à outils Microsoft Desirability

Jim Lewis et Jeff Sauro discutent des fonctionnalités de Microsoft Desirability Toolkit.

Effets culturels sur les échelles d'évaluation

Jeff Sauro a étudié l'influence de différentes cultures sur la distribution des réponses dans des enquêtes comme NPS. Son hypothèse: cela peut affecter le biais des réponses vers plus prononcé ou neutre.

Boostez votre recherche UX agile avec des soluces cognitives informelles

Valentina Strachan de Microsoft parle de l'analyse cognitive étape par étape d'une interface. Cela vous permet de détecter certains des problèmes dans l'interface de manière experte.

Le modèle Notion ultime pour exécuter des tests d'utilisabilité efficaces

Inês Duvergé a publié une note de test d'utilisation dans Notion. Le modèle lui-même .

Dix choses que j'ai apprises en tant que chercheur UX chez Uber

Le chercheur UX Minal Jain d'Uber raconte plusieurs histoires de vie tirées de l'expérience de l'entreprise et de la compréhension des utilisateurs.

Le design est adapté ou non - comment vérifier uniquement l'apparence du produit, et non l'expérience client en général

Elena Borodina parle de tester la conception visuelle à Gazprombank. À l'aide d'un test de 5 secondes, les réactions clés ont été collectées - dans quelle mesure elles correspondaient aux attentes initiales de l'équipe.

Vérification des travaux à effectuer sans parler aux clients

Sergey Borisyuk de PandaDoc explique comment il a identifié les besoins des clients pour compiler une promesse de marque à partir des mots clés dans les avis sur les produits.

5 choses que les chercheurs UX peuvent faire différemment - Une réflexion après les licenciements d'Uber

Elsa Ho analyse le licenciement l'an dernier de la moitié des chercheurs utilisateurs chez Uber dans le cadre de la réorganisation. Quelles conclusions pour le processus et le format de travail peuvent être tirées de cela (et si cela est nécessaire si cela peut être une caractéristique d'une entreprise particulière).

Programmation visuelle et conception dans le navigateur

Nouveaux scripts

Sarah Fossheim a recréé l'illustration de la caméra Polaroid CSS .
L'effet des particules volant autour de l'objet sur la photo .
Décomposition de la photo en un collage spectaculaire .
Générateur de motifs de fond CSS pur .
Il semble que la tendance la plus honteuse de ces dernières années se retrouve désormais partout. Générateur d'ombres pour les éléments non morphiques sur le web .
Animation avec le mouvement du texte le long du chemin .

Disponibilité

Adam Silver montre comment créer un champ de saisie avec des invites et une saisie semi-automatique en tenant compte des exigences d'accessibilité pour les utilisateurs handicapés.

Mesures et ROI

8 Manipulations du Net Promoter Score - Quels sont ceux qui importent?

Jeff Sauro et Jim Lewis ont rassemblé toutes leurs mini-recherches sur les caractéristiques de l'utilisation du NPS.

Gestion de la conception et DesignOps

Vectorly - Apprentissage et développement pour les équipes produits

Le service vous permet de maintenir des cartes de compétences pour une équipe de conception. Évaluation, définition d'objectifs, suivi de tâches réelles.

Calcul du retour sur investissement pour les projets de conception en 4 étapes

Un excellent rappel pour Kate Moran du groupe Nielsen / Norman sur le calcul de la conception du retour sur investissement. Comment choisir les mesures appropriées et les convertir en argent.

Défragmentez votre calendrier pour concentrer votre esprit

Conseils pour organiser un gestionnaire de conception de calendrier de Mia Blume. Comment organiser un flux sans fin de réunions.

Comment nous embauchons des concepteurs de produits

Zander Brade de Monzo décrit le processus d'embauche de designers pour une entreprise. Instruction étape par étape.

Nivellement mensuel pour la victoire

Leslie Yang d'Open Table donne des conseils sur la façon de travailler régulièrement sur une carte de compétences. Comment et quel type de réunions mener pour avancer sur ce sujet.

L'art de diriger des équipes à distance

Alaine Mackenzie de Shopify donne des conseils sur la gestion des équipes de conception à distance. Elle note que la complexité dépend du degré de distribution et, curieusement, le moyen le plus simple est avec des personnes complètement dispersées - alors il n'y a pas de groupe local qui devient inévitablement le cœur de toutes les activités.

Organiser, convoquer, amplifier

Scott Strubberg parle de la base de connaissances de conception interne d'IBM. Il y a peu de détails et l'accès est fermé, mais un exemple intéressant de la catégorisation des informations de référence.

Travail en équipe

Ateliers UX vs Réunions - Quelle est la différence?

Kate Kaplan du groupe Nielsen / Norman a fait un mémo des réunions et des séances de travail que l'équipe de conception peut mener. Il montre également la différence entre les formats et les recommandations d'utilisation dans des situations typiques.

Gestion des produits et analyse

Croissance par la création de nouveaux produits pour le public actuel de l'entreprise

Oleg Yakubenkov analyse les situations où une grande entreprise peut se développer en créant de nouveaux produits pour son public actuel.

Étuis

Comment Waymo utilise le design pour créer la confiance dans les voitures autonomes

Casper Kessels analyse l'interface de la voiture autonome Waymo qu'un passager voit en voyage. Traduction .

Comment repenser, guide étape par étape

Taras Bakushevich de Windmill Solutions décrit son approche de la refonte des interfaces.

Comment nous avons mis à jour l'interface Yandex.Zen dans le bureau: processus de conception

Ulyana Salo parle de la mise à jour de l'interface Yandex.Zen. Comment optimiser la navigation et le flux d'informations.

Changements invisibles

Sarah Klearman de Medium parle de refactoriser la conception de la page d'un article et d'affiner le système de conception de celui-ci.

Une bibliothèque pour appeler la vôtre

Raymonst parle de la refonte de la fonctionnalité de sauvegarde en favoris dans Medium.

Image de marque de produit numérique

Skyeng

Rebranding Skyeng par Shuki. Actualisez, ajoutez du caractère et soutenez l'architecture de la marque en pleine croissance. Cependant, l'application à l'interface elle-même n'est pas affichée. Cas dans le portefeuille .

Mixcloud

Rebranding du service de musique Mixcloud de British Output. Bonne réception avec la pénétration d'une onde sonore propriétaire dans le logo, la police, l'animation et d'autres détails. Cas dans le portefeuille .

Eventbrite

Rebranding Eventbrite calendrier des événements de Moving Brands. Il existe des exemples de touchés sur le Web, bien qu'il n'y ait pas beaucoup de caractère. Cas dans le portefeuille .

Tripadvisor

Rebranding Guide de Voyage TripAdvisor de New York Mother Design. Un bon exemple de simplification simple et de rafraîchissement sans contrainte. Cas dans le portefeuille .

Récit

Sur la pensée design

Une bonne analyse de l'histoire de l'apparition de la pensée de conception et des approches généralement systématiques de la conception de Maggie Gram. Et, bien sûr, des problèmes de commercialisation, lorsqu'un tel label est apposé à sa place.

Le tableau de bord Xbox, une histoire visuelle

Cameron Faulkner a démonté l'évolution de l'interface pour toutes les versions de la Xbox.

Les tendances

Tendances créatives 2020 - Tendances de conception basées sur les données

Tendances en photographie de Shutterstock.

Conception algorithmique

Lingua Franca - Un langage de conception pour l'IA centrée sur l'homme

Langage de conception algorithmique à partir de la notation standard. Principes, modèles, processus.

Créateur de logo gratuit - Créez votre logo en 5 minutes

Générateur de logo de Fiverr. C'est drôle, car c'est exactement le type de pigistes peu coûteux qui devraient souffrir de la conception algorithmique.

Que signifie réellement un site Web pliable?

Frederick O'Brien analyse les fonctionnalités de mise en page pour les appareils dotés d'écrans flexibles. Sont-ils différents du support habituel pour l'adaptabilité et quels standards et développements existent déjà?

Pour le développement général et professionnel

Trine Falbe, Martin Michael Frederiksen & Kim Andersen - Le manuel de conception éthique

Smashing Magazine a publié un nouveau livre. Il se concentre sur l'éthique moderne lors de la création de produits numériques qui évitent les motifs sombres. Présentation .

Six exercices pour surmonter les plateaux de compétences en tant que concepteur

Richard Yang donne des conseils sur l'amélioration des compétences des concepteurs de produits. Exercices, cours, livres et l'approche de développement elle-même.

La compétence de conception la plus importante négligée

Chris Lee conseille aux designers d'apprendre à analyser leur travail et leur rôle dans le produit. Cela contribuera à mieux grandir et à rendre les entretiens plus efficaces.

Personnes et entreprises de l'industrie

Attitude envers les équipes de conception de produits: 2019

À l'automne, il a lancé une étude sur les attitudes envers les équipes de conception de produits en Russie. Enfin recueilli les résultats. 1260 personnes y ont participé - deux fois plus qu'en 2018 , même si pour des résultats qualitatifs il vaut encore mieux en tenir compte (j'en tiendrai compte en 2020).

En Russie, il y a suffisamment de sociétés alimentaires solides et d'équipes avec des designers puissants et des produits internationaux solides. Beaucoup d'entre eux aident la communauté du design avec des conférences, des réunions, des concours et d'autres choses utiles.

Une telle notation sera utile au marché. Les concepteurs devraient mieux comprendre où il y a de bons défis et un environnement confortable pour la croissance professionnelle. Entreprises et équipes de conception - voyez ce qui doit être téléchargé. Ce sera un outil utile pour évaluer les investissements dans une marque RH.

Bonus collectéUne liste d'éminentes équipes de conception de produits avec des liens vers leurs sites, blogs et systèmes de conception. Comme vous pouvez le voir, cela répète presque complètement la note :) Jusqu'à présent, la version bêta, mais je la développerai activement, fera un bon ajout au Design Systems Club .

Dans le même temps, il refait le site du prochain livre sur la gestion du design . Jusqu'à présent, le plus probable est de passer à une nouvelle plate-forme avec une base pour l'avenir.

PS Un merci spécial aux communautés de designers qui ont aidé à recueillir les réponses. Tout d'abord - Odi et RECHERCHE DE DESIGNER .

Design chez Sberbank

Le site de l'équipe de conception de Sberbank.

Larry Tesler, le pionnier de l'interface utilisateur responsable de couper, copier et coller, décède à 74 ans

Larry Tesler, l'une des personnes clés de l'histoire des interfaces modernes, est décédé :(
Il a travaillé dans le légendaire laboratoire Xerox PARC, puis dans les premières années d'or d'Apple. Il a proposé le concept du copier-coller tout en travaillant sur un éditeur de texte expérimental , a plaidé pour le rejet de la modalité dans les interfaces. Il est crédité de la paternité des phrases clés «convivial» et «ce que vous voyez est ce que vous obtenez». Il a été l'un de ceux qui ont montré les réalisations de Xerox PARC à Steve Jobs (et a aidé à les introduire dans le Macintosh depuis Apple). les légendes ne sont restées qu'Alan Kay.

Actes de la conférence

Sommet du leadership en design 2019

La conférence Design Management Summit 2019 Design Management s'est tenue du 4 au 5 novembre à Toronto. Enregistrements de discours publiés.

Facebook, , ― . , , , , , , , , , . .

Food Design Digest, février 2020