📜 ⬆️ ⬇️

Food Design Digest, September 2017

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-August 2017 .

Food Design Digest, September 2017

Patterns and best practices


What Factors Contribute to Form Submission Rates?
Aytekin Tank collected statistics on their product JotForm and showed how different user behavior on the desktop and mobile, and in different industries.

What Factors Contribute to Form Submission Rates?
')
We select sounds for non-game application
Roman Simarev gives advice on working with sound in interfaces. How to create, where to use, when to avoid.



Game Design: When The Least Intuitive Becomes The Most Intuitive
Jorge Hurtado from Habitat Games shows an interesting pattern of interaction with the iPad. When playing poker on one tablet, players cover their screens with their hands, and the touch screen shows cards afterwards.



User Experience Benchmarks for Hotel Websites
Jeff Sauro conducted a comparative testing of the sites of several large hotel chains. The full report is paid, but the article contains key conclusions about typical interface problems.

Mobile Tables - Comparisons and Other Data Tables
Amy Schade from Nielsen / Norman Group lists techniques for presenting complex tables on mobile.

The Ultimate Guide to Designing Activity Feeds
Overview of techniques for designing feed updates on social networks and other products.

UX for the Industrial Environment, Part 2
Jon Walter describes good industrial interface design patterns.

Dark patterns


Baymard institute


Design systems and guidelines


iPhone X
Guidelines for the design of the iPhone X with the new screen, in which the top bar for the status bar is only partially available. Added a new screen resolution - 1125 Ă— 2436 (multiplier @ 3x, the physical width has not changed relative to the usual iPhone).

iPhone X

In September, iOS 11 was also released, so many useful materials for designers appeared:


Rambler UI - Components
Rambler & Co. design system

Rambler & amp; Co Design System

Design System Features, Step-by-Step
Nathan Curtis continues to describe his vision of the workflow for the development of a design system. Standard project management practices applied to the platform.

Design System Features, Step-by-Step

Continuing the theme:


Building a design system for HealthCare.gov
Sawyer Hollenshead talks about the HealthCare.gov design system architecture. They have an interesting solution with a grid, which is distributed through the NPM-package . Other examples and tools:


Microsoft Fluent Design System


Material design


Understanding the user


Customer struggles vs. Solution struggles
Alan Klement writes about the difference between a user's life problem and his problems in working with a specific product. This is an important nuance in the Jobs to Be Done method he is promoting.

Counterfeit or Credible? UX Design for Authenticity in China
Aurora Harley talks about the results of user research in China on the credibility of online shopping. The article outlines the main expectations.

Why Human-Centered Design Needs a Visual Storyteller, and How I Became One
Edward Abbott from Capital One shows how life sketches help the team better focus the team on user issues.

Progressively Elaborated Users
Scott Sehlhorst says that at the start of work on a product it is often necessary to compromise - it is important to understand the user, but a full-fledged study takes a decent amount of time and effort, while the product hypothesis itself may turn out to be false. He suggests an approach in which the understanding of users begins with temporary characters, and then gradually refined.

Design and design of interface screens


Sketch


Pixelmator Pro
Pixelmator launches a professional version of the tool - a full-fledged graphic editor that can partially replace Photoshop.

After effects


Figma




Gravit designer


Marvel


Subform


IconFinder Icon Editor
A popular icon search service, Iconfinder, launches an online editor with which you can tweak the icon slightly before downloading.



Pastel - Build better websites with live sticky-note feedback
Another tool for co-commenting site design.

Design tools are running out of track
Colm Tuite reflects on the theme of modern tools for designers - like many others, he criticizes their reference point for creating images. True, references to developers are a bit naive - they often have no less chaos.

User research and testing, analytics


The unstuck map
A map of user and market research methods from Niking Blaase of Xing. Very useful reminder that helps step by step to select it for the current problem in the product.

Unstuck Map by Nikkel Blaase

Consultation
Caroline Jarrett and Naintara Land talk about the practice of communicating with subject matter experts before conducting user research, which is widely used in Gov.uk.

How to Determine Task Completion
Jeff Sauro tells you exactly how a user can track a task in moderated and unmoderated studies.

Going global with international research
Charlotte Clancy and her colleagues at the Deliveroo user research team tell some interesting stories from the practice of studying users in other countries. Useful tips on some methods.

Generating
Simon Norris and Peter Kay talk about Nomensa's approach to exploring the attitudes of users in social networks and the conclusions they draw for the product.

Wrangling Difficult Usability Test Participants
Jim Ross gives advice on working with complex respondents during user research. He lists a dozen problems of behavior.

From Research Goals to Usability Testing Scenarios - A 7-Step Method
Susan Farrell describes the Nielsen / Norman Group's step-by-step how to write scripts for usability testing.

Visual programming and browser design


Compositor - Tools & Services for Designers, Developers, & Creatives
An interesting experimental set of online tools for designers. One of them allows you to build a website based on your own design system, which can be highly customized. A small video of the work .

Compositor - Tools & amp; Services for Designers, Developers, & amp; Creatives

CSS Support Guide for Email Clients from Campaign Monitor
Campaign Monitor updated their CSS support guide in popular email clients. What has changed .

CSS Support Guide for Email Clients (Campaign Monitor)

XRespond - Virtual Device Lab
Another online service for quick testing of responsive sites at different resolutions. Its creator, Indrek Paas, talks about why it was launched .

Yes, That Web Project Should Be A PWA
An overview of the basic principles of Progressive Web Apps by Aaron Gustafson.

The state of the web
Karolina Szczur brought together topical tips on optimizing site performance. Images, fonts, scripts. Continuing the theme:


Webflow


CSS Grid and Flexbox


Web typography


UX strategy and management


Building UX Teams at Scale - Inside Atlassian's Bespoke Hiring Process
A rather detailed and capacious story about how Atlassian design teams are arranged. They also write about the hiring process.

Building UX Teams at Scale - Inside Atlassian’s Bespoke Hiring Process

Other stories about design teams:


What to expect from PMs
Julie Zhuo helps designers to establish fruitful interaction with product managers. She examines typical problems of mutual understanding and ways to solve them. Part 2 .

What to expect from PMs

Reflections on design management
Ian Schoen described his experience as a trainee curator at Salesforce. It turned out a sensible memo for both.

On Becoming a UX Manager - New Skills, Requirements, and Rewards
Jerrod Larson not bad painted the key skills and responsibilities of the design manager.

Product management and analytics


OKR Examples - How to write Objectives and Key results?
A gorgeous collection of OKR examples for different teams and products from the Weekdone tool that helps guide them.

Klement - The Ulwick Debate on Driven Innovation
Alan Klement reviewed his many years of controversy with Anthony Ulwick on his concept of "Outcome-Driven Innovation". Alan considers the calculation method unscientific, Anthony proves his point.

Methodologies, procedures, standards


Why Design Thinking in Business
Martin Kupp, Jamie Anderson and Jörg Reckhenrich talk about the problems that classical organizations face when introducing design thinking practices. The process and cultural characteristics of such companies contradict many installations of iterative teamwork, so it is important to solve them in order to avoid failure.

Why Design Thinking in Business

Cases


Launching Creative Market - Our Playbook for Kickstarting a Marketplace
The founder of Creative Market Aaron Epstein shares instructions on how to launch a template store. A good description of the launch plan, the initial hypotheses and those that were confirmed.

Launching Creative Market - Our Playbook for Kickstarting a Marketplace

Story


Vlad Golovach - Design Culture 2.0 Vlad Golovach - Design Culture 2.0
The second edition of Vlad Golovach's chic book “Design Culture” has been published. Vlad spent a lot of time reading books on the history of design as a profession and a cultural phenomenon. This in itself is fascinating, and in relation to its industry, it also helps to get rid of many cliches and cargo cults, which arise due to professional mythology. I managed to read only Adriana Forti and a couple of books on the subject, so thanks to the Design Culture, you can cut off a few corners and cover a lot more.

In the second edition, the focus shifted from history to how the design culture influences the relationship between the designer and the customer. Although the terms are slightly confusing, the very idea of ​​isolating the worldview (knowing what is good) and methods / practices / habits (don't forget to do well). The theme of the formation of design culture in companies is one of the most relevant in recent years and Vlad has an interesting approach from the theoretical side.

In general, if you did not read the first edition, then you missed a lot and the new version of the book will greatly broaden your horizons. If read - the second edition adds a point of practical application of these ideas.


Haters gonna hate - What we can learn from Facebook's 2006 news feed redesign
Mike Frederick Ziethlow recalls the epoch-making launch of the Facebook news feed in 2006, which by external attributes looked like a complete failure - 700 thousand users signed a petition against, about 5% of the audience at that time. But the company understood what it was doing and saw the metrics, so it waited for a wave of negativity, and the insane growth of the user base and profit suggests that it was right. Although it is important to understand that the key here is not suicidal obstinacy, but an understanding of why a redesign is being done and how to understand its effectiveness.

Trends


Brandmark
The enthusiast of algorithmic design Jack Qiao launched the Brandmark service for complex design work for small businesses. Also, like Logojoy, it helps to choose a logo and shows examples of its use. But Brandmark went further and assembles the UI Kit in code using corporate identity. Principles of operation of the generator of logos and font pairs . Jack also launched a logo quality and uniqueness analyzer based on Brandmark solutions and a diminutive for them .

Brandmark

Continuing the theme:


Audio Signifiers for Voice Interaction
Kathryn Whitenton from Nielsen / Norman provides many useful tips on how to design and test voice interfaces.

Audio Signifiers for Voice Interaction

Continuing the theme:


Top Trends in Gartner Hyper Cycle for Emerging Technologies, 2017
In August, a fresh hot technology curve from Gartner came out.

Top Trends in Gartner Hyper Cycle for Emerging Technologies, 2017

Continuing the theme:


Jono Yuen - FUI: How It Has Been Designing Jono Yuen - FUI: How It Has Been Designing
A book about interfaces in the cinema from Jono Yuen, the creator of HUDs & GUIs , one of the main sites on the subject.


Smart watches and bracelets


The virtual reality


Car Interfaces


Fast Co Design Innovation by Design Awards 2017
The most interesting products and experiments of 2017 in terms of design according to Fast Co Design.

For general and professional development


Mentor forces
Simon Boboshko, together with his comrades, launched a small service that allows you to consult a professional designer for the price of a cup of coffee. The service is suitable for young designers who need to understand what is wrong with their layout, get advice or art direction of the project as a whole. As well as customers who need an independent assessment of the performer.

Mentor forces

Briefbox - Practice briefs, resources & skill development for designers
The service helps novice designers to improve skills - you can download briefs for different tasks and do it in your free time.

Briefbox

Designer's Self-Checklist - What do you want to become?
An excellent checklist for grocery designer from Geunbae "GB" Lee from Facebook.

Designer’s Self-Checklist - What do you want to become?

Launching Your Design Career - Which Type Of Education Is The Best For You?
Alec McGuffey compares in some detail different ways to get a design education: university programs, short-term courses, internships, online courses.

Top Online Graphic Design Courses
Comparative collection of online courses on interface design.

Baymard Institute Studies
Bamard launched e-commerce interface design experts certification.

Does HCI scale? Scale hacking and the relevance of HCI
Barry Brown, Susanne Bødker and Kristina Höök reflect on how a profession can develop in an era of multi-channel interaction and constantly changing products, when old methods are not always suitable.

Roundups - Curated collection of newsletters & roundups for designers
Selection of mailings on the subject of grocery design.

People and companies in the industry


Readymag - How Russian designers have created a tool for online publishing, which is used throughout the world
History of the creation of the domestic publishing tool Readymag and interviews with its creators.

Readymag - How Russian designers have created a tool for online publishing, which is used throughout the world

Russian augmented reality - as a graduate of the MAI became the visionary of Google
RBC told about the history of the career of Ivan Pupyrev, who managed to make many interesting projects for Sony, Disney and Google. He combines the skills of an inventor and a businessman well.

Russian augmented reality - as a graduate of the MAI became the visionary of Google

Conference proceedings


UX Week 2017
The UX Week 2017 conference was held from August 29 to September 1 in San Francisco, USA. Review of performances with all videos.

Fresh links can also be tracked in the Facebook group of the same name or received once a month by mail . 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.

Subscribe to the newsletter ! A letter arrives once a month.

Source: https://habr.com/ru/post/339558/


All Articles