The digest collects 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-May 2019 .
Suzanne Scacca writes about a strange trend when chat bots replace the usual feedback forms on mobile sites. In most cases, they are useless and only complicate contact with the company.
Page Laubheimer from Nielsen / Norman Group talks about the law of taxiing Accot-Zhai for interface elements that require a long pointer movement (for example, a mouse cursor). It helps to make the accessible zone (tunnel) wide enough so that the interaction with the drop-down list, slider, video chronology and other similar element is comfortable.
The annual conference of WWDC brings fresh iOS and some unexpected ones for interface designers making fancy apps. This time came from the side of the tablet.
Since there is no reason to wait for a reasonable approach with a single OS for Apple’s computers and tablets, the creeping migration of tablets towards usefulness continues (with the rejection of many Post-PC mantras). This year, iOS has been allocated to a separate branch of the iPadOS. What interesting happened to the interface :
More serious work with the file system after all those tales of the uselessness of this “outdated concept”. There are even their own flash drives - an SD card can be connected via an adapter.
Applications can be run several times (they will be in tabs).
The start screen is now with widgets, and the grid of application icons is denser.
Better switching between applications.
Simple gestures for copying and pasting, as well as cancellation when editing documents. You can put fonts (judging by the description, through the AppStore).
Gradually they are working on a browser that was very far from modern features on the desktop. They already boast of Google Docs, so most likely, Figma and the upcoming Sketch for the browser will be able to.
Project Catalyst (previously announced as Marzipan), which allows porting iPad applications to Macs, is already available to developers. For example, Twitter quickly flashed the application.
Another useful tool is the SwiftUI framework for any Apple OS, which greatly simplifies the interface assembly. So that designers can do this - you can sketch elements on the screen and then adjust the code. Step - by -step lessons come to him, and the omnipresent Meng To will launch the course in the fall.
Gene Shopnon from Shopify reflects on the main findings from two years of experience working on their Polaris design system. Many interesting details and practical problems of development of a large-scale platform.
Adobe is developing its Spectrum design system. They have more than a hundred products, so the task is monstrous and the return will not be fast. But they described a good universal approach that could potentially help make different applications homogeneous. The team recently answered questions from Designer News . A couple more articles on the topic from them: 1 , 2 and 3 .
Vox Media's Michele Cynowicz talks about how interactive prototypes are built around their design systems. They make a branch in the components, which, if successful, merges into the main code and is accessible to everyone.
A useful reminder of Rhiannon Jones from Deliveroo for choosing the right key for interface texts. It should be associated with the brand and work in ordinary and problematic situations.
Chrid Cid proposes to call design-system variables "ions" for those who adhere to the atomic design methodology. True, the "tokens" is already a more well-established and accustomed word.
Susan Gray Blue from Facebook describes the company's approach to the tonality of texts in the interface. They do not try to guess the mood of the user, because this is impossible, but they try to be adequate to the specific situation.
The service helps to store design system tokens and distribute them to a bunch of platforms and frameworks. Well, collect them initially from the design tools.
Kate Moran and Kim Flaherty describe a compromise between convenience and fears for modern devices and services that require you to sacrifice some privacy.
Announced version for teams. Sketch Cloud shared space, versioning, centralized distribution of plug-ins and symbol libraries, viewing screen specifications in a browser without Zeplin. As in Figma, you only pay for the editors, and not everyone with a single view of one screen. The beta version will appear in July.
And in version 56, the most ancient and stupid pain will be solved - the characters themselves change size as content changes. Do not have to change the width of the hands of the buttons? Plus a component panel will appear next to the layers (as in the Figure). And the change in distance in the group of objects (also in the Fig).
Plugins
Sparkle : The plugin turns a tool into a promo site builder - you can build it and get ready-made code.
xLayers : The application allows you to assemble a finished site from the layout. And you can get both static and component version on React and Angular.
Dmitry Kovalenko from Readle made three hundred data sets . Names, mail addresses, devices, countries, airports, etc.
The service allows you to quickly assemble a learning tour for the user. The authors have targeted sellers and customer support, i.e. use to help a particular person.
Announced plugins. They promise reliable and trouble-free operation when add-ons do not break when the tool is updated. A beta version for developers is already available. This was one of the main functional claims shifting from Sketch.
Bonus: Memo to create a typographic system . More basic theory of building a font scale, but there are examples of patterns directly in Figma.
This is reminiscent of a tipping point in the race of Android and iOS - at some point they so strongly broke away from competing platforms like Windows Phone, Tizen, Sailfish, WebOS, and others that all attempts to catch up with their heads lost meaning (with all the money from Adobe and InVision) . This year, Sketch and Figma will do about the same, so I don’t even know whether to continue talking about the rest.
Experimental tablet app for visual notes and sketches. Interesting techniques of interaction with interfaces, which are discussed in detail in the article.
Out of beta . The organization of projects in the cloud and versioning appeared, and the interface itself is greatly improved.
Zeplin
We launched global guidelines that can describe several projects at once. Colors, fonts, and components can be inherited, for example, between the web, Android, and iOS.
Matt Duignan from Microsoft manages the HITS user insights database. It shows the principles of its operation and how food teams benefit from it. His podcast is on this topic .
Babette Schilte, a user research team on Facebook, talks about collecting small insights from user research that can and should be used for other tasks.
Jeff Sauro deals with the ability to predict the user's actions through his attitude towards the company or product. He walked through early research (including the reasons for the emergence of the norm “you do not need to ask the user what he needs”). Attitudes can be divided into three components (beliefs, feelings, and intentions), and the likelihood confirms the probability of predicting subsequent actions.
Jeff Sauro compares the HEART framework with earlier counterparts and tries to understand how its use benefits the product teams. He connects metrics of behavior and attitudes towards the company.
Henry Wu from HubSpot writes about how a designer can competently communicate in the language of business and appeal to the correct metrics for the current situation in the product.
Atlassian's Alastair Simpson led many design teams at the company. He created a smart memo for a new design manager in a team - how to sort out the situation and bring benefits, and not a new layer of micro-management.
Deliveroo's Sana Rao talks about the reorganization of the design team. They came to the matrix structure instead of division into functional departments.
Denise Lee Yohn gives advice on the organization of the internal culture of the company, which contributes to the focus on users. Much time is spent on the availability of knowledge about the user and competent hiring of employees.
Eunice from IBM briefly talks about the competency map for designers in the company (there are already 2,000 of them). Allison Biesboer tells how she was born (a bit too much water, but there are basic details of the creation process).
Slack Behzod Sirjani talks about his experience in building an internship program for user research, as well as a vision for working properly with product teams.
Ayesha Saleem has done a little UX research in startups. She identified three categories, depending on when they started using good interface design practices, and tried to relate them to success in the market.
Dan Brown describes a universal approach to conducting useful design meetings. These are 4 stages - the formulation of a problem, the extraction of ideas, a combination of ideas, reflection.
A great article by Oleg Yakubenkov, where he shows an error in using the term Customer Development, which is now popular in the domestic professional community. In the original concept of Steve Blank, this was a holistic methodology for grocery work, and by this we mean only one of the pieces - user research (or rather, part of it - in-depth interviews).
Sid Yadav has moved from design to product management and gives 10 tips on key focus points in this transformation. All with references to efficient books.
Strong concept of a fictional operating system from Jason Yuan. It is designed for meta-scenarios (for example, to plan a trip) in which the user interacts with atomized parts of applications (for example, a specific correspondence from the messenger).
A striking example of the fiasco at product launch. Accenture did a restart of the Hertz website for many millions of dollars. They thwarted all the time limits, the solution did not meet the TOR in terms of modern requirements (correct adaptability, a normal design system on components in the code with a live guide, the possibility of the theming for sub-brands). And for bringing him to the contractor asks for millions for finishing work.
Niteesh Yadav describes the features of perception of texts in virtual and augmented reality. How to achieve good readability.
Car Interfaces
Redesign CarPlay . Splitting the screen for two applications, so you don’t have to switch from maps to music, plus context-sensitive application hints.
The Kim Flaherty of the Nielsen / Norman Group gives its definition of the difference between User Experience and Customer Experience. She considers three levels of human interaction with the company - specific interactions, holistic scenarios and a general history of relationships.
Jon Kolko reflects on the problems of modern education for designers. How to make graduates not only know the methods, but think better about the problem being solved.
Jony Ive leaves Apple. Together with Mark Newson, they will open a design studio that will work including with Apple. Five years ago, he said that he would leave only if the company ran out of innovation.
Subscribe to a 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 Artyomov, Denis Efremov, Alexey Kopylov, Taras Brizitsky, Yevgeny Sokolov and Anton Oleynik. Special thanks to the Grid team for the editor and Alexander Orlov for the visual style.