Product Design Digest, September 2018

The digest collects fresh articles on interface design, as well as tools, patterns, cases 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-August 2018 3r3-3998. . 3r33986.  
3r3998. 3r33986.  
3r33966. Patterns and best practices
3r33986.  


UX
3r33973. 3r33986.  
The most elegant memo on working with interface animation from Taras Skytskyi. He reviews real-world situations in working with digital products, rather than abstract laws from the world of classical animation, and all this with illustrative examples. Translation 3r3998. . 3r33986.  
3r33986.  
Product Design Digest, September 2018 3r33986.  
3r33986.  
3r3334. Motion design doesn’t have to be hard
3r33973. 3r33986.  
Jonas Naimark from Google shows basic approaches to interface animation. Capacious and in the case. 3r33986.  
3r33986.  
Let’s do this! 3r33973. 3r33986.  
Rachel McConnell from Deliveroo has some simple, easy-to-understand tips on writing good names for buttons in the interface. 3r33986.  
3r33986.  
3r33986.  
3r33986.  
Dark Patterns And Other Design No-Nos For Mobile 3r33973. 3r33986.  
A good overview of the types of dark patterns from Suzanne Scacca. 3r33986.  
3r33986.  
Avoid Password Roadblocks 3r33973. 3r33986.  
Xinyi Chen and Yuxuan (Tammy) Zhou from the Nielsen /Norman Group describe approaches to quick authorization via a QR code or a one-time code in Chinese mobile applications. 3r33986.  
3r33986.  
Get Your Mobile Site Ready For The 2018 Holiday Season 3r33973. 3r33986.  
Suzanne Scacca gives advice on preparing a mobile version of the site for holiday sales. 3r33986.  
3r33986.  
How to Display Taxes, Fees, and Shipping Charges on Ecommerce Sites 3r33973. 3r33986.  
Kim Flaherty of the Nielsen /Norman Group gives advice on the timely mention of additional payments when purchasing goods in online stores. The store risks not only disrupting the current sale, but also discourage the buyer from returning for a long time. 3r33986.  
3r33986.  
3r399. Form Field Usability: Avoid Multi-Column Layouts (13% Get It Wrong)
3r33973. 3r33986.  
Edward Scott describes problems in forms with fields in several columns. Users lose the thread and skip them. 3r33986.  
3r33986.  
Design better gradients 3r33973. 3r33986.  
Matthäus Niedoba is working on the Cinema4D interface and gives tips on how to implement a slider to adjust the gradient. 3r33986.  
3r33986.  
3r33966. Design systems and guidelines
3r33986.  
IPhone XS, XS Max and XR

templates. 3r33986.  
Apple announced new iPhone XS, XS Max and XR phones. Although it is sad to see that the whole world has stumbled and is ready to eat humus with spoons (screens with a “bang”, worsening the landscape mode, have become the norm), nobody has canceled the design for them. 3r33986.  
3r33986.  
In the first days, we managed to generate a lot of templates for submitting layouts: 3r33986.  
iPhone XS and XS Max from Lstore , 3r3134. Apply Pixels 3r3998. , Virgil Pana and 3r3138. Pixeden
. 3r33986.  
iPhone XR from 3r3142. Apply Pixels 3r3998. and 3r3144. Pixeden
. 3r33986.  
3r33986.  
3r33150. Resolution 3r3998. and 3r3152. density 3r3998. The screen of new phones is in the official guidelines. The most important: 3r33986.  
iPhone XS - 1125px × 2436px (5.8 ″, @ 3x)
 
iPhone XS Max - 1242px × 2688px (6.5 ″, @ 3x)
 
iPhone XR - 828px × 1792px (6.1 ″, @ 2x)
 
3r33986.  
Current 3r3164. UI Kit for Sketch, Adobe XD, Photoshop and Keynote
is on the Apple site. 3r33986.  
3r33986.  
Bonus: Benjamin Mayo describes problems with the first version of iOS applications running on MacOS . 3r33986.  
3r33986.  
3r3176. 3r33986.  
3r33986.  
Apple Watch as a platform for third-party applications were not so popular (even fresh templates were not found quickly), but they showed them 3r3181. 4th generation 3r3998. with a larger screen and modified dials on the new watchOS 5 (3r3183. review 3r3998.). They also strive for framelessness. 3r3185. Screen sizes 3r3998. :
 
3r33986.  
44mm - 368px × 448px
 
40mm - 324px × 394px
 
3r33986.  
3r3197. 3r33986.  
3r33986.  
In general, it's time to update the portfolio, and the fact that you are like suckers with an outdated iPhone X 3r3393986.  
P.S. How to write - Xs or XS? Apparently, the subscript title XS, but even in the Apple guidelines is still different, so we are waiting for the installation. 3r33986.  
3r33986.  

Releasing Design Systems 3r3r998. 3r33973. 3r33986.  
A series of articles by Nathan Curtis on the process of updating design systems. Like
build release cycle 3r3998. ,
versioning at different levels 3–3–3998. (library of components, components themselves, design patterns and tokens), 3r-3218. roll out new versions of 3r3998. and where to start at all. 3r33986.  
3r33986.  
3r33986.  
3r33986.  
ColorBox 3r3998. 3r33973. 3r33986.  
The Lyft design team has made a powerful color palette generator for its design system, which provides flexibility, but at the same time algorithmic predictability and support for sufficient contrast.
Kevyn Arnott talks about how she was created 3r3998. . 3r33986.  
3r33986.  
3r33986.  
3r33986.  
Awesome Reactnative UI - Awesome React Native UI components updated weekly
3r33973. 3r33986.  
A large collection of components on ReactNative. 3r33986.  
3r33986.  
Examples of design systems

3r33986.  
Financial Times 3r3998. 3r33986.  
Discovery Education 3r3998. . 3r33986.  
3r33986.  

Google Wear OS 3r3393973. 3r33986.  
Good
Wear OS review with a bunch of screenshots of the 3r3998 interface. . 3r33986.  
3r33986.  
3r33966. Understanding of the user
3r33986.  
The Practical Handbook to Building Better Feedback Loops
3r33973. 3r33986.  
E-book NomNom on how to work with feedback from users in different channels and turn it into product insights. 3r33986.  
3r33986.  
Progress - The Core of the Jobs to be Done 3r33973. 3r33986.  
Alan Klement once again explains why the concept of “progress” is key to the Jobs to Be Done method. 3r33986.  
3r33986.  
3r3305. Change Blindness in UX - Definition
3r33973. 3r33986.  
Raluca Budiu of the Nielsen /Norman Group describes the psychological principle of blindness to change. Given it, you can achieve better visibility of the interface elements. 3r33986.  
3r33986.  
3r33966. Design and design of interface screens
3r33986.  
3r33333. React Proto
3r33973. 3r33986.  
An experimental tool helps translate Sketch layouts into components on React. It facilitates the breakdown of the screen into separate patterns, each of which can have nesting and logic of behavior. 3r33986.  
3r33986.  
3r33986.  
3r33986.  
FramerX

3r33986.  
Product out of beta 3r3998. . And Modou Lo listed
the most raw places of the current version 3r3998. . 3r33986.  
Zach Johnston from Dropbox has collected a few examples of
what can be done with real data 3r3998. . 3r33986.  
3r33986.  

Adobe XD 3r33939. 3r33986.  
3r33333. September update 3r3998. . Resizing layouts with adaptability, spelling check, improved prototypes and animation. 3r33986.  
3r33986.  
Detailed analysis of the publication Prototypr 3r3998. and
Instructions for working with external content 3r3998. . 3r33986.  
3r33986.  
Sketch 52 3r3998. (beta)

3r33986.  
They promise an improved interface and a dark theme. The most important thing is to simplify working with variable properties in characters, so the same color redefinition will be less crutch. Jon Moore in a wild delight, 3r3333373. described the new approach details 3r3998. . And also a hint at simplifying the insertion of real data into layouts. 3r33986.  
3r33986.  
3r33986.  
3r33986.  

Plugins and articles

3r33986.  
3r33333. 6Spiral
: allows you to draw spirals. 3r33986.  
3r33986.  
3r33394. Visual Inspector Scribble
: collaboration of designers and interface writers. 3r33986.  
3r33986.  
3r33400. Walmart's Travis Folck talks about the sketch team of the design team
. 3r33986.  
3r33986.  

3r3407. Principle ???r3998. 3r33973. 3r33986.  
Many improvements in the editor and the possibilities of animation. 3r33986.  
3r33986.  
3r33417. Trailer 3r3998. 3r33973. 3r33986.  
The application for Mac helps to do video work with the interface for product promo videos. 3r33434. Video work 3r3998. . 3r33986.  
3r33986.  
3r33434. Cleanmock
3r33973. 3r33986.  
Another service for a spectacular presentation of interface screens in devices. 3r33986.  
3r33986.  
Affinity Publisher 3r33973. 3r33986.  
The company launches a competitor InDesign - gradually bites off more and more from the Adobe product line. The beta version is already available and free for now. 3r3444. Video demo 3r3998. . 3r33986.  
3r33986.  
Alva 3r3998. 3r33973. 3r33986.  
Product out of beta. Like FramerX, it is sharpened for a design system in the correct sense - the designer uses a visual representation of React-components, and not a banal UI Kit. 3r33986.  
3r33986.  
3rr3461. Logo Lab 3r3998. 3r33973. 3r33986.  
The tool helps to optimize the logo for different representations in digital products and printing. 3r33986.  
3r33986.  
3r33471. Mokup 3r3998. 3r33973. 3r33986.  
Another tool for prototyping and animation. Looks average, imports only PSD and SVG, but you can add to the heap. 3r33986.  
3r33986.  
3r38080.

3r33986.  
Marvel 3r33973. 3r33986.  
3r3494. Supports import of prototypes made by Sketch
internal functionality. . 3r33986.  
3r33986.  
3r301501. Axure RP 9 3r3998. 3r33973. 3r33986.  
The beta version is already possible to try. You can import layouts from Sketch. 3r33986.  
3r33986.  
3r33966. User research and testing, analytics
3r33986.  
3r33515. How to recruit for user research
3r33973. 3r33986.  
O’Reilly Publishers has published the book 3-333520 David Farkas and Brad Nunnally "UX Research" 3r3-3998. at the end of 2016. They publish chapter 7 of it, devoted to finding respondents for user research. 3r33986.  
3r33986.  
3r33526. 3r33986.  
3r33986.  
3r33532. Quantitative UX Research in Practice
3r37373. 3r33986.  
Nielsen /Norman Group conducted a survey among its readers on the topic of quantitative research methods that they use. The sample is limited, but the results are still interesting. 3r33986.  
3r33986.  
3r33542. Why your A /B tests take longer than 3r3998. 3r33973. 3r33986.  
Oleg Yakubenkov shows how you can change the sample of users for A /B tests and simplify obtaining reliable results due to this. 3r33986.  
3r33986.  
3r???. 4 Classes of Survey Questions
3r33973. 3r33986.  
Memo Jeff Sauro on the main types of questions for user questionnaires. 3r33986.  
3r33986.  
3r33561. 3r33986.  
3r33986.  
3r? 3567. Want empathetic leaders? Take them to the source
3r33973. 3r33986.  
A group of Facebook user researchers talks about the approach to immersing company managers in the lives of users. They organize trips to different cities and countries where they dive into the environment for a better understanding of the audience. 3r33986.  
3r33986.  
3r? 3577. Case Study: Software Development Technique for Usability Testing
3r33973. 3r33986.  
Hossein Raspberry talks about the method of pairing usability testing, when more and less experienced users decide the scenarios together. As a result, in their interaction, the gaps between experience are more clearly visible. 3r33986.  
3r33986.  
3r33587.
The Role of Observation in User Research 3r33973. 3r33986.  
Memo Jim Ross on the types of user research, involving observation of the user. 3r33986.  
3r33986.  
3r? 3597. 5 Ways to Interpret a SUS Score
3r33973. 3r33986.  
Jeff Sauro offers several approaches to the interpretation of the SUS metrics, which shift the bare numbers into clear categories (including those linked to the NPS). 3r33986.  
3r33986.  
3r33966. Visual programming and design in the browser
3r33986.  
New scripts 3r3393973. 3r33986.  
3r31414. The script for the spectacular animation of the gallery with transitions on the diagonal 3r3998. . 3r33986.  
3r33986.  
3r3620. Examples of unusual cursor hoverings on 3-33998. . 3r33986.  
3r33986.  
Work with color on the web

3r33986.  
3r3630. The color-adjust specification in the proposed CSS Color Module Level 4 will allow you to control the color display on the user's device 3r3998. - Often the browser itself decides how to show it. 3r33986.  
3r33986.  
3r33966. UX strategy and management
3r33986.  

DesignOps 3r3998. 3r33973. 3r33986.  
The UXmatters column on DesignOps, in which Jennifer Fabrizi (Travelers), Leo Frishberg (Home Depot Quote Center), Pabini Gabriel-Petit (UXmatters) and Tobias Komischke (Honeywell) give their vision of the term. 3r33986.  
3r33986.  
3r3651. Societe Generale’s Morgane Peng on collaboration, constraints, and chaos
3r33973. 3r33986.  
Morgane Peng talks about how the design team of the bank Societe Generale. 3r33986.  
3r33986.  
3r3661. How to stay scrappy
3r33973. 3r33986.  
Josh Saito talks about the collaborative practices and techniques of the Dropbox Paper design team that help them keep up their spirits. 3r33986.  
3r33986.  
Designing a place for designers 3r33973. 3r33986.  
Arin Bhowmick from IBM talks about the design of creative spaces for designers and co-design sessions with product teams. 3r33986.  
3r33986.  
Measuring your Research Operations Maturity 3r33973. 3r33986.  
Dave Malouf reflects on the topic of assessing user maturity and company research. 3r33986.  
3r33986.  
How Google CEO Sundar Pichai thinks about 3r33973. 3r33986.  
A brief interview with the head of Google Sundar Pichai, in which there are few details about the design of the device in the company. Sparsely, but useful from a person at the helm. 3r33986.  
3r33986.  
3r33966. Team interaction
3r33986.  
Avocode

3r33986.  
Added Support Adobe Illustrator 3r3998. (on the approach of Figma and InVision Studio) and 3r33710. Opened your SDK 3r3998. . They have gained quite a good experience with the layouts of different tools and made 3r31212. universal format 3r3998. which contains data from all possible tools. 3r33986.  
3r33986.  

3r33737. Chipmunk 3r3998. 3r33973. 3r33986.  
The service promises to help teams keep working layouts and other design resources. 3r33986.  
3r33986.  
Abstract

3r33986.  
Seriously updated
tool website 3r3998. . 3r33986.  
3r33986.  
3r33966. Grocery management and analytics
3r33986.  
3r33737. Comparative Research Done Right
3r33973. 3r33986.  
Christina Wodtke not bad describes different approaches to the comparative analysis of competitors before starting work on a product. 3r33986.  
3r33986.  
3r33966. Methodologies, procedures, standards 3-333967. 3r33986.  
3r3757. Enterprise Design Sprints
3r33973. 3r33986.  
E-book on design sprints from InVision. The author is Richard Banfield, who is Already released a book on the topic 3r3998. . 3r33986.  
3r33986.  
3r3769. How-to-Run 13 Design Sprints at Once New York Times
3r33973. 3r33986.  
Jake Knapp held a meta-design sprint for the New York Times. As part of the annual hackathon of the company, 13 teams simultaneously solved their tasks using the methodology. 3r33986.  
3r33986.  
Bonus: 3r3778. The story about the design sprint, which the Agency Useful spent for Kaspersky Labs 3r3-3998. . 3r33986.  
3r33986.  
3r33966. Cases
3r33986.  
Unboxing Chrome 3r33973. 3r33986.  
Hannah Lee talks about redesigning the Chrome browser for its 10th anniversary. More about the nuances of working with the visual design of the top panel and especially the address bar, but meticul enough to understand the scale of the complexity of the product, which some grin at, they say, "yes, what can I do here." 3r33986.  
3r33986.  
Bonus: 3r3798. Interview with Alex Ainslie on the redesign of Google Chrome
. 3r33986.  
3r33986.  
3r3804. 3r33986.  
3r33986.  
3r33966. Trends
3r33986.  
Market statistics (first half of 2018) 3-333973. 3r33986.  
2 billion 3r33817. devices on iOS 3r3998. 3r33986.  
3r33986.  
3r33966. Algorithmic design
3r33986.  
3r3828. Everyday Ethics of AI
3r33973. 3r33986.  
Adam Cutler, Milena Pribić and Lawrence Humphrey from IBM prepared a set of ethical rules for creators of interfaces and products in general with artificial intelligence. 3r33833. Announcement from the authors 3r3998. . 3r33986.  
3r33986.  
3r33838. 3r33986.  
3r33986.  
3r33845. Why Love Generative Art? 3r3998. 3r33973. 3r33986.  
Jason Bailey talks about the history of generative art from abstract artists to neural networks. 3r33986.  
3r33986.  
3r33966. Voice interfaces
3r33986.  
3r33859. The Paradox of Intelligent Assistants: Poor Usability, High Adoption
3r33973. 3r33986.  
Kathryn Whitenton and Raluca Budiu continue the story of the Nielsen /Norman study of voice assistants. An interesting paradox - although users describe many problems in working with them, in general, they are often satisfied. One of the main reasons is that users themselves have limited the range of usage scenarios in which smart helpers are predictable. 3r33986.  
3r33986.  
3r33868. 3r33986.  
3r33986.  
Google Assistant 3r33973. 3r33986.  
Google Assistant has learned to understand two languages ​​at the same time. 3r33986.  
3r33986.  
3r3884. What I Learned Making 5 ARKit Prototypes
3r33973. 3r33986.  
Apple ARKit Augmented Reality concept series from Nathan Gitter. 3r33986.  
3r33986.  
3r33894. Why does Apple’s 3D Touch fail miserably? 3r3998. 3r33973. 3r33986.  
Juan J. Ramirez writes about the problems of 3D Touch on the iPhone, which was removed from the new model Xr. Developers sluggishly responded to the technology, and in terms of ergonomics a lot of questions to it. 3r33986.  
3r33986.  
3r33966. For general and professional development 3-333967. 3r33986.  
3r3908. FakeClients - Generate Fake Design Client Briefs
3r33973. 3r33986.  
The service offers educational tasks for design from non-existent clients in order to get a hand in beginning designers. 3r33986.  
3r33986.  
3r33917. 3r33986.  
3r33986.  
3r33939. InVision Inside Design
3r33973. 3r33986.  
InVision greatly updated the blog, the whole mass of useful information became clearer. 3r33986.  
3r33986.  
3r33339. How I opened a coffee shop and why every designer should try
3r33973. 3r33986.  
Danil Mekhanoshin opened his coffee shop and comic book store, so he looked at the situation from the other side - it is useful for the designer to understand the daily problems of the business in order to be heard. 3r33986.  
3r33986.  
3r33966. People and companies in the industry
3r33986.  
3r33947. Design Disruptors
3r33973. 3r33986.  
InVision Documentary is now available online. 3r33986.  
3r33986.  
3r3957. Cisco Design Community 3r3998. 3r33973. 3r33986.  
Cisco design team blog. 3r33986.  
3r33986.  
3r33966. Conference proceedings 3r3-3967. 3r33986.  
3r33971. Design poster 3-33998. 3r33973. 3r33986.  
Tatyana Smirnova leads the @mosdesign channel in Telegram with announcements of meetings, conferences and other events in Moscow about design. Here, for example, a poster at September 3r3998. October is coming. Many started similar selections, but faded with time. I myself would like to do this in my digest, but I spend too much time on it too. I hope, Tanya will have enough patience for a long time
 
3r33986.  
Bonus: I will take part in 3r38282 on November 5th. question and answer sessions from the online intensive Design Line 3r3998. . The group also includes Creative People, ONY, Red Collar, Agima, High School Branding and others. 3r33986.  
3r33986.  
3r33988. 3r33989. Subscribe to the digest 3r3–3990. in 3r3991. Facebook
, 3r3993. VKontakte
, 3r3995. Telegram 3r3998. or 3r3997. by mail 3r3998. - 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. 3r3999.
+ 0 -

Comments 1

Offline
Cdiane
Cdiane 5 October 2018 23:01
I've heard about that. My friend said he had read something similar in https://onlineaccountinghub.com/what-is-ledger-account/

Add comment