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-décembre 2018 .
Modèles et meilleures pratiques
Une collection d'exemples de sons d'interface de services célèbres. Au début, il y a Skype, Slack, Facebook et Apple.
Manuels de bonnes pratiques Google
L'entreprise a démantelé de nombreuses marques bien connues:
VoyageFinancesSites d'actualités et de contenuAchats en ligne mobilesL'immobilierSites promotionnelsBibliothèque de modèles d'applications mobiles. Chaque exemple peut être obtenu en code.
Growth Rock a exploré les 40 plus grands magasins en ligne américains et a mis en évidence les principaux modèles de paiement dans leurs versions mobiles. Ils ont effectué des tests A / B sur des prototypes, ce qui semble douteux. Mais comme liste de contrôle, c'est bien.
Raluca Budiu de Nielsen / Norman Group analyse les modèles de bons chats de support. Avantages, inconvénients, pièges.
Une collection de modèles d'interface avec un accent sur le confort psychologique des utilisateurs. Jusqu'à présent, cela ne fait que se remplir, mais l'approche est intéressante.
L'équipe Codea montre un exemple intéressant de menu dans iOS pour les outils professionnels - il est plus proche des produits de bureau.
2e partieDrew McLellan analyse la prise en charge du navigateur pour les champs de saisie pour différents formats de données (téléphone, date, etc.). Il existe un support, mais sa qualité est très flottante et il est souvent préférable de faire votre propre contrôle.
Kim Flaherty et Kate Moran du groupe Nielsen / Norman abordent les problèmes des systèmes de recommandation qui entraînent l'utilisateur dans une bulle du même contenu.
Colin Eagan montre comment concevoir des services impliquant une personnalisation.
Systèmes de conception et directives
Système de conception de la société domestique BARS Group (fille Rostec).
Ryan Cordell de Deliveroo montre comment les rédacteurs frontaux ont intégré les règles de travail avec les textes dans un système de conception.
Compréhension des utilisateurs
Katie Sherwin et Jakob Nielsen poursuivent l'histoire de la nouvelle étude Nielsen / Norman Group sur l'utilisation des interfaces pour les enfants d'âges différents. Cet article cite la différence de perception des modèles d'interface typiques.
Architecture de l'information, conception conceptuelle, stratégie de contenu
Flávia Lacerda, Mamede Lima-Marques et Andrea Resmini proposent leur modèle d'architecture de l'information pour l'Internet des objets.
Nouveaux outils de conception d'interface
L'application pour Mac vous permet d'insérer un appareil dans le modèle de maquette et de le faire pivoter à la volée en 3D selon vos besoins.
Adobe xd
Mise à jour de décembre . Stockage cloud des mises en page et un soupçon de collaboration comme dans Figma. Ils promettent également le versioning et l'organisation d'une bibliothèque de composants compétente pour l'équipe.
Figma
Comment prototyper des interfaces de réalité augmentée dans un tas d'outils Figma et Torch .
En décembre, la bêta Sketch 53 est apparue (et une version a été publiée hier). Des paramètres plus précis pour les propriétés changeantes des caractères et une interface plus pratique pour leur remplacement.
Plugins
MakeUI : UI Kit Designer for Sketch. Vous pouvez sélectionner les principaux paramètres des éléments d'interface (couleurs, rayon de congé, etc.), à la sortie, vous obtenez une bibliothèque de caractères.
Pointbreak : vous permet de créer des mises en page
réactives .
Les articles
L'équipe de conception de Monzo décrit sa structure de mise en page et son organisation de plan de travail . Il est spécifique, mais intéressant de voir comment les différentes équipes le font.
Tilda
Aperçu des nouvelles fonctionnalités lancées en 2018 .
Webflow
Une collection de modèles et d'autres ressources de support .
La deuxième version de l'outil a été publiée. Maintenant, ce n'est plus seulement du prototypage, mais un outil de conception monobloc avec la possibilité d'exporter du code et de publier le site. La collaboration est attachée.
Débit
Lancement d'un blog sur l'animation d'interface .
Flare
La commande montre
ce qui peut être fait avec l'outil .
Un nouvel outil de prototypage en ligne divertissant. Choisissez un site promotionnel dans le modèle, modifiez les textes et regardez l'appareil.
Un générateur de palette de couleurs assez flexible et intéressant. Une nouvelle approche sur des milliers d'autres décisions de sujet qui s'exécutent toutes les demi-heures.
Générateur de palette de couleurs pour les utilisateurs handicapés.
Et un autre service d'illustrations de stock qui peut être personnalisé pour s'adapter à votre situation. Ils donnent également des modèles de livraison des sites promotionnels eux-mêmes.
Un autre concepteur de sites promotionnels. Servi comme basé sur l'IA, mais apparemment, cela signifie des choses très simples. L'une des fonctionnalités intéressantes est l'application flexible des thèmes de conception (vous pouvez modifier séparément et de manière transparente la palette de couleurs, le jeu de polices et le type de contrôles).
Marvel
Modèles pour les séances de travail de réflexion .
Recherche et analyse des utilisateurs
Service pour travailler avec la base de connaissances des idées. Regroupe les commentaires provenant de diverses sources et aide à formuler un plan de produit basé sur eux.
Et un autre service similaire pour travailler avec la base de connaissances des informations. Il y en a plus maintenant.
Le service permet de conserver une base de données de répondants pour la recherche d'utilisateurs et d'en trouver de nouveaux.
Cool tutoriel de recherche d'utilisateurs en ligne à partir d'entrevues d'utilisateurs. Il décrit les bases, les méthodes d'exploration et la validation / test, la sélection des répondants, les outils et la constitution d'équipes de recherche.
Dan Brown d'EightShapes décrit les tâches typiques pour tester la navigation sur le site.
Andrea Drugay de Dropbox parle du format des sessions régulières de recherche rapide d'utilisateurs. Toutes les deux semaines, ils invitent plusieurs répondants qui communiquent avec les équipes de produits dans un format de «date rapide».
Erika Hall montre la différence entre la question de la recherche d'utilisateur elle-même et la question spécifique de l'entretien avec l'utilisateur. Les chefs de produit et d'autres clients les confondent souvent et proposent une méthode spécifique dans leur tête, bien qu'une question de recherche correctement formulée puisse nécessiter une approche complètement différente.
Jim Ross analyse les erreurs courantes lors de la planification et de la réalisation de recherches personnalisées.
Jeff Sauro a étudié pourquoi les utilisateurs participent à des sondages gratuits et comment leurs notes diffèrent de celles payées.
Kate Moran donne des conseils sur les situations où les données de différentes études d'interface se contredisent. Comment vérifier les données, les méthodes et généralement agir correctement.
Jeff Sauro montre comment vérifier la qualité de toute mesure obtenue à partir d'une enquête auprès des utilisateurs (par exemple NPS).
Programmation visuelle et conception dans le navigateur
Nouveaux scripts
Les scripts d'animation les plus populaires de 2018 sur CodePen .
Un script pour une animation efficace des flux basés sur des lignes .
Le script vous permet de présenter l'objet sous la forme de particules animées qui répondent à l'interaction .
anime.js : framework JavaScript pour l'animation frontale.
Les scripts les plus populaires pour l'animation de 2018 sur Codrops . Mary Lou a rassemblé pour Codrops les
meilleures expériences de 2018 avec la mise en œuvre de l'interactivité dans le navigateur .
Un script pour une présentation spectaculaire d'une galerie de photos .
Grille CSS et Flexbox
CSS Grid Guide for Designers par Johna Paolino du NY Times .
Travailler avec SVG
Sara Soueidan décrit les bases du travail avec les filtres SVG et leurs capacités .
2e partieAddy Osmani analyse les étapes de chargement de la page d'un site et met en évidence les points critiques auxquels l'utilisateur s'attend à voir non seulement le contenu principal, mais également des outils d'interaction efficaces. Il donne des calculs de l'influence de ces étapes sur la conversion.
Mesures et ROI
Les études NPS classiques testent l'impact des métriques sur les bénéfices futurs d'une entreprise familière. Jeff Sauro a essayé de le compter pour les produits logiciels. Il existe une connexion (environ 40% de la précision de la prédiction via NPS et SUS), bien qu'il n'y ait pas suffisamment d'exemples pour l'échantillon.
Gestion de la conception et DesignOps
Les équipes de conception dans les entreprises alimentaires se développent rapidement, ce qui signifie que vous devez penser à leur santé interne. L'une des principales préoccupations est de fournir un schéma compréhensible de croissance professionnelle, afin que les designers soient intéressés et qu'ils sentent qu'ils peuvent devenir plus forts. Les agents du personnel utilisent depuis longtemps les cartes de compétence (cartes de compétence) qui aident à mettre en évidence les forces et les faiblesses d'un employé, puis à les pomper délibérément. L'outil n'est pas nouveau, mais les concepteurs en ont entendu parler il y a seulement quelques années. Il a recueilli des exemples de cartes de Basecamp, Buzzfeed, Coryndon Luxmoore, Facebook, Figma, Lyst, Mail.ru, Ope, Peter Merholz et Zendesk.
InVision a proposé son modèle de maturité de conception . Ce sont les 5 étapes de la constitution d'une équipe de conception - d'un artiste à un visionnaire. Il a collecté d'autres modèles caractéristiques de maturité de conception apparus sur 20 ans: Jonathan Earthy, Rosa Wu et Jess McMullin, Jakob Nielsen, Danish Design Center, Forrester, Human Factors International, HIMSS, Mail.ru Group, Keikendo, Macadamian, Nomensa, Infosys, Design Management Institute, Richard Banfield, Natalie Hanson, Sabine Junginger, David Service, Stefan Klocek, Gebruiker Centraal. Et ce ne sont que les plus caractéristiques des cinquante.
Liam Friedland de Respons Software décrit leur carte de compétences de concepteur de produit. Il est assez détaillé - il montre ce qu'un spécialiste devrait être capable de faire à chaque niveau.
Cadre de gestion de conception cool par Katharina Weber. Elle a divisé toutes les activités en cinq niveaux: entreprise, stratégie, équipe, produit, designer.
Comment fonctionnent les équipes de conception célèbres
Sasha Grishin à propos de Badoo .
Lena Kulikova à propos de Raiffeisen Bank .
Bob Thomas et Jen McGinn partagent leur expérience dans l'organisation de sessions de mentorat à grande échelle pour les concepteurs débutants ou ceux qui veulent faire une percée dans leur carrière. Ils les ont tenues lors de conférences.
Interaction d'équipe
Erin Woo parle du format des visites hebdomadaires des designers mobiles MS Outlook. Des collègues de différentes villes se réunissent et résolvent les problèmes des utilisateurs qui ont longtemps voulu y accéder.
James Rotanson d'Atlassian donne des conseils de personnalisation Jira pour les concepteurs. Il donne un exemple du travail de sa propre équipe.
Jenny Wen de l'équipe Dropbox Paper donne des conseils sur la façon dont les concepteurs et les développeurs travaillent ensemble. Comment simplifier la vie des collègues et optimiser le travail d'équipe.
Étuis
Une bonne histoire sur une refonte YouTube non sollicitée de Pramiti R Khan.
Marisa Chan parle de la refonte des outils internes de suivi des étudiants de RED Academy.
L'histoire
En janvier 2019, le 100e anniversaire de la légendaire école Bauhaus, l'un des fondateurs du design moderne, sera célébré. Le site officiel de l'anniversaire a rassemblé tous les événements et documents sur le sujet.
Comparaison des sites populaires avec les versions d'il y a 10 ans. Il y a quelques années, ils ont déterré des versions d'il y a 20 ans, c'était plus intéressant là-bas - en 2009, Internet était déjà assez mature et il n'y avait pas de jeu du tout.
Bonus:
une collection d'anciens sites Pinterest .
Les tendances
Statistiques du marché (tout 2018)
100M -
appareils vendus avec Amazon Alexa1B -
appareils avec Google Assistant installé900M -
iPhone à portée de main dans le mondeL'exposition annuelle de fraîcheur technique et de jeu CES 2019 s'est tenue du 8 au 11 janvier à Las Vegas. Comme d'habitude, ils ont montré beaucoup de peste et de choses de peste. La chose la plus intéressante à propos des interfaces: des interfaces vocales sont intégrées dans la douche et les porte-clés, vous pouvez déjà acheter le premier téléphone avec un écran flexible, une tonne d'appareils électroménagers, des interfaces de voiture, des appareils portables, la réalité virtuelle et augmentée, des téléviseurs et, bien sûr, des émetteurs d'odeurs.
Interfaces vocales
Microsoft a suggéré d'ajouter la possibilité de donner des commandes aux assistants vocaux dans un murmure. Plus précisément, ils lisent le souffle pendant l'énonciation silencieuse de la phrase. Cela aidera beaucoup dans les situations où vous devez garder le silence - elles ont toujours été considérées comme un point faible des interfaces vocales.
Écrans flexibles
Il y a de plus en plus de concepts et de produits en direct. Et nous n'avons pas encore attendu l'exposition
Mobile World Congress du 25 au 28 février, où il y en aura certainement plus. Il semble que finalement un mouvement intéressant va commencer dans les interfaces mobiles, où tout est devenu trop prévisible.
Royole a pris le titre du premier produit commercial de Samsung - il peut déjà être acheté. Il est livré avec un clavier pliant externe, ce qui rend l'impression générale encore plus futuriste.
RevueA officiellement montré le concept
précédemment divulgué de leur téléphone flexible. Il est organisé dans deux directions.
Le brevet présente une nouvelle génération du combiné légendaire avec un écran flexible.
La présentation de Rupert Platz, bien qu'elle ait été publiée il y a un an et demi, est fraîche comme jamais auparavant - elle vous apprend à séparer les mots de base de battage inutile des méthodes vraiment utiles et des meilleures pratiques. Grâce à cette approche, vous pouvez chasser tout sujet brûlant et comprendre par vous-même s'il faut l'exécuter.
Interfaces voiture
La nouvelle
Mercedes CLA offre un contrôle gestuel hors de la boîte .
Don Norman et Eli Spencer disent que la profession devrait s'orienter vers l'aide aux communautés locales pour trouver elles-mêmes des solutions de conception. Les concepteurs de cette vision jouent le rôle de facilitateurs qui enseignent aux gens ordinaires les approches et les méthodes professionnelles.
Thomas Byttebier réfléchit également aux raisons pour lesquelles les produits et marques numériques modernes sont devenus les mêmes. Cela se produit dans d'autres domaines - mode, café, etc.
Réalité virtuelle et augmentée
Gleb Kuznetsov a rassemblé bon nombre de ses concepts d'interfaces dans le contexte de la tendance à l'émotivité .
Les concepteurs de Ford conçoivent des voitures en réalité virtuelle .
Nikolai Babich a compilé une sélection de concepts d'application intéressants utilisant la réalité augmentée .
Pour le développement général et professionnel
Curt Arledge de Viget parle de la complexité de la mise en œuvre de l'éthique du design, car notre influence sur l'infrastructure et les niveaux commerciaux est extrêmement limitée, et la plupart des problèmes viennent de là.
Un cours de texte en ligne dans l'interface par Yuval Keshtcher.
Personnes et entreprises de l'industrie
Phase examine le fonctionnement du design dans différentes villes du monde et a publié une histoire sur l'écosystème professionnel de Moscou. J'ai mis cinq kopecks sur les raisons pour lesquelles nous avons un marché assez mature et fort et quelles équipes méritent d'être surveillées.
Le design domestique n'est pas particulièrement entendu à l'étranger. Le marché est suffisamment grand pour que les entreprises aient suffisamment pour travailler pour un public interne, afin qu'elles n'aient pas un besoin urgent de briller à l'échelle mondiale. En conséquence, la plupart de la fraîcheur actuelle ne va pas à la communauté internationale, bien qu'il y ait suffisamment de produits et d'équipes vraiment solides. Et ce qui est le plus choquant, c'est que les designers nationaux eux-mêmes répandent trop la pourriture. Bien sûr, il y a suffisamment de spécialistes faibles, comme ailleurs. Mais il est plus correct de regarder la situation dans son ensemble, et c'est à un bon niveau.
Une histoire sur le laboratoire de recherche du
Future Interfaces Group opérant à l'Université Carnegie Mellon.
Blog de l'équipe de conception Yandex.
Blog de l'équipe de conception Spotify.
Actes de conférence
Un bon
catalogue de conférences de design pour 2019 a été lancé. Il y a maintenant 117 événements dans le monde.
Les utilisateurs de PC avancés connaissent depuis longtemps
Find UX Events - la meilleure source et base de connaissances pour les événements de conception où il y a des données pour quelques années à venir (
leur sélection ). Malheureusement, un autre catalogue judicieux,
Lanyrd , est mort à la mort des braves.
Pendant longtemps, les collections basées sur de tels catalogues ont été faites par Smashing Magazine, mais récemment elles se sont arrêtées.
La bannière a été interceptée par le collectif UX .
Apparemment, les listes de conférences seront lancées plus d'une fois. Par exemple,
designconf.site a récemment ouvert. Pas le plus complet, mais au tas.
La table à partir de laquelle ils prennent des données.
J'ai visité un nombre décent de conférences, de festivals, d'ateliers et de réunions nationaux et internationaux au cours des dernières années. J'ai conclu par moi-même ** qu'il existe deux types de contenu et qu'il vaut la peine de les visiter pour la tâche:
Conférence générale
Il s'agit principalement d'inspiration, car il est difficile de s'attendre à un pompage ciblé de certaines compétences à partir du contenu sur tout à la fois. Vous obtiendrez une bonne coupe de ce qui est parlé dans la profession, et une charge de vivacité afin de suivre les tendances. À cet égard, j'ai aimé
Amuse (Budapest),
UXLx (Lisbonne) et
OFFF (Barcelone).
Google SPAN (Londres) était intéressant. Du domestique, les
week-ends de design (différentes villes) fonctionnent bien et notre
Meetup Mail.ru Design Conference × Dribbble (Moscou). Pendant longtemps, je veux me rendre à la conférence et à l'interaction Awwwards.
Hautement spécialisé
Gestion de la conception, systèmes de conception, image de marque, typographie, etc. C'est une façon cool de pomper une compétence spécifique et d'approfondir les connaissances sur le sujet. Ici,
MXConference / LXConference (San Francisco) et
DesignOps Summit (New York) pour la gestion du design et
Silver set (Moscou) pour la typographie sont bien entrés. Quelque part à la jonction entre les deux formats de
Future London Academy (Londres). Grande déception -
Clarity (San Francisco) prétendument pour les systèmes de conception. Cette année, je me rendrai à
Brand New (États
- Unis) pour le branding et
Leading Design (Londres) pour la gestion du design.
Par conséquent, à la question «quelle conférence recommandez-vous», je réponds souvent: selon ce que vous voulez savoir. J'ai décrit mon approche ci-dessus.
Je note séparément qu'il est extrêmement important d'écouter activement et de poser des questions. Beaucoup s'attendent à ce qu'en arrivant simplement dans une belle pièce avec des haut-parleurs chics, les rayons du savoir se répandent automatiquement sur eux. Nifiga, les gars - lors des conférences, il est important d'écouter attentivement, de prendre des notes et de poser des questions aux conférenciers. Sinon, vous aurez juste un bon verre et apportez des souvenirs, puis vous serez des gundos, disent-ils, vous n’avez pas été surpris.
La conférence Design Management Summit 2018 Design Management s'est tenue le 29 septembre à Toronto. Enregistrements vidéo publiés des performances.
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.