Le recueil recueille de nouveaux articles sur la conception d'interfaces, ainsi que des outils, des modèles, des cas 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 2018 .
Modèles et meilleures pratiques
Nathan Gitter a été impressionné par la présentation de «Designing Fluid Interfaces» à la WWDC 2018 et a créé une série de solutions d'interface expérimentales qui montrent des animations similaires pendant le contrôle gestuel.
Thérèse Fessenden du groupe Nielsen / Norman parle de la théorie de la visibilité et de l'interprétation des éléments d'interface. Leur combinaison affecte la perception du produit dans son ensemble.
Saadia Minhas analyse en détail les situations dans lesquelles vous devez utiliser la case à cocher et l'interrupteur à bascule - elles résolvent des problèmes similaires, mais ne sont pas interchangeables.
Une autre bibliothèque de modèles d'applications mobiles.
Le concept chic de développer des notifications et du multitâche dans iOS de Kévin Eugène. La notification peut interagir avec l'application qui est maintenant ouverte, ce qui donne de nombreuses fonctionnalités intéressantes.
Mémo de conception mobile de Stéphanie Walter. Depuis l'époque du livre classique Luke Wroblewski, peu de choses ont changé, mais sa nouvelle édition n'est clairement pas suffisante, donc l'article est utile. La partie 2 traite du
traitement des champs de saisie sur mobile .
Un guide visuel intelligent pour visualiser les données.
Amazon utilise un motif sombre plutôt difficile - contrairement à l'approche standard relativement saine, «nous jetons une évaluation positive dans le magasin d'applications, un retour négatif», ils ne permettent tout simplement pas de laisser de mauvaises critiques (ils disent que c'était trop long).
Kim Flaherty du groupe Nielsen / Norman a identifié plusieurs domaines dans lesquels Amazon travaille mal et donne à d'autres magasins en ligne la possibilité de se démarquer.
Recherche de l'Institut Baymard
Edward Scott écrit sur l'
importance d'un moyen explicite de retourner un article dans un magasin hors ligne.Systèmes de conception et directives
Équipe SteelKiwi Inc. compare l'implémentation des tâches d'interface typiques dans Android et iOS. Un mémo approprié pour ceux qui commencent tout juste à apprendre les spécificités des plateformes mobiles.
Kyle Peatt raconte l'histoire du système de conception Shopify Polaris. Une analyse très appropriée des fonctionnalités et des problèmes de mise en œuvre et de vulgarisation de la plateforme. Par exemple, de nombreuses entreprises considèrent le système de conception comme un moyen d'élever le niveau de base de la conception de produits, mais les solutions standard peuvent limiter les concepteurs; par conséquent, ils font constamment des «concept cars» - des expériences avec des modèles d'interface dans l'esprit d'une conception unique qui font avancer Polaris.
Matt Bond a récemment déménagé à Asana, mais était à l'avant-garde du système de conception Atlassian. Il parle des principales conclusions qu'il s'est faites en travaillant dessus.
Les inscriptions à la conférence spécialisée Clarity à New York (10-12 décembre) sont ouvertes. Le premier était le feu, le second complètement dans le lait (
était là et s'est détaché ). Il n'y a pas encore de nouveau programme, mais vous devez faire attention à ne pas craquer pour la présentation qui n'a plus grand-chose à voir avec le sujet.
Android P est sorti de la version bêta et est déjà disponible sur certains appareils.
EK Chung, le responsable du design d'Android, parle des principes énoncés dans la nouvelle version .
iOS 12
Parcourez les enregistrements vidéo d'apparences de conception avec Apple WWDC 2018 .
Compréhension des utilisateurs
Daniel Stefanovic rassemble les principes de la psychologie pour les concepteurs sous une forme visuelle avec des références à la théorie. Bien qu'il n'y en ait pas beaucoup, mais la liste devrait être réapprovisionnée.
Architecture de l'information, conception conceptuelle, stratégie de contenu
De nouvelles recherches sur les dangers de la lumière bleue dans les interfaces modernes sont encore plus tristes - elles disent qu'elles conduisent à une perte de temps irréversible.
New Riders a publié le livre de Carrie Hane, Designing Connected Content: Plan and Model Digital Products for Today and Tomorrow (Voices That Matter), en décembre 2017. Il est dédié au travail sur le contenu de sites Web et de produits d'information complexes, l'interface et le contenu sont étroitement liés et il est souvent difficile de savoir exactement ce qui doit être conçu en premier, puis quoi.
Webinaire de l'auteur .
Conception et conception d'écrans d'interface
Encadreur x
Parlez progressivement des principales fonctionnalités de Framer X:
mises en page et
dessin . Travailler avec des mises en page est extrêmement intéressant et promet de simplifier considérablement la vie des concepteurs. Antoine Plu partage ses
impressions sur la version beta de Framer X (il a enregistré un screencast de l'oeuvre).
Les versions bêta arrivent déjà progressivement à tous ceux qui attendent. Et il y a aussi une
description officielle du fonctionnement des composants . La possibilité d'importer des composants sur React est mentionnée.
Figma
Ajout de
méthodes avancées pour interagir avec le prototype .
Un petit cours de Designlab .
Adobe xd
Mise à jour d'août : amélioration du travail de publication des spécifications pour les développeurs.
Mise à jour de juillet : intégration avec des outils tiers.
L'outil permet de collecter et de tester des prototypes interactifs d'interfaces. Importez depuis Sketch et des analyses assez étendues pour l'exécution de script.
Koos Looijesteijn a comparé Sketch, Figma, Adobe XD, UXPin et InVision Studio de plusieurs manières.
Un pack de modèles chics pour des croquis d'interfaces de réalité augmentée et virtuelle de Vladimir Kurbatov.
Recherche et test utilisateur, analyse
Service pour travailler avec la base de connaissances. Il aide à regrouper les données de recherche des utilisateurs pour trouver des idées utiles pour le développement de produits parmi eux. Pendant plusieurs années, il était en version bêta et maintenant la
première version est en cours de
préparation .
Le directeur créatif de Mail.Ru Dmitry Osadchuk et le chef du laboratoire UX Ksenia Sternina ont parlé à l'équipe d'une série de tests UX pour les vidéos Beepcar. Cela a aidé à comprendre dans quelle mesure ils fonctionneront pour différents groupes de l'auditoire et à dresser une liste de contrôle pour l'avenir.
Jeff Sauro répertorie les types d'échelles de notation pour les enquêtes auprès des utilisateurs. Grande référence.
Victor Kuptsov d'Usethics partage son expérience dans le test d'interfaces avec des enfants et des adolescents accompagnés de leurs parents. Ces couples ont une dynamique intéressante selon que la mère / père et la fille / fils sont venus.
Programmation visuelle et conception dans le navigateur
Nouveaux scripts
Facundo Corradini montre un
moyen de définir la couleur du texte dans un contrôle en fonction de l'arrière-plan à l'aide de CSS . Cela simplifie la description des composants dans les systèmes de conception.
Le script montre un exemple de morphing de formes sur SVG .
Le script fait une animation dans l'esprit des enseignes au néon avec pour effet de clignoter .
Travailler avec la couleur
Un générateur de variation de couleur pour une couleur particulière est un excellent outil pour travailler sur des lignes directrices.
Typographie Web
Mathieu Triay a fait
un autre examen des polices variables . En général, c'est standard, mais il existe un chiffre utile sur l'enregistrement de la taille du fichier en utilisant une police comme exemple.
Modes de fusion
Bennett Feely vous montre ce que vous pouvez faire avec les modes de fusion CSS . À certains endroits, il ressemble à la plupart des filtres cond dans Photoshop, mais c'est une étape importante pour trouver les limites de ce qui est possible.
Travailler avec SVG
Un outil en ligne permet d'essayer les filtres SVG .
Le plugin pour Chrome et Firefox vous permet d'obtenir rapidement le code final de l'élément sélectionné sur la page, sans rechercher vous-même les dépendances.
Mesures et ROI
Aaron Powers et Scott Mackie d'Athena Health se disputent les récents articles provocateurs d'Alan Cooper et Jared Spool sur le ROI du design. C'est une question saine pour toute équipe de produits - dans quelles activités est-il préférable d'investir des ressources. Les auteurs montrent plusieurs exemples tirés de leur pratique, ce qui a simplifié le choix des équipes.
Mémo de Jeff Sauro pour les métriques d'interface clés.
Stratégie et gestion UX
Angela Huenerfauth et David Teller offrent une méthode extrêmement intéressante pour évaluer la maturité de la conception d'un produit. Ils ont convenu avec les chefs de produit de suivre cet indicateur au fur et à mesure que le développement progresse et de prendre une décision commune sur un niveau d'utilisation suffisant pour sa sortie. Cela semble compliqué, mais c'est probablement parce que l'approche est encore complètement inconnue.
Dani Nordin d'Athena Health décrit l'approche de l'entreprise pour concevoir la dette. La méthode systémique sensée, comme tout le reste sur lequel l'équipe écrit.
Dave Malouf réfléchit sur l'applicabilité du modèle organisationnel Spotify et de toute autre méthodologie et approche de travail. Il est important de comprendre qu'ils impliquent une certaine culture et un certain arrangement qui peuvent fonctionner dans l'une et non dans une autre entreprise.
Comment fonctionnent les équipes de conception célèbres
Andre Le Masurier de Londres Londres explique comment fonctionne l'équipe de conception de la marque .
Interaction d'équipe
Rosenfeld Media a publié
le document Meeting Design: For Managers, Makers, and Everyone de Kevin Hoffman . UXmatters en publie le chapitre 5 sur les styles de facilitation.
Étuis
Une bonne histoire sur le travail de conception de l'application Screenlife pour l'enregistrement vidéo du travail d'un utilisateur sur un mobile d'Elvis Obanya.
Antin Harasymiv de Google explique comment l'animation et le travail technique de l'interface Google Maps fonctionnent dans le corps. Le texte est long mais utile pour comprendre les principes généraux.
Kathryn Whitenton et Sarah Gibbons du groupe Nielsen / Norman montrent comment l'entreprise a utilisé ses meilleures pratiques pour repenser la page d'accueil de son propre site.
L'histoire
L'ancien ingénieur d'Apple
Ken Kocienda publie Creative Selection, un livre sur le processus de conception de l'entreprise à l'époque de Steve Jobs. 9 à 5 Mac en publie un extrait sur le travail sur le clavier à l'écran du premier iPhone.
Stephen Hackett a compilé une collection de 1 500 captures d'écran de MacOS de générations en utilisant l'interface aqua.
Les tendances
Statistiques de marché (II trimestre et premier semestre 2018)
-1,8%
baisse des ventes de smartphones dans le monde16,8%
la croissance des ventes d'enceintes intelligentes dans le monde898K
ventes de smartphones sur le marché secondaire en Russie (Avito)Jeff Sauro a mis à jour son examen annuel des statistiques d'utilisation des smartphones.
Conception algorithmique
La société cinématographique 20th Century Fox a appris à déterminer par la bande-annonce quel segment du public aimerait le film le plus.
Une solution expérimentale d'Uizard transforme des esquisses d'interfaces sur papier en mises en page Sketch assez soignées.
Alibaba a appris à générer automatiquement des noms de produits. Il est temps de plaisanter "quoi, pas avant?".
Interfaces vocales
Page Laubheimer et Raluca Budiu poursuivent l'histoire d'Alexa, de Google Assistant et de Siri, une grande étude conviviale des assistants vocaux. Dans le deuxième article, ils écrivent sur les attitudes des gens à l'égard de tels appareils et les attentes concernant la qualité des réponses et le format des dialogues.
LoupVentures a comparé la qualité des réponses d'Alexa, Cortana, Google Assistant et Siri pour 800 requêtes. S'il n'y avait pas de problèmes pour comprendre la phrase elle-même, alors avec la délivrance d'une réponse appropriée, tout est bien pire.
Concepteur en ligne de robots de discussion et de compétences pour les assistants vocaux Google Assistant et Yandex Alice.
Autres nouvelles sur l'interface vocale
Au cours de la dernière année et demie, de nombreux appareils comme «assistant vocal avec écran» sont apparus. En fait, une telle tâche peut être résolue par n'importe quelle tablette ou smartphone doté d'une station d'accueil.
Il semble que Google prépare un tel régime pour les téléphones Android .
Nuance travaille sur un assistant vocal pour les voitures qui
fonctionnera sans le mot-nom de démarrage d'un assistant .
Une courte histoire sur l'
équipe de Google, qui traite du caractère de l'assistant vocal - blagues, réponses non standard, gestion des situations difficiles.
Contenu de l'assistant Google Hackathon
Just AI partage les conclusions tirées de l'expérience de participation au hackathon .
Redmadrobot parle également de ses expériences .
2e partieHeads and Hands parle de son concept .
Pour le développement général et professionnel
Fabricio Teixeira et Caio Braga écrivent sur la question des articles de design trop superficiels qui dominent les plus profonds et les plus utiles. Une raison est claire - la nécessité de l'auto-promotion. Ils ont effectué une analyse intéressante des articles sur les bulletins d'information et les communautés les plus populaires au cours de l'année écoulée et identifié les types de publications. Naturellement, les conseils pratiques sur les compétences de conception de base dominent, c'est-à-dire des choses plus tactiques.
Et Co étude sur les tendances et l'état actuel du travail à distance pour les designers.
Tiantian Xu a participé au défi personnel «100 mises en page en 100 jours» et a stimulé ses compétences en animation.
David Travis de Userfocus propose une méthode de classement de portefeuille pour les chercheurs personnalisés. Il utilise l'abréviation POWER (Projet, Objectif, Travail, Résultat final, Réflexion) pour spécifier la structure. Cette approche convient également à d'autres spécialistes UX, dont le résultat ne rentre pas dans une série d'images.
Travailler avec des stagiaires
Plusieurs designers-stagiaires d'entreprises bien connues ont écrit sur leur première année de travail et ce qu'ils ont appris pendant cette période:
BuzzfeedIbmDeliverooFacebookGoogleJeoff Wilks d'IBM décrit les compétences clés d'un designer de premier plan dans l'entreprise. Liste de contrôle utile pour tout spécialiste solide.
Muriel Garreta-Domingo et Alberto González Mosquera ont étudié les offres d'emploi des chercheurs utilisateurs et décrit plusieurs approches de sa compréhension par différentes entreprises.
Personnes et entreprises de l'industrie
Le 8 août, l'une des plus anciennes sociétés UX Nielsen / Norman Group fête ses 20 ans.
Jacob Nielsen a recueilli les articles les plus populaires pour chaque année d'activité de l'entreprise - ils rendent un grand service à la communauté professionnelle, partageant avec nous une telle masse d'utilité. Et souvent, ce sont des matériaux assez profonds et pertinents qui définissent encore les tendances après tant d'années.
depuis le printemps, vc.ru dirige une excellente série d'histoires de studios de design et d'agences créatives russes. Déjà une douzaine d'histoires sont sorties avec un bon aperçu de l'entreprise et des résultats.
Blog de l'équipe de conception Skyscanner. Dans un article récent, David Hamill montre
comment les concepteurs renforcent la description des problèmes d'interface avec les bandes dessinées afin que l'équipe produit les corrige .
Blog de l'équipe de conception Asana. C'est encore vide, mais les gars sont pleins d'entrain et devraient se balancer.
Blog de l'équipe de conception de la société de jeux Space Ape Games.
Shopping pour les studios de design par les grandes entreprises
Le service d'échange de fichiers
WeTransfer a acheté FiftyThree , le créateur de l'application papier à succès pour dessiner sur iPa. Ils disent qu'ils veulent devenir l'un des principaux produits pour les designers et autres travailleurs de l'industrie créative.
Actes de conférence
Rapport sur le cours, qui s'est déroulé du 13 au 17 août à Londres. Résumés des performances de Stink Studios, Net-A-Porter, Native Design, Intuit, Modern Human, UX Study, Badoo, Fjord, Space Ape Games, Spov et R / GA.
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.