For seven years now I have been publishing regular reviews of recent articles on the topic of interfaces, new tools and collections of patterns, interesting cases and historical stories. From the tapes of several hundred thematic subscriptions, approximately 5% of the worthwhile publications are selected that are interesting to share. Previous materials: April 2010-November 2017 .
In November, I launched the Telegram channel and am experimenting with its format. Just monthly distribution of the latest issue is not enough, and duplicating the Facebook band is useless and labor-intensive - that is why I did not dare to take up Telegram for a year. The first attempt is an excerpt of the most interesting in the group for the week (for example, about trends and instruments ), judging by the first reviews, this falls into the readers' expectations. Subscribe.
Patterns and best practices
M-Commerce - Terrible UX Updated conversion statistics for mobile online stores from Nielsen / Norman Group. Although it is still worse than ordinary computers, both in interest and in money, the gap is rapidly narrowing. ')
Club of creators of domestic design systems This year, many domestic companies have shown their achievements in design systems. Especially intensified by the fall - every month someone announced its design and technology platform. Andrei Sundiyev and I have been working on design systems for a long time and decided to give impetus to their development in Russia we launched the Design Systems Club collection site.
The site contains information about companies, about the activity of which we knew for sure: component libraries, articles, presentations, etc. Now organizations with open live guidelines are presented: Alfa-Bank , Design of State Systems , Mail.Ru Group , Rambler & Co , Yandex , as well as those who described them in articles: Acronis , MegaFon and Tinkoff . We heard about the developments in several other companies (2GIS, Avito, EastBanc Technologies, Kontur, Raiffeisen, Sberbank, Qiwi), but did not have specific references that could be referred to. The main criterion for mentioning on the site is that the company is meant by a “design system” technological framework, and not a banal UI Kit in Sketch (or a classic guideline in the screenshots). If we have unfairly forgotten about you or misrepresented in the descriptions - write to Andrei Sundiev or me .
We want to spur the exchange of experience between companies and show that everything is not so difficult and quite feasible. For example, at the end of September, at the UX-Wednesday micro-conference, a round table discussion was devoted entirely to this topic, and the general interest of the Russian audience proved its relevance. The more well-known successful examples and people with whom you can talk on topical issues of implementation, the faster the domestic market will develop.
Of course, we do not forget about the best and main site-collection of design systems . But the majority of companies in our compilation work in the Russian-speaking market, and translating component libraries only for getting there is not particularly justified. For the first version of the site we, first of all, put all the links together. In the future we will work on the development of the idea - it will become clearer and clearer, it will be possible to compare the progress of companies.
Subscribe to the newsletter to get everything fresh once a month. And do not be afraid to start - the first step is quite capable of even small companies.
Design principles Ben Brignell has put together another powerful collection of design principles that is even larger than the classic Design Principles FTW.
Cristobal Castilla & Zack Schiller - Design Systems & Tools at Facebook Cristobal Castilla’s insanely interesting talk about the FIG design system on Facebook. The story mainly concerns the templates for Sketch and Origami, but it affects the components in the code and the approach to the development of the platform as a whole. For design tools, a space set of add-ons, interlayers and plug-ins has been written on its own. In addition to the convenience of organization, this makes it possible to use icons from a single repository with development, to connect data from a personal profile (this is convenient for both prototyping and usability testing). This is a very, very powerful guideline on how to organize work with designer tools.
Creating GE Cirrus - The Next Generation Predix design language Ken Skistimas, head of the GE Predix design system, talks about working on her new generation. An explanatory example of what tasks are facing a mature platform. Other design systems news:
Acronis Design System - Part Two.Icons, SVG fonts, Gulp Sergey Nikishkin continues the story about the Acronis design system with the description of the pictograph generator - how designers store them and transfer them to products.
Branded in memory An interesting experiment on how consumers remember the brand logo. A group of respondents was asked to sketch 10 well-known companies. As a result, their most remembered features were distinguished.
Sean Parker says Facebook 'exploits' human psychology Sean Parker tells how, as the first president of Facebook, in the early stages he focused on psychological tricks forcing users to constantly return to the product. Continuing the theme:
Information architecture, conceptual design, content strategy
The Secrets of Creating Great Design Workshops Dan Brown describes a universal approach to the conduct of any working session on the conceptual development of the interface. This is a common outline, in which the popular “branded” processes fall completely.
Pens, Process, Product - Sketching for UX Chris Spalton from Foolproof actively makes sketchnotes at conferences and describes situations in which sketches help in working on the interface.
Design and design of interface screens
Alva The new tool for designers is designed for the design system in the correct sense - the designer uses a visual representation of React-components, and not a banal UI Kit. After the fashion for converters from code to Sketch, the tool makers finally got to the right approach.
Sketch 48 Version 48 has been released. This time without big jerks: managing color profiles, developing Sketch Cloud and libraries, searching and replacing colors, improved character scaling and a lot of little things.
Interesting plugins:
The SketchCleaner plugin helps to brush layouts — remove unnecessary styles, rename layers, find hidden elements, and bring objects (for example, borders) to a single view.
VR / AR prototyping for everyone Pavel Laptev describes the history of virtual reality and shows how to prototype such interfaces using Framer and the browser framework A-Frame.
Version 1.5 has been released . Appeared application for viewing prototypes on Android / iPhone-phones. Next year there will be integration with Sketch and FuseJS with the ability to use just JavaScript.
5 Metrics to Diagnose Website Problems in Online Studies Jeff Sauro gives five simple criteria for assessing the success of the interface, which is checked through remote unmoderated usability testing. Watching tens and hundreds of videos can be tedious, so the way to quickly find problems is important.
Changing the Net Promoter Scale - How Much Does It Matter? Jeff Sauro examines the reasons why the NPS scale consists of 11 points and what will happen if you replace it with 5 or 10. Spoiler: the method breaks down and the data is distorted, so it becomes impossible to compare them with others in the industry.
There are no small changes Intercom's Des Traynor provides an example of how many issues for implementing a product solution need to be resolved even for a small change.
Design Thinking is Kind of Like Syphilis - It's Contagious and Rots Your Brains Powerful long-read Lee Vinsel with deep criticism of design thinking. He is digging towards an unhealthy attitude to the concept of “innovation” and the abstract desire to “reinvent something” without trying to realize how this thing or phenomenon works and what its problems are. Design thinking is a great way to popularize a thoughtful design process for non-designers; the problem is that often everything ends simply at the level of a simple splash of “creative energy”.
How to Deal With Bad Design Suggestions Kara Pernice and Kathryn Whitenton suggest how to act in a situation where a manager or customer offers strange solutions. It is important not to conflict, but rather to explore the essence of the idea, and then to explain in practice its performance or disability.
8 Instincts of Great Facilitators Dan Brown describes the basic skills of a facilitator who help conduct successful working sessions on interface design.
Cases
How we design enterprise software Lee Munroe, Mesosphere Design Team Leader, describes the design process in a company. It is quite typical, but well deployed.
Trends
Fjord Trends 2018 An annual review of trends from Fjord. He is always one of the most balanced.
Visual importance An experimental tool from the MIT research team suggests the perceived visual visibility of elements on a page or layout. It turns out the heat map, which subsequently must confirm or deny the real eye-tracking study. For relatively simple interfaces, this is quite a working tool, although you need to be critical of the results for more or less complex products. Video work .
Microsoft added a resume companion to the Word that targets other candidates on LinkedIn. He suggests what skills are best to add and what to do to focus on, to get a competitive profile and adapt it to a specific job.
Justin O'Beirne compares Google maps and Apple in the most thorough way . He is trying to figure out how Google has managed to get high graphic and semantic detailing of buildings and activity zones, even for small cities and towns. The company uses algorithmic design approaches and selects a lot of useful information from satellite images and street panoramas.
Dynamicland Two interface geniuses Bret Victor and Alan Kay announced a pilot project of new computer classes where children and adults learn to work with technology using offline tools.
Messages Matter - Exploring the Evolution of Conversation The Facebook Messenger team has prepared an analysis of the development history of communication using short messages and instant messengers and describes its vision of how they change. Many interesting numbers and statistics.
I spent a day working in Windows 10 Mixed Reality Andrew E. Freedman tried to work on a computer all day in a virtual reality helmet using new Windows features. It turned out tedious and not very convenient. Continuing the theme:
SKB Kontur Designer - Principles A good description of the skills and responsibilities of the interface designer in the design team SKB Kontur.
The Broken Comb - Learning To Be A Multi-Skilled Designer Ste Grainer gives advice on developing product designer skills. Many people say that it is important to be able to work with the code, but this is only one of the possible directions of development. He also lists ways to learn in theory and practice.
Designer, close Sketch! An intelligent kick in the ass for novice designers from Ilya Sidorenko - how to build a career at an early stage. It is important not to be afraid to communicate with the outside world, including more experienced colleagues - this greatly shortens the path by confirming or refuting its development plans.
People and companies in the industry
Font Detectives High Stakes Cases The story of typewriter experts Thomas Phinney and Allan Haley, who help solve political and economic scandals thanks to their in-depth building of font history and printing technology. This helps them determine if a document has been forged. Translation .
The loop InVision made a small documentary about the IBM design-thinking version and transformation of the company as a whole.
XD Immersive The organizers of UXSTRAT are launching a new conference dedicated to the design of virtual reality interfaces. It will be held May 3-4, 2018 in San Francisco. Announcement from the organizer Paul Bryan , including a useful skill map for specialists in this field.
Fresh links can also be tracked in the Facebook group of the same name, received once a month by mail or read in the Telegram .Thanks to everyone who also publishes links in it, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artyomov, Denis Efremov, Alexey Kopylov, Taras Brizitsky, Yevgeny Sokolov and Anton Oleinik.More and more materials in reviews appear thanks to them.