⬆️ ⬇️

Product Design Digest October 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-September 2017 .



Product Design Digest October 2017


Patterns and best practices



Why aren't dead yet

Shekman Tang from Intercom talks about experiments to fill out forms in the new product of the company Operator, based on the messenger. He shows that last year’s acclaimed bots are ineffective for such a task, so he found a hybrid approach at the junction of classic forms and bots.



Why aren’t dead yet

')

A Bone to Pick with Skeleton Screens

The studio team Viget conducted an experiment on the perception of schematic loading screens of the interface, which at one time suggested Facebook. In their situation, they were perceived by users as slower than the classic circular load indicator.



A Bone to Pick with Skeleton Screens



While Apple is Away to One Button

The creators of the Luna Display application have found a way to use the iPad camera as an additional button - when you close it with your finger, a context menu appears.



A Practical Guide to Improving Web Accessibility

Cynthia Ng describes guidelines for maintaining accessibility on library sites.



7 Product Page UX Implementations that Make REI Best-in-Class

Baymard Institute cites the example of the online store REI, as using most of their best practices for the product page.



Intercom on Customer Engagement

The new book, Intercom, is dedicated to engaging users through good communication with them.



Design systems and guidelines



iOS 11





Developing a unified design system - the experience of "Rambler"

Rambler & Co design team talks about working on its design system. They also updated their brand guidelines .



Developing a unified design system - the experience of "Rambler"



ARUI-feather - Alfa-Bank UI lightweight library

New version of Alfa-Bank design system at React. Other design systems news:





Defining Design Systems

Nathan Curtis is trying to derive its definition of what a “design system” is. It offers several points of view and a rather comprehensive view, covering not only the platform, but also the processes of its support and development. Some more articles from him:





Creating a Design System - The 100-Point Process Checklist

Checklist UXPin to create a design system in the form of their original mini-book.



Photon design system

Interface Firefox. True, made on the basis of screenshots.



Fluent design system









Understanding the user



Horizontal Attention Leans Left

Therese Fessenden collected data from many eye-tracking-studies of the Nielsen / Norman Group and concludes how users' attention is distributed across the page from left to right.



Horizontal Attention Leans Left



Exhaustive Review or "I Can't Believe It's Not There" Phenomenon

Kara Pernice from Nielsen / Norman Group writes about the problem of finding information on the page. There are three reasons that a user studies it for too long - he cannot find the right one, studies detailed information (for example, characteristics of the product) and thoughtful reading.



Exhaustive Review or "I Can’t Believe It’s Not There" Phenomenon



Accessibility







Design and design of interface screens



InVision Studio

InVision launch Studio, a full-fledged interface editor on the web. It turned out competitor Figma, which will be available in January. Other tool news:













Adobe XD 1.0

At the Adobe MAX 2017 autumn conference, the tool finally came out of beta. The release hasn't changed much regarding beta, but in November they promise a lot of new things - more animation features, integration with Zeplin and Sympli, as well as plugin support.



Adobe XD 1.0



Adobe MAX 2017

October 15-17, the annual Adobe MAX 2017 conference was held, where key product updates are presented. Paddi MacDonnell made a review of the main news . The official announcement .



With the release of Adobe XD from beta, all major changes concerning interface designers are now taking place there. Photoshop is no longer trying to make a combine, all its updates relate to image processing (another list of updates ).



The Adobe Sensei algorithmic design platform is gradually penetrating all products, expanding support for Creative Cloud cloud storage, the first virtual reality capabilities in After Effects and Premiere.



Review of speeches at the conference part from Christina Koehn.



Sketch 47

Sketch 47 came out with its own cloud symbol store.



Interesting plugins:









Tumult hype 4

Beta version of the animation tool Hype 4 from Tumult. Of the most interesting changes - the animation of vector shapes.







Balsamiq cloud

A popular tool for rough sketches of the interface began to work in the browser and was overgrown with auxiliary features such as the discussion of screens. A desktop version is also available.



Flow (ex-C4 Studio)

Animation tool C4 Studio renamed Flow. The beta version is available for free.







Marvel





Framer





Figma





Sympli





Zeplin





Flinto





Abstract





User research and testing, analytics



User experience research and strength of evidence

Userfocus's Philip Hodgson categorizes evidence-based user research methods.



User experience research and strength of evidence



Quantitative vs. Qualitative Usability Testing

Raluca Budiu from the Nielsen / Norman Group describes the difference between qualitative and quantitative usability testing, as well as an approach for sharing them.



Quantitative vs. Qualitative Usability Testing



Emily Geisen and Jennifer Romano Bergstrom - Usability Testing for Survey Research

The book Emily Geisen and Jennifer Romano Bergstrom “Usability Testing for Survey Research” was published in February 2017 by Elsevier. UXmatters publishes Chapter 2 of it on usability testing of questionnaires .



An Introduction to UX Benchmarking

Jeff Sauro describes the principles and features of comparative studies, as well as metrics and criteria for working on them.



The Finnish Experiment

Avery Trufelman talks about how the Finnish government uses design thinking approaches for new laws. The article examines in some detail the experiment on the introduction of unconditional basic income.



What UX Designers Really Want from User Research

UXmatters experts ponder on why designers turn to user researchers and how they use these results in the future.



5 A / B Testing Lessons I Learned The Hard Way

Josh Johnson from Creative Market talks about the pitfalls of conducting A / B testing on his own experience.



9 Recommendations for Better Online Research

Jeff Sauro gives advice on how to solve typical difficulties when conducting remote user research.



Visual programming and browser design



Chrome User Experience Report

In Chrome, appeared User Experience Report, which helps to optimize the quality of the site for the user - first of all, speed in all its manifestations.



New scripts





CSS grid





Web typography





Bootstrap and Foundation





Webflow







Metrics and ROI



Measuring Usability - From the SUS to the UMUX-Lite

Jeff Sauro briefly describes the UMUX (Usability Metric for User Experience) combined usability assessment metric, which takes less time to complete than SUS.



UX strategy and management



Yuri Vetrov - UX-strategy in practice

4 years wrote articles in a series about UX-strategy and on Monday there was the last issue. It was worth it - it turned out to be an intelligent design management manual, which I myself didn’t have enough at the start of the changes to Mail.Ru Group. I was able to cool down the ideas for the development of design in our division and read the hell of articles and books on related topics, so that the knowledge became much more balanced. In the sixth part, we described our current approach to change using design management patterns, the “wall of the future” and the OKR methodology - it was born thanks to the work on the series.



Yuri Vetrov - UX-strategy in practice



Now it's time to put it all in the book. A week and a half ago I collected her first draft and in the coming months I will gradually tighten it up. In the spring, I wrote down a simple mini-site, which at the current stage simply collected all the links to articles in the series (in Russian and English). As you work on a book, it will grow into useful tools in addition to the text. So far, the key idea seems to be a set of design management patterns around which everything will play.



Hopefully next year will be able to publish a book. In the meantime, you can subscribe to the newsletter about it .



One Year Designing at WhatsApp

Charlie Deets has moved from Facebook to the Whatsapp team and talks about the difference in approaches to design and product work in general.



One Year Designing at WhatsApp



Stories about other design teams:





Building a UX Team - Change is the Only Constant!

Moin Bhuiyan tells how, without much experience in UX, he was able to build a design team of 5 people and lead his UX strategy.



Building a UX Team - Change is the Only Constant!



UX Design in Nutshell - How the Design Process Drives Behavior

David Service offers its approach to the system design process, which includes three levels of abstraction: doctrine, strategy and tactics.



Overcoming Common Barriers to Collaboration, Part 1

Pabini Gabriel-Petit lists the problems of interaction between designers and other members of the product team, as well as ways to solve them. All this helps to create a healthy design culture in the company.



Mentoring is a learning opportunity - for you

David Williams shows how mentoring is useful for the mentor by the example of a group of students that he led to IBM.



Everyday empathy

Mule Erika Hall from Mule tells how to build empathy with colleagues on the product team in order to better share the benefits of working with the user researcher and interface design in general.



What is a good product designer?

Opemipo Aikomo offers its competency card product designer. The document can be downloaded and finished for their tasks .



Ideation in Practice - How Effective UX Teams Generate Ideas

Aurora Harley from the Nielsen / Norman Group talks about a survey of 257 UX-specialists on how creative sessions of finding ideas in their companies are conducted. It turned out a list of typical problems and ways to solve them.



Product management and analytics



Ideas Are Overrated

James Kalbach explores in detail the problems with the generation of ideas in companies seeking to innovate. Many seek to increase the number of strong ideas, but the main problem is not in their number, but in implementation. He offers a realistic approach.



Ideas Are Overrated



Nomom





CNVS - Lean Canvas & Business Model Canvas Online

A simple one-page service for creating Lean Canvas and Business Model Canvas. Does not require registration and is completely free.



Cases



Designing the technology of 'Blade Runner 2049'

A detailed story about the work of the Studio Territory on the Blade Runner 2049 interfaces. There is a lot about how difficult it is to work in complete secrecy when in the early stages designers work blindly.



Designing the technology of & quot; Blade Runner 2049 & quot;



Adobe's Redesigning File Type Icon System Language

Anny Chen's great story about the alteration of file icons for the entire line of Adobe products. We were looking for a new style, reducing the number of duplicate meanings, learning how to quickly and conveniently export them to developers. Translation .



Redesigning Adobe’s File Type Icon System Language



Design Thinking - Not Just For Designers

IBM's Kelly Churchill talks about how front-end professionals used design thinking to develop their core professional competencies within the company.



Design Thinking - Not Just For Designers



Rebuilding slack.com

Mina Markham talks about the technological component of the redesign of the marketing site Slack.



Printing the Annual Report Books

Anand Sharma continues the story of the development of the Gyroscope personal statistics service with the story of how he learned to print paper reports. And the book layout was generated based on the site data, without using tools like InDesign.



Busting misconceptions in design

Helen Tsvirinkal talks about the redesign of one of the functions of the administrative interface Shopify.



Story



A brief history of the yellow arrow "Yandex"

Kostya Gorsky collected a history of changes to the Yandex home page and showed how the proprietary yellow arrow gradually appeared.



Trends



Sketching interfaces

Airbnb's Benjamin Wilkins talks about a new experimental solution for the company - they learned how to scan the paper sketches of the interfaces using an algorithmic design and turn them into a ready-made layout based on typical components. This is similar to the approach of design tools like Adobe Comp, which turn hand-crafted figures into neat, shifted to the problems of a particular company.



Sketching interfaces



Other news algorithmic design:





Microsoft Has Stopped Manufacturing The Kinect

Microsoft has stopped the release of Kinect. Although since 2010 they have sold 35 million devices and he even got into the Guinness Book of Records in 2011 as the fastest-selling additional gaming device, the Xbox's change of strategy to a wide-range entertainment device failed at one time, and the price war with Sony forced Kinect to be removed from the standard kit .



Microsoft Has Stopped Manufacturing The Kinect



At the same time, technologies that first appeared in the device are now actively used in other Microsoft products - glasses of augmented reality HoloLens, voice assistant Cortana, authorization on the Windows Hello face. Alex Kipman, who was one of the main Kinect evangelists, is now busy with HoloLens and telling an interesting concept of the complexity of managing mixed reality - Kinect was an important first step, but you need to go further.



Hololens









Face Recognition





The virtual reality





Voice Interfaces







For general and professional development



11 Optical Illusions Found in Visual Design

Balraj Chana examines the optical illusions that arise with some visual techniques. Translation .



Dropbox showcase

Dropbox has launched a new tariff between personal and corporate, which allows, for example, to build a simple portfolio or project feed.



People and companies in the industry



Apple is really bad at design / Google is really good at design

Two contrasting articles by Joshua Topolsky on how Google has noticeably improved the design of digital and physical products, and Apple, on the contrary, is making more and more controversial and crutch decisions.



Apple is really bad at design



Cooper joins designit

Consulting giant Wipro Digital buys Cooper - they will merge with another design studio within the holding, Designit. Although these purchases have been going on for many years and they have already managed to get used to them, Cooper is a backbone company. Her purchase is the final end of an era, the collapse of foundations, another nail in the UX-agency. I would not say that it is sad, but it is difficult not to reflect on this watershed.



Cooper joins designit



Since the 90s, such a model has emerged in its head - UX-agencies are bringing new methods and approaches to the industry thanks to the breadth of their clientele and projects, and product teams are successfully applying these methods. It is clear that in recent years, product teams have given out no less interesting new approaches for the benefit of the profession, as evidenced by at least a huge number of blogs and sites of design teams. But all the same there was a feeling that the product teams still had more about how to produce a good design and less about serious research methods. On the other hand, how difficult it was for grocery teams to frequently change these ideally described methods in real life is a signal that we need to start from the other side, with the natural limitations of the grocery work. But you can't change the mental model just like that :) For me, this moment finally came with the news about Cooper. It's funny that the domestic community hasn't really caught the news - apparently, for the new generation Cooper means little. Also an interesting signal.



Other purchases of design studios by large companies:





Conference proceedings



Croissants, Coffee, and Creativity

Interview with David Conrad of Microsoft, the creator of the series of meetings, Creative Mornings, about how he appeared and developed - today takes place in 175 cities around the world.



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/342210/



All Articles