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-juin 2018 .
Modèles et meilleures pratiques
L'analyse la plus puissante de l'interface explique pourquoi les développeurs utilisent activement la ligne de commande et la préfèrent à l'interface graphique. Micah Linnemeier d'IBM travaille sur des produits professionnels et voulait aller au fond des vrais avantages et inconvénients en termes d'interaction, pas seulement des biais typiques.
Rhiannon Jones de Deliveroo décrit l'approche de l'entreprise en matière d'écriture de messages d'erreur. Ils les divisent en plusieurs catégories et choisissent la clé en fonction de cela.
Amber Case parle des problèmes des écrans modernes qui émettent de la lumière bleue - cela met vos yeux et interfère avec le sommeil. La lumière bleue émet le plus d'énergie, donc
dans un autre article, elle et les scientifiques recommandent le rouge-orange que les militaires utilisent la même BMW.
Luke Wroblewski a étudié les applications de location de vélos et a comparé les étapes à suivre avant de rouler. Beaucoup compliquent inutilement le processus en demandant une formation d'utilisation excessive ou abusive.
Le laboratoire expérimental essaie de déterminer quels formats de nouvelles conviennent à la génération Z. Dans la première partie de l'article, Tristan Ferne discute des approches disponibles sur le marché. Dans la deuxième
équipe de conception, ils ont réalisé plusieurs prototypes interactifs .
Alyona Kirdina donne des exemples d'interfaces de jeu utiles pour les applications Web et mobiles classiques.
Dre Zhou d'Askable montre comment le pré-remplissage de formulaires et l'évitement de résultats complètement nuls améliorent la conversion et le confort de l'utilisateur.
Jeff Sauro a analysé plusieurs grandes sociétés de soins de santé américaines et a comparé leur facilité d'utilisation avec la métrique SUPR-Q. Il donne des problèmes typiques pour de tels sites.
Kim Flaherty du Nielsen / Norman Group vous explique comment afficher au mieux les sections d'aide et de support sur votre site.
Recherche de l'Institut Baymard
Edward Scott parle de la
nouvelle étude de la société sur la gestion des profils et des commandes .
Systèmes de conception et directives
La conférence Design Systems London sur les systèmes de conception se tiendra du 15 au 16 novembre à Londres. Jusqu'à présent, des conférenciers locaux ont été annoncés sans étoiles brillantes, mais l'annonce vient de paraître. Il s'agit de la troisième conférence sur les systèmes de conception en plus de Clarity à San Francisco (c'était le cas l'année dernière, mais le programme a beaucoup remis par rapport à 2016) et DSConf à Helsinki.
Mikhail Gündoğdu a assisté à de nombreux discours sur les systèmes de conception et a rassemblé sur leur base un bon mémo pour les débutants.
L'histoire chic de Diana Mounter sur l'émergence et le développement du système de conception GitHub. Développement progressif, exemples de documents et processus internes.
Mark Argyle parle des principes de l'équipe Atlassian Design System. Une description suffisamment détaillée du processus dans des situations typiques.
Une histoire sensible d'Anthony Zhang d'Oscar Health sur le développement progressif d'un système de conception dans l'entreprise. Comment le faire sans effort, en complétant et en mettant à jour lentement.
Salesforce Liz Khoo parle de l'interaction des équipes travaillant sur un système de conception.
Conception matérielle
Présentation d'Android Go , une version simplifiée du système d'exploitation pour les appareils à bas prix basée sur Oreo 8.1. De nombreuses fonctionnalités sont supprimées et des versions allégées des principales applications sont créées (dont certaines sont basées sur des applications Web progressives).
Comment les applications Google mises à jour ressembleront à Material Design 2.0 .
MacOS
Apple a ajouté
des modèles officiels pour Sketch et Photoshop .
Téléchargez .
Compréhension des utilisateurs
Feifei Liu du groupe Nielsen / Norman décrit les caractéristiques de conception des interfaces pour les enfants. Il compare le développement de la motricité avec l'âge et donne des conseils sur les contrôles pour chacun d'eux.
Instruction pour le soutien des utilisateurs handicapés de l'équipe des sites d'État américains.
Autre contenu d'accessibilité
Microsoft a enregistré une
série de courts didacticiels pour aider les utilisateurs handicapés .
Firefox: un
outil d'analyse de l'accessibilité du site est apparu.
Architecture de l'information, conception conceptuelle, stratégie de contenu
Les créateurs de l'outil domestique UXPressia pour travailler sur la carte du parcours client ont sorti la version 4.0. La collaboration est apparue et la boîte à outils s'est développée dans tous les aspects - les cartes d'interaction elles-mêmes, les personnages, la carte des émotions.
Un outil intégré intéressant pour soutenir la réflexion sur la conception. Il a un riche ensemble d'opportunités - carte de parcours client, personnages, agrégation de commentaires provenant de différentes sources pour rechercher des opportunités de croissance, relier l'analyse. Et tout cela est basé sur un «double diamant».
Louise Downe, chef de la conception des services numériques gouvernementaux (faisant GOV.UK) apporte ses principes de conception de services.
Rachel Krause du Nielsen / Norman Group montre comment créer des storyboards pour des cas d'utilisation. Ils montrent un morceau de la carte du parcours client, et ces deux approches peuvent être combinées.
Le nouveau livre d'Alan Klement sur Jobs to Be Done sortira à la frontière de 2018 et 2019. Elle décrit les méthodes de travail plus en détail.
En juin 2018, Two Waves Books a publié
le livre
Living in Information de Jorge Arango sur l'architecture de l'information. UXmatters en publie une tranche du chapitre 8.
A List Apart publie la partie 9 des
expériences d'orchestration de
Chris Risdon et Patrick Quattlebaum .
Conception et conception d'écrans d'interface
Un autre nouvel outil de conception qui joue sur le champ Figma est le travail simultané de plusieurs concepteurs dans un navigateur. L'ensemble des fonctionnalités modernes est annoncé (prototypage, discussion des écrans, adaptabilité, symboles / composants). Parmi les nouvelles idées - prise en charge de plusieurs langues dans la mise en page, exportation des mises en page en code et téléchargement sur le serveur, visualisation rapide sur le téléphone via un code QR.
Annonce des créateurs .
La version tablette de l'application a été publiée. La première fois, vous pouvez acheter avec une remise de 30%. Au fait, vous pouvez lire un
guide étape par étape pour travailler avec l'outil d'Isabel Aracama .
Sur Adobe MAX 2018 cet automne, ils afficheront une version complète pour les tablettes (il existe maintenant un simple Photoshop Express).
Les styles peuvent désormais être ajoutés aux bibliothèques. Beaucoup de petites améliorations sur le prototypage et l'interface principale.
Plugins et articles
Chronologie 2.0 : le module complémentaire Anima est devenu encore plus puissant et s'est concentré sur des composants interactifs, dont le code peut être téléchargé (tout en HTML / CSS / JS nu, mais promet React, VueJS, Angular, Lottie, iOS et Android).
Invision
La
deuxième version de l'application mobile est sortie . Vous pouvez commenter les tablettes et les téléphones à l'aide de Freehand, ouvrir rapidement les prototypes Studio via un code QR.
Adobe xd
Mise à jour de juin.
Ajout d'un
outil pour décrire les scénarios utilisateur . C'est formidable que vous n'ayez pas à vous en soucier dans n'importe quel créateur de croquis ou de carte mentale.
Un service en ligne permet de faire une présentation spectaculaire d'un morceau de code.
Un autre outil pour une conception efficace des écrans d'interface.
Colm Tuite compare deux approches populaires de la conception d'interfaces - le travail dans des outils héritiers de la conception imprimée, dont les résultats sont ensuite transférés au développement, et la programmation visuelle, où il n'y a pas une telle transition. Depuis l'année dernière, il travaille sur l'outil Modulz, qui se déplace dans la deuxième direction et vous permet de travailler visuellement avec des composants sur React.
Débordement
Un
exemple puissant
de ce qui peut être fait dans un outil .
Un autre outil pour tester des sites réactifs dans le navigateur. Stephen Hay, l'un des principaux auteurs sur le sujet, le considère comme l'un des meilleurs.
Ils ont montré une vidéo de Framer X et ses principales caractéristiques. Le résultat a été un outil de conception et de prototypage solide dans l'esprit d'InVision Studio. Certes, un tas de composants réels sur React n'a pas été vraiment montré - bien que les composants Framer eux-mêmes soient fabriqués sur React, ils ne parlent pas de leur connexion à un véritable système de conception.
Figma
Ryan Cordell de Deliveroo parle de rédacteurs front-end travaillant avec des designers .
L'outil promet de créer un plan de site visuel basé sur des URL. Bien que vous puissiez vous inscrire à la version bêta.
Nouveau nouvel outil de conception d'interface. Il est positionné comme un travail visuel basé sur du code (quelque chose de similaire à Modulz de Colm Tuite) - et soi-disant vous pouvez immédiatement travailler avec des composants sur React (mais pas le fait que ceux qui utilisent le vrai produit). Curieusement, jusqu'à présent, seul l'
article des auteurs est des détails.
Marvel
Userflows : le complément Userflows vous permet de générer automatiquement une carte de transition basée sur un prototype.
L'outil est sorti de la version bêta.
Un site communautaire dédié à l'animation front-end. L'un des créateurs est Pasquale D'Silva.
Recherche et test utilisateur, analyse
Services pour travailler avec la base de connaissances. Ils aident à regrouper les données de recherche des utilisateurs, les commentaires et d'autres canaux pour trouver des idées utiles pour le développement de produits parmi eux.
Mandeep Basi de Shopify montre un format d'emballage pour les résultats de recherche personnalisés que l'équipe utilise pour transférer des informations à l'équipe produit.
Thérèse Fessenden du groupe Nielsen / Norman donne des conseils sur les techniques de recherche d'utilisateurs pour les sites intranet.
Jim Ross montre comment faire des recommandations pour améliorer l'interface après une évaluation d'experts ou une recherche d'utilisateurs, afin que l'équipe produit les comprenne et les approuve.
Leia Atkinson de Shopify donne des conseils de recherche sur le terrain. Quoi et comment se préparer afin de passer du temps avec des avantages et d'obtenir un maximum d'informations.
Jeff Sauro donne ses calculs de coûts de tests d'utilisabilité pour différentes situations et tâches.
Bref rapport Leafar Agarwal sur mitap et discussion en groupe sur ResearchOps.
Programmation visuelle et conception dans le navigateur
Nouveaux scripts
Effets non liés aux canaux lors du défilement d'une page à l'aide de la physique .
Un script pour une animation de défilement de galerie intéressante .
Brandon Dorn de Viget offre un
moyen contextuel confortable d'afficher des notes de bas de page sur le Web .
Réagir
Meng To a lancé un cours React pour les designers .
Travailler avec SVG
SVGator: un
guide étape par étape pour travailler avec l'outil d'animation SVG .
Typographie Web
Un petit
aperçu des expériences avec les polices variables de Chris Coyier . On peut voir ce qui peut être fait avec des approches décoratives.
Font Playground vous permet d'essayer des polices variables dans votre navigateur et d'obtenir du CSS pour la combinaison sélectionnée.
Travaillez avec la couleur sur le Web
Gradient Hunt : Une autre collection de dégradés avec un moyen rapide de récupérer leur CSS.
Mesures et ROI
Jeff Sauro donne les valeurs moyennes du marché pour la métrique SUS combinée dans son ensemble pour chacune de ses questions individuellement.
Stratégie et gestion UX
J'ai promis de ne plus écrire d'avis sur DesignOps. Mais, bien sûr, je n'ai pas pu résister. Il a complété et mieux structuré ses notes sur le sujet du mois dernier et publié dans le blog principal - le mouvement et le contexte actuels y seront mis à jour et réapprovisionnés. Ne remerciez pas / ne jurez pas.
Alexei Shaikhelislamov a décrit la stratégie UX de S7 Airlines sur la base d'un discours prononcé lors du Meetup Moscow Dribbble. L'entreprise s'efforce de devenir plus mature en termes de design et a choisi une approche très systématique.
Fonctionnement des autres équipes de conception
Un regard chic sur la compréhension et la définition correctes des rôles dans l'équipe produit de Peter Lewis de Capital One. Ils devraient aller du résultat final et de l'objectif, et pas seulement à un ensemble de responsabilités - cela fournit à la fois le résultat et la flexibilité tactique.
Dan Brown d'EightShapes donne des conseils sur l'interview des décideurs. Comment et quelles questions poser pour obtenir les informations les plus utiles et mener à bien le projet.
Interaction d'équipe
Sarah Gibbons du groupe Nielsen / Norman propose une approche unique pour les sessions de travail. Trois étapes - expliquer, conduire, étudier les résultats.
Méthodologies, procédures, normes
Jonathan Courtney d'AJ & Smart aurait proposé la deuxième version des sprints de conception - ils ont piqué le processus jusqu'à 4 jours. Certes, en même temps, ils ont sacrifié la chose la plus importante - le temps de comprendre le problème, alors maintenant il est possible de ne pas faire rapidement ce dont les utilisateurs et les entreprises ont besoin.
Étuis
Antin Harasymiv parle d'optimiser l'interface Google Photos pour le Web. Ils ont trouvé des solutions fortes à l'intersection du design et de la technologie, ce qui a permis de travailler avec l'interface beaucoup plus à l'aise.
L'équipe de conception de Google Maps évoque les travaux de navigation pour les motocyclistes et les recherches d'utilisateurs associées.
Refonte non sollicitée
Le concept d'un gestionnaire de fenêtres alternatif pour MacOS par Kévin Eugène .
L'histoire
Le 17 octobre 2008, l'AppStore pour iPhone a été lancé, ce qui a profondément changé le modèle de vente et de distribution des produits numériques. Au cours de la décennie du magasin, Michael Steeber a compilé une histoire des changements de conception pour dix applications qui sont apparues ce jour-là et existent toujours.
Les tendances
Statistiques du marché
T1 2018
-11,5% -
baisse des ventes de tablettes en RussieII trimestre
+ 1,4% -
croissance des ventes d'ordinateurs dans le mondeTout 2018 (prévision)
100 millions -
haut-parleurs intelligents vendus dans le mondeInterfaces vocales
Les interfaces vocales ont un meilleur avenir que les robots poussiéreux. Les ventes d'appareils augmentent rapidement et les principales plates-formes acquièrent rapidement des partenariats et des intégrations dans tout ce qui est connecté à l'électricité et à Internet.
D'ici la fin de l'année, 100 millions d'appareils sont prévus ; déjà
20% des familles américaines ont un haut-parleur intelligent . Eh bien, la haute pozhora domestique a récemment fait la queue pour Alice. Que vous y soyez ou non, il est utile d'étudier le sujet.
Le groupe Nielsen / Norman a mené une
enquête minutieuse auprès des assistants vocaux d'Amazon, de Google et d'Apple . Le résultat a été une analyse chic des problèmes actuels tant dans le mode de fonctionnement principal que dans les «compétences» d'auteurs tiers. Ceci est l'un des principaux articles du mois - en une seule séance, vous pourrez vous familiariser avec un tas d'embûches. Il y a surtout beaucoup de plaintes concernant les compétences - elles sont difficiles à trouver, elles sont plus douteuses.
On peut voir que les assistants vocaux ont un très long chemin à parcourir pour devenir vraiment utiles. D'un autre côté, les smartphones ont également eu beaucoup de problèmes il y a environ 15 ans, mais ont pu devenir radicalement plus pratiques et pratiques. En général, l'un des matériaux les plus utiles sur le thème des interfaces vocales.
Le livre principal est
Designing Voice Interfaces par Cathy Pearl . Soit dit en passant, elle dirige la conception de Google Assistant et a récemment décrit les
principales caractéristiques de conception des interfaces vocales .
Chaque plate-forme principale a des directives pour concevoir des interfaces pour elles:
L'écosystème Alexa est le mieux développé - il dispose de suffisamment d'outils et d'expériences intéressantes (la plateforme détient plus de 50% du marché). Par exemple:
Fin juillet, un hackathon pour créer des compétences pour l'assistant Google a eu lieu dans le bureau moscovite de Google (
il s'exprimait en russe ). Des équipes de Mail.Ru Group (Delivery Club, ICQ, Pandao, All pharmacies), Clever Pumpkin, Eora.ru, Heads and Hands, Just AI, Redmadrobot, AO Restrim et X5 Retail Group y ont participé. Les concepts eux-mêmes sont des secrets, mais j'ai saisi les
critères pour évaluer une bonne compétence pour vous. Pour ainsi dire, un rapport à chaud :) Vous pouvez vous expérimenter à travers le constructeur
Dialogflow .
Un tas des dernières nouvelles et des statistiques à jour peuvent être trouvées sur le site Web de
Voicebot . Et voici quelques articles relativement récents sur le sujet:
Ce n'est qu'une petite section de pièces intéressantes et importantes pour un designer. Tenez-vous informé, il y a une chance que cela vous soit utile au travail bientôt.
Conception algorithmique
Justin Wetz d'IBM propose une approche d'optimisation d'algorithme similaire à la procédure bien établie d'amélioration des médicaments.
Adobe a appris à capturer des photos modifiées sur un ordinateur.
Interfaces voiture
Audi:
aperçu du nouveau système d'information .
Pour le développement général et professionnel
Un exemple intelligent d'une histoire sur «ce qui est design» pour les débutants par Khoi Vinh.
Personnes et entreprises de l'industrie
Blog de l'équipe de recherche personnalisée Facebook. Dans un récent article,
Jessica Drum parle de l'approche de l'entreprise pour tester la navigation . Tout est assez standard.
Actes de conférence
La conférence
Enterprise UX 2018 s'est tenue du 13 au 15 juin à San Francisco. Résumés des performances les plus intéressantes de Natalie Hanson:
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.