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-octobre 2018 .
Modèles et meilleures pratiques
La dichotomie entre l'utilisabilité et la sécurité est l'une des plus anciennes de la profession et perd souvent l'un ou l'autre. Serena Chen décrit les moyens de vous aider à trouver l'équilibre - comment rendre l'option la plus sûre la plus pratique à suivre.
Duncan Campbell de Gorilla Arm analyse les meilleures pratiques pour les écrans de démarrage lors du lancement de l'application. Conseils intelligents pour différentes situations, permettant de réduire l'attente réelle ou perçue du téléchargement.
Raluca Budiu parle de la recherche d'utilisateurs sur les robots du groupe Nielsen / Norman. Excellente description des scénarios courants et des problèmes courants.
Yuxuan (Tammy) Zhou du groupe Nielsen / Norman décrit comment utiliser les champs de saisie avec des valeurs incrémentielles.
Alita Joyce de Nielsen / Norman Group, des conseils pour travailler avec compétence sur les notifications mobiles. Comment configurer correctement leur fréquence et l'heure d'envoi.
La page Laubheimer du groupe Nielsen / Norman décrit plusieurs façons de stocker des produits dans la boutique en ligne pour l'avenir et vous aide à choisir le meilleur.
Systèmes de conception et directives
Le puissant Benjamin Martin de TeleTracking explique comment son système de conception crée des composants et des modèles dans Sketch à partir de jetons. Cet article est un excellent diagramme de séquence d'assemblage avec une mention de tous les outils nécessaires.
Brad Frost, Dan Mall et Josh Clark ont produit une série de vidéos éducatives sur le travail sur les systèmes de conception pour InVision.
Annonce .
Apparemment, les thèmes sombres seront un succès l'année prochaine. Andy Clarke montre comment la soutenir sur le site via des requêtes médiatiques.
Amy Hupe de GOV.UK explique comment l'équipe décrit les composants et les modèles dans un système de conception.
Générateur de palette de couleurs. Vous lui donnez la couleur primaire, il vous donne des couleurs auxiliaires.
Conception Microsoft Fluent
Jon Friedman de l'équipe MS Office parle
de travailler sur de nouvelles icônes d'application . C'est l'un des exemples les plus puissants de la façon d'exprimer un langage visuel - ils sont très bien connectés avec le Fluent Design System, qui est basé sur des matériaux 3D, l'acrylique et le rendu d'argile.
Compréhension des utilisateurs
Ressource intelligente pour l'optimisation des interfaces pour les personnes souffrant de troubles de la couleur (300 millions de personnes dans le monde). Cas, articles, outils.
J. Henry McKeen de Home Depot parle de l'atlas Jobs to Be Done. Il aide à analyser les composants clés - conducteurs, comportement actuel, points douloureux et critères de réussite.
Une série de vidéos de Mikhail Rudenko du
Service Design Bureau , décrivant les bases de la méthode Jobs to Be Done.
Parties 2 et
3 . Ils ont également publié une
liste de contrôle pour les descriptions de travail .
Architecture de l'information, conception conceptuelle, stratégie de contenu
Ksenia Ilinykh de Kontur parle du format de transmission des spécifications d'interface aux développeurs sous forme de story-boards.
Stanislav Khrustalyov de Hard Client a décrit un rappel approprié pour créer une carte de parcours client. Le blog de la société contient de nombreux autres excellents documents sur le thème de la conception des services:
Méthodes de collecte des commentaires .
Mettre en œuvre des améliorations .
Construire des programmes de fidélité .
Conception et conception d'écrans d'interface
Nouvel outil de conception et de développement. Vous pouvez obtenir le code pour le Web ou Android / iOS (et même le publier dans les magasins d'applications).
Figma
Dylan Field a
passé en revue les principales mises à jour de l'année . La vitesse de développement de l'outil est bien sûr fantastique.
Lisez également des
conseils pour travailler efficacement avec Tom Johnson .
Encadreur
Ils ont reçu un autre investissement de 24 millions de dollars dans la série B.Bibliothèques de composants communs, interface et performances améliorées.
Kit d'interface utilisateur pour iOS et
Android .
Atomique
L'outil se ferme . L'équipe prévoit de s'attaquer à un outil de développement de produits plus général.
Adobe xd
Esquisse
Plugins
- Timelapse : permet d'enregistrer une capture d'écran du travail sur la mise en page.
- Anima : contrôle l'indentation des caractères imbriqués.
- Felipe : permet de transformer des formes primitives en personnages de Sketch. Annonce de l'auteur .
- VK Data : vous permet d'insérer diverses données de votre profil VK: avatars d'amis, communautés, couvertures vidéo.
Hourra! Un autre concepteur d'une page.
Arrêter Un autre!
Modèles d'illustration de style lâche.
Avocode
Maintenant, ils
montrent également
un tas d'écrans chargés en tant que prototype .
Service d'optimisation d'image de Google.
Le service permet d'essayer rapidement les balises META du site et la façon dont le lien est affiché sur Google, Facebook, Twitter, LinkedIn, Pinterest et Slack.
Hadron
L'outil a ajouté un
ensemble distinct de fonctionnalités pour les développeurs , afin qu'ils puissent travailler avec le concepteur sur un projet.
Readymag
Annonce d'une version bêta de la
division des pages longues en sections . Cela simplifiera le changement de contenu au milieu (vous n'avez pas à vous déplacer et à vérifier ce qui est inférieur).
Taras Brizitsky fabrique son outil de conception d'interfaces sur iPad. Une
bêta est récemment apparue. Une annonce antérieure décrivant l'
idée originale .
AIC a fait son cahier pour dessiner des interfaces.
Recherche et test utilisateur, analyse
Duyen Mary Nguyen parle des méthodes de recherche quantitative utilisées par Facebook.
Jeff Sauro a mené une enquête régulière auprès des professionnels de l'UX sur les méthodes de recherche d'utilisateurs qu'ils utilisent. Dans l'article Statistiques pour 2018.
Mémo de Jim Ross sur la détermination de l'étendue du travail lors de la recherche d'utilisateurs. Combien et quel type de répondants rechercher, quelles tâches inclure, comment construire la logistique, sous quelle forme analyser et présenter les résultats.
Programmation visuelle et conception dans le navigateur
Nouveaux scripts
Charlie Gerard a appris à gérer des sites dans un navigateur via un appareil cerveau-ordinateur utilisant JavaScript.
Craig Morey a essayé l'iPad Pro comme outil de développement Web. Cela ne fonctionne pas pour un travail sérieux, peu importe comment Apple vend l'avenir.
Mesures et ROI
Le NPS, comme toute autre méthode, a ses propres caractéristiques et limites, ainsi que les critiques qui n'ont pas lu de livres, mais doivent s'exprimer. Jeff Sauro a répété l'expérience de l'auteur métrique Fred Reichheld et a montré la distribution des notes et la volonté de recommander le produit. Spoiler: presque tout fonctionne comme promis.
Gestion de la conception
Ma présentation porte sur notre nouvelle approche de la planification à long terme des changements de conception dans l'entreprise. Au début de l'année, nous avons lancé une nouvelle version de l'approche avec laquelle nous améliorons systématiquement la conception des produits et introduisons de nouvelles méthodes de travail. Il est basé sur la pyramide classique de la planification stratégique de la vision et de la mission aux étapes spécifiques basées sur OKR (objectifs et résultats clés).
Comprendre la valeur du design pour les entreprises aide les deux parties. Collecté de plusieurs indices essayant de calculer la pollinisation: McKinsey Design Index, Design Value Index; Forrester rapporte pour IBM, le British Design Council et le marché finlandais du design. L'article explique s'ils peuvent être fiables.
La dette arrive par carte, technique, organisationnelle et interface. Pour le premier, vous pouvez souffrir personnellement et physiquement, pour le reste - attraper des problèmes en tant qu'entreprise alimentaire. La dette de conception est des problèmes d'utilisabilité accumulés intentionnellement ou non, dont la solution est retardée jusqu'aux versions futures. En conséquence, les utilisateurs souffrent et bien qu'ils soient patients, ils sautent dans le temps et ne reviennent pas. Il existe plusieurs exemples d'une approche systématique: Nielsen / Norman Group, Truven Health, Athena Health, Salesforce, Optimizely.
Un outil pour évaluer les compétences des designers et leur évolution. Il est divisé en trois catégories - compétences universelles, professionnelles et de leadership.
Jonny Burch a compilé une collection de cartes de compétences pour les concepteurs et développeurs de différentes entreprises.
Stephen Olmstead d'InVision explique comment fonctionne l'équipe de conception de l'entreprise. Au total, l'organisation compte 750 employés répartis, dont une trentaine sont engagés dans la conception.
Alastair Simpson d'Atlassian décrit les principaux points de son discours à Leading Design 2018. Il dit que les designers ont depuis longtemps pris place à la table de décision clé, mais ont peur d'en tirer pleinement parti. De plus, la vanité dans l'esprit de «nous sommes les seuls conscients des utilisateurs» rend difficile de réaliser qu'il existe de nombreux rôles de ce type dans l'équipe produit moderne et qu'ils n'en sont pas moins précieux.
Kelly Churchill d'IBM continue l'histoire de la façon dont la pensée de conception a aidé les développeurs front-end. Ils mesurent le NPS des personnes de l'entreprise qui travaillent avec de nouveaux développeurs et il a augmenté grâce aux améliorations proposées.
Athenahealth Dani Nordin montre comment intégrer la prise de décision dans une organisation. Elle conseille les équipes de conception pour chacun des quatre.
Oleg Yakubenkov a travaillé sur Facebook et a parlé de la culture alimentaire de l'entreprise.
Entretien avec le chef de Microsoft Satya Nadella sur les changements de culture et d'organisation de l'entreprise qui étaient nécessaires à la nouvelle percée. C'est plus que perceptible -
fin novembre, leur capitalisation a dépassé Apple . L'article n'est pas sur la conception, mais sur l'importance de restructurer l'organisation pour un nouveau saut, qui dans le cas de Microsoft a également affecté les interfaces.
Une note à Kara Pernice du groupe Nielsen / Norman sur l'intégration des intranets de l'entreprise après leur fusion. Le problème n'est pas si fréquent, mais la situation est compliquée et l'analyse est assez détaillée.
Interaction d'équipe
Le service aide à mener des brainstormings en ligne - enregistrez des idées et votez pour qu'elles choisissent la plus appropriée.
Méthodologies, procédures, normes
McKinsey a adopté la méthodologie du design sprint et renommé «concept sprints» dans son approche. Il y a peu de différences, sauf que le lien avec les tâches commerciales et le calcul du retour sur investissement à partir de la mise en œuvre est plus clairement défini.
Étuis
Jordan Amblin de MetaLab explique comment ils ont créé le concept de présentation de vidéos dans l'application mobile Facebook.
Les tendances
Statistiques de marché (T3 2018)
la croissance des ventes de montres intelligentes dans le monde - 67%
Samsung a longtemps montré la technologie des écrans flexibles et a montré début novembre le concept du téléphone. Au printemps, un modèle commercial sera publié. Il semble que finalement un mouvement intéressant va commencer dans les interfaces mobiles, où tout est devenu trop prévisible.
Android prendra bientôt en
charge cette fonctionnalité .
Nous venons d'annoncer la prise en charge des pliables à #AndroidDevSummit , un nouveau facteur de forme venant l'année prochaine des partenaires Android.
Les applications Android s'exécutent de manière transparente lorsque l'appareil se plie, ce qui constitue la principale caractéristique de ce facteur de forme: la continuité de l'écran. pic.twitter.com/NAfOmCOY26
- Développeurs Android ( AndroidDev ) 7 novembre 2018
De plus, ils ont annoncé un
nouveau shell d'interface One UI . Fait intéressant, ils ont divisé l'écran en parties supérieure (contenu) et inférieure (contrôles).
Conception algorithmique
Dans un numéro précédent, il y avait une histoire sur la façon dont
Google utilise des approches de conception algorithmique et extrait de nombreuses informations utiles à partir d'images satellite et de panoramas de rue . Il semble qu'Apple résout ce problème manuellement.
Un générateur expérimental de photos de visages réalistes de Shaobo Guan. Vous pouvez choisir le sexe, l'âge, la race et d'autres détails.
L'agence de presse chinoise Xinhua a lancé deux présentateurs algorithmiques. Leur voix, leur expression faciale et leur mouvement labial sont synthétisés.
Les assistants vocaux affichent une forte croissance - à la fin de l'année, ils prévoient 75 millions d'appareils vendus dans le monde (statistiques détaillées ci-dessous). La Chine dépassera bientôt les États-Unis, et la Russie prévoit également une période chaude - Mail.Ru Group sera ajouté à Yandex et Google. Afin de ne pas rester à l'écart, il est grand temps que les concepteurs pompent le muscle des interfaces vocales.
La part des ventes d'Amazon est de 31,9%
29,4% des
ventes sont en Chineprévisions de ventes annuelles - 75M
sur les smartphones aux USA - 90M
en colonnes aux USA - 46M
50000
compétences chez Alexa aux USA ,
peu d'avisSiri sur les smartphones aux États -
Unis - 44%
Siri sur les smartphones dans le monde - 31%
Assistant Google sur les smartphones dans le monde - 51%
Ben Sauer a compilé pour Clearleft une collection de principes de conception pour les interfaces vocales de différentes sociétés. En plus d'eux sont des livres, des articles et des réflexions générales.
Guide utile pour la conception d'interfaces vocales de Justin Baker d'Intuit. Le choix du type d'appareil, des scénarios et des contextes d'utilisation, des limites technologiques et des points d'interaction clés.
Traduction de la toute première partie de l'étude du groupe Nielsen / Norman.
Conseils de prototypage vocal de Cathy Pearl de Google, Cassidy Williams d'Amazon, Susse Sønderby Jense d'Adobe XD, Ben Sauer de Clearleft.
Concepteur en ligne de robots de discussion et de compétences pour les assistants vocaux Google Assistant et Yandex Alice.
Pour le développement général et professionnel
Arun Venkatesan explique les raisons pour lesquelles les entreprises créent leurs propres polices. Récemment, il y en a de plus en plus, bien que cela ne soit pas toujours exprimé dans un résultat caractéristique - beaucoup d'entre eux sont très similaires.
Actes de conférence
Nous organisons de nombreuses conférences et réunions pour les designers, et la plupart d'entre elles sont enregistrées sur vidéo. Depuis 2011, cent cinquante enregistrements de discours et de tables rondes sur la conception d'interfaces, la conception graphique, la recherche d'utilisateurs et d'autres domaines professionnels se sont accumulés. Enfin, ils les ont rassemblés sur une seule chaîne sur YouTube et VK.
Je suis arrivé à une conférence relativement récente sur la gestion de la conception des produits numériques DesignOps Summit (la deuxième année a lieu). Cela s'est avéré très approprié - l'un des plus utiles auquel je sois allé. Il est puissant qu'ils aient pu collecter autant de contenu hautement spécialisé pendant deux jours - presque toutes les performances étaient solides ou cool (seulement quelques nuls). Il y a déjà des présentations et un rapport de Natalie Hanson. Les organisateurs promettent de poster la vidéo.
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.