The digest has been collecting fresh articles on interface design, as well as tools, patterns, cases, trends and historical stories since 2009. I carefully filter a large stream of subscriptions so that you can upgrade your professional skills and better solve work tasks. Previous issues:
April 2010-September 2019 .
Last year, we conducted a study for internal tasks: which design teams in domestic food companies are the strongest? This year, the survey was finalized, and the
results of the study decided to make open .
Such a rating will be useful to the market. Designers should better understand where there are good challenges and a comfortable environment for professional growth. Companies and design teams - see what needs to be downloaded.
Patterns and best practices
Justin Baker describes how to use tactile feedback in interfaces. What opportunities are there in mobile applications, how and what signals they can convey.
Louis-Xavier Lavallee clearly shows the techniques that enhance the effect of social confirmation in the interface. This helps users who are new to the question make a choice.
Kim Flaherty of the Nielsen / Norman Group lists the sane reasons for using a not-so-good pattern: the popup that appears when you try to leave the site.
Typeform's Steve Howe shows examples of interface texts for trivial and boring situations that everyone usually misses.
Toph Tucker's powerful series of data reporting tips for financiers in a wide range of disciplines.
Analysis of dark patterns in the mobile game Mario Kart Tour.
Analysis of the interface of motivation to purchase an increased tariff plan in the Zapier service.
Anna Kaley of the Nielsen / Norman Group gives tips on designing social responsibility pages on corporate websites.
Design systems and guidelines
Gorgeous Nathan Curtis memo on how to run a design system as a project in Jira. Setting and grouping tasks, versioning and other key aspects.
Nathan Curtis gave an overview of test methods for design systems. Standard quality assurance measures and verification of user qualities.
Gorgeous Teresa Man reminder from Superhuman on creating a dark theme. Tips are well supported by examples and theoretical calculations.
Nathan Curtis memo on communication of design system updates inside and outside the company, well, in general, conducting system information work with all interested parties.
Powerful voice & tone guideline by Andrea Drugay from Dropbox. She gives advice on all aspects - updating, working groups, internal marketing.
Design system of Gazprombank. The entire basic set is in place.
Design system Adobe. Tokens, animation, accessibility, localization. Although instead of real components - screenshots.
Book about design systems. He promises to answer basic questions.
Stripe's Daryl Koopersmith and Wilson Miner describe an approach to creating color palettes in a design system. They use the Lab color model (CIELAB) instead of the hottest HSL right now, because it conveys light more realistically.
Microsoft's Douglas Montague talks about the integration of the brand and product teams that made it possible to make a strong update in 2015. It describes the format of team interaction using a few examples.
Alexey Kalenyuk from Ingram Micro Cloud talks about the Puzzle Tokens plugin, which makes an analogue of tokens on Less for Sketch. This allows you to systematically update the parameters of the visual language in the layouts.
The plugin itself .
React training manual for designers from Framer.
Budi Harto Tanrim talks about the process of creating the Bukalapak design system and the organizational nuances of this journey. How to start, how to build effective teamwork.
A simple React framework with theme support.
An experimental site for trying on topics .
iOS
User understanding
Jeff Sauro is trying to give a more measurable definition of delight, which many products seek. In general, this is a combination of the unexpected and the pleasant, which is associated with satisfaction.
The Usethics team talks about a bunch of character methods and Jobs to Be Done using a conditional product as an example.
Information architecture, conceptual design, content strategy
Alita Joyce and Sarah Gibbons of the Nielsen / Norman Group conducted a survey of UX professionals on the use of service blueprints. They see three values: an artifact, a framework, and a way to improve teamwork.
Stanislav Khrustalyov and Hard Client made their own version of CJM for Auchan stores (not by customer order). Strong detailed example.
New Interface Design Tools
Support for variable fonts and advanced OpenType features.
Plugins
- Pexels : many data sources, including a million stock photos. Officially supported by Sketch themselves.
Another service for commenting sites. Works through a plugin in a browser.
Abstract
A memo to Bryan Mortensen from Progressive Leasing on the work of the design team .
Figma
Allows you to
publish your layouts and templates in a public profile . There was also an
automatic animation (
Lucas Chae recreated the characteristic animations from iOS ).
Two more free collections of illustrations with a constructor.
Statistics on the popularity of different screen resolutions in a visual form. You can filter by the most frequent.
The catalog of plugins for Sketch, Adobe XD and Figma from the Flawless team.
User research and testing
Userzoom conducted a UX market survey among their customers. Focus on methods and tools for user research, but there is a common piece about design teams in companies.
Julia Kingsep from the Mail.ru Group UX Lab talks about pairing usability testing of interfaces.
Microsoft's Caryn Kieszling talks about migrating users to an updated mobile application. How the team used qualitative and quantitative data to find reasons for dissatisfaction with the redesign.
An example of a phased improvement of the questionnaire from Feifei Liu of the Nielsen / Norman Group. They tried different versions on a small number of users before launching to the main audience.
Beth Dunn from HubSpot describes in detail the principles of the design team and examples of the approaches and methods used for each of them.
Jeff Sauro conducted a couple of experiments to understand how color highlighting of positive, negative, and neutral responses in satisfaction surveys affects the outcome. It affects a little.
Michael Morgan describes an approach to extracting notes from user research. He notes the problems and situations of each respondent on the printout of the screen being tested, and then brings them together.
Kathryn Whitenton of the Nielsen / Norman Group gives tips on conducting remote unmoderated testing sessions.
Visual programming and design in the browser
Andy Clarke continues a series of experiments with an interesting magazine layout on the web.
New scripts
Metrics and ROI
Powerful review of key scientific publications that test performance or criticize NPS. Jeff Sauro has collected only those that can be considered authoritative.
Jeff Sauro has learned different ways to measure user satisfaction. He identified five types of scales that are used in them.
Jeff Sauro describes Microsoft’s NSAT (Net Satisfaction) satisfaction metric. This is a 4-point scale, similar in calculation model to NPS.
Aurora Harley of the Nielsen / Norman Group writes about "conceited" metrics and how to more correctly evaluate interface performance.
Jared Spool describes an example of selecting metrics to evaluate interface improvements. He took as a basis parking machines, which were updated to modern ones.
Alita Joyce of the Nielsen / Norman Group shows how to measure interface learning.
Design Management and DesignOps
The site collects vacancies for design managers and other design managers from around the world.
Rachel Krause of the Nielsen / Norman Group describes three formats for integrating design tasks into a common backlog for agile teams.
Progression's Jonny Burch gives tips on creating a team competency map. When, for what reasons and in what format.
Service design maturity model from Koos. A classic 5-step staircase.
Colin Narver from IBM describes his set of qualities as a good product designer. A good and not the most superficial example.
Sasha Lubomirsky from Ueno Studio talks about the design process for client projects.
Facebook blog about company design management.
Lauren Swanson talks about the process of hiring and developing designers at IBM, as well as the internal design culture.
Team interaction
Timer for the exercise of creating quick outline ideas for work sessions and brain storms.
Methodologies, Procedures, Standards
The British Design Council has updated the canonical "double diamond" model, which characterizes almost any process of creative work to solve problems. They added explicit iterations to it. Most practitioners already understood their importance, but they had to do their work by completing small “diamonds” and other branches to make this idea clearer for everyone.
A collection of basic methods and frameworks for conceptual design and user analysis.
Cases
Saptarshi Prakash talks about working on the Swiggy application and shows iterations of working on a list of products that he has run through real content.
Vidit Bhargava talks about porting LookUp iPad app to MacOS using Catalyst. How interface solutions have changed for a more native feel.
Creative Navy Studio specializes in the design of modern cash registers. They show how user research improves the interface with a single project.
Story
Taschen Publishes Rob Ford's Web Design. The Evolution of the Digital World 1990 – Today ”on the history of web design since the early 90s. 640 pages of rarities and unusual excavations.
Review article .
Algorithmic Design
Powerful video styling approach. It solves the problem of quick fitting of the stylistic direction for films.
A powerful long read by Fabio Sergio from Fjord about the future design profession at the junction of three tasks - digital products, industrial design and architecture.
For general and professional development
Contented published the film in the public domain. It is based
on the course of the same name , launched in 2017. We got an excellent theoretical foundation, which reveals the essence of the work of the interface designer pretty well. This film should help novice professionals understand the profession. This year it was shown in several cities on a large screen, and is now available on the Internet.
The second season of the series came out.
Conference proceedings
The
Framer Loupe conference was held August 14-16, 2019 in Amsterdam. Video of performances published.
Subscribe to the digest on Facebook , VKontakte , Telegram or by mail - there fresh links appear every week. Thanks to everyone who shares the links in the group, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov and Anton Oleinik. Special thanks to the Setka team for the editor and Alexander Orlov for the visual style.