February 8, 2017 at 13:59Food Design Digest, January 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 publications worth publishing are selected, which are interesting to share. Previous materials: April 2010-December 2016 .
Baymard Institute Research
Interface Animation Collections
Mailing letters
Component QA in Design Systems
Nathan Curtis describes how to build a quality control process for components in design systems. Continuing the topic:
Designing for Brand Interaction
Great thoughts by Rebecca Ussai Henderson on a single animation language that supports the brand. Material design
iOS 10
iPhone 7
Apple watch
Using science to make truly tappable user interfaces
Scott Hurff collected the requirements of the guidelines of various mobile platforms on the topic of a minimally comfortable pressing area and analyzed them in conjunction with Fitts' law. The result was excellent, weighted recommendations, whose numbers are closer to the truth.
Dan Brown - Practical Design Discovery
On February 14, A Book Apart releases Dan Brown's book Practical Design Discovery. He discusses its main topics in his article.
James Kalbach's Mapping Experiences
Characters
CanvasFlip - Free Prototyping and User Experience Testing Tool for iOS & Android Apps
The CanvasFlip tool attempts to connect the process of creating interactive prototypes and testing them. You can search for respondents yourself, or you can use the service base (it is English). Among other things, analytics tools for the prototype are offered.
Designer Tools The
gorgeous Designer Tools app for Android. Allows you to overlay a grid or layout on any application, take the color from it with a pipette.
Heek - Make Your Own Website
Heek service allows you to create a simple website in the process of communicating with the bot. The solution is rather stereotyped, but the approach itself is in the spirit of the times.
Gravit - Your new best design tool
A preliminary version of the tool for Gravit designers has been released. Initially, it developed as a set of desktop applications, but then switched to a browser.
Tailor - iPhone Screenshot Stitching
Taylor iPhone application allows you to take screenshots of sites and applications to their full height, without having to glue them manually.
Sketch 42
Advanced export capabilities and touch bar support in the new MacBooks. Fresh plugins and templates:
Optimization of work with Sketch and the cloud
Andrey Sundiev described how the work with Sketch layouts and templates, as well as their synchronization in the portal design team Mail.Ru Group is arranged.
Handoffs Guide for Pixel Perfect Design A
good series of articles on transferring layouts to development by Alex Barashkov and Vlad Kamelsky. Part 2 and 3 .
Invision
Proto.io
Steve Portigal - Doorbells, Danger, and Dead Batteries
In December 2016, Rosenfeld Media released Steve Portigal's book Doorbells, Danger, and Dead Batteries - User Research War Stories. UXmatters publishes chapter 11 of it.
IBM Design Research (in Russian)
AIC translated the IBM user research guide into Russian. As in other design guides from the company, there is a lot of useful information on the approach, principles, cases. Get the Most Out of User Research Explanatory advice Cătălin Bridinel from Booking on how to correctly pose questions for user studies and get the most out of them. User Studies in Games
Summary of the lecture by Natalia Sprogis on user research in games for the program “Game Project Management” at the Higher School of Economics.
Does Thinking Aloud Affect Where People Look?
Jeff Sauro is trying to figure out if thinking aloud during user research influences where the user is looking on the screen. According to his experiment and other studies, yes. How Accurate Are Estimates From Online Panels? Jeff Sauro analyzes the features of panel research. Pros, cons, pitfalls of different types of panels. Avoiding Hard-to-Answer Questions in User Interviews Another Jim Ross memo on how to correctly ask users questions during interviews and fish out information by implicit methods.
Prototyping for Hosts - How a tool for engineers became integral to the design process
Airbnb's Kevin Grennan talks about how a pair of designers learned how to prototype interfaces in Xcode. They set up the whole environment and give the latest versions through the Hockey App. WebSlides - Making HTML Presentations Easy A set of WebSlides templates allows you to make good presentations on web technologies. It is done manually without any designers, but the kit is full of ready-made presentation modules. A few words from the author . New scripts
Work with color on the web
Work with SVG
CSS animation
Webflow
Noodl
Good things happen when a Product Manager pairs with a UX researcher
Shopify’s insanely cool article from Shopify by Alena Lugina on how custom researchers can interact with product managers to maximize product benefits. Continuing the topic:
8 competencies of user experience
David Travis offers his product designer skills map. He successfully managed to apply the petal diagram for this. One of the most successful examples of systematic work with skills.
Continuing the topic:
Design criticism
Becoming A Better Facilitator
Explanatory memo for facilitators from Brian Frank. Lots of useful details on the process, best practices and how to make project meetings useful. Continuing the topic:
Design thinking origin story plus some of the people who made it all happen
Enchantingly cool study of the roots of design thinking from Jo Szczepanska. She has been digging since the mid-20th century from the work of Buckminister Fuller and Scandinavian cooperative design practices. Each decade is marked by changes in both the method itself and the scope of its application. Key figures, books, quotes - just gold! Continuing the topic:
The inside story behind P1 & P2 - How Apple picked what came to be the iPhone
Sonny Dickinson shows prototypes of the first iPhone. At that moment, the team was considering two options - the now familiar touch-based interface and based on the iPod.
Trends 2017
Algorithm-Driven Design - How Artificial Intelligence Is Changing Design
Smashing Magazine has released an updated and structured version of an article on algorithmic design. It contains examples of tools that will help simplify the construction of the interface, the preparation of graphics and content, as well as the personalization of the product. In 2016, the technological basis for such tools became more accessible - the design community also began to look closely at algorithms, neural networks, artificial intelligence. So it's time to rethink the modern role of the designer. Also updated the Russian version . Continuing the topic:
10 Best Intranets of 2017 Nielsen Norman Group Intranet Design Annual
Nielsen / Norman Group announced the winners of their annual Intranet Best Interface Awards. The authors of the article describe the main changes in the industry - for example, the fact that the development speed has increased.
Virtual reality
Мессенджеры и боты
Умные часы и браслеты
Автомобильные интерфейсы
Abstract - The Art of Design
Netflix is preparing an abstract documentary series on design. True, he does not apply to digital products, but he looks quite widely at the profession. Trailer .
OK / Cancel comics in Russian
Alexey Kopylov found a complete archive of OK / Cancel interface comics translated by the UIDG team into Russian from 2003-2006.
The Differences Between Enterprise and Consumer UX Design The
explanatory column of UXmatters on the difference between consumer and corporate interface design. The topic is hackneyed, but this article contains the main problems and features, one of the best on the topic.
How to Avoid UX Burnout
Benjamin Earl Evans gives advice to designers involved in lengthy projects on how to avoid professional burnout.
Screenshots are so Last Year - How to Write a Case Study That Wins You Clients
Lauren Holliday's sensible tips on how to build a portfolio focusing on problem solving, not just pictures.
A designer's four lessons on design
Jasper McChesney's simple and sensible work tips for designers. Focus, design artifacts, problem solving approach.
Advice to Candidates on Successful UX Interview Loops
Jerrod Larson and Daan Lindhout give advice to product designers on how to successfully complete all stages of the interview.
Tiny bought Dribbble A
conglomerate of design companies Tiny bought Dribbble. They now have a rather interesting portfolio - Designer News community, Buffer SMM service, MetaLab and Pixel Union design studios, Flow task manager and a bunch of related services. The owners plan to continue to buy near-design projects . UX AMA: Clay (ex-SFCD)
AMA session from UX-Environment and vc.ru with the Clay design team, founded by the SFCD / SoftFacade studio team: Anton Zykin, Oleg Turbaba, Dmitry Tsozik and Alexander Khmelevsky answered questions. Originally launched in St. Petersburg, SoftFacade later opened offices in New York and San Francisco. And recently, the backbone of the team launched the new brand Clay. This is one of the most striking design studios with domestic roots, which was marked by work for large brands and has long gone beyond the icons - the portfolio has a lot of interesting interface works, and the list of awards contains most of the major international awards. Capital ONE Design Community Blog of the Capital One design team who bought the Adaptive Path a few years ago. Recent articles:
Microsoft Design
Microsoft launched the blog of its design team on Medium.
Design at Creative Market
The Creative Market design team has launched a blog on Medium. One of the first articles is devoted to how design processes developed and what goals they set for themselves now .
Envato
Blog of the Envato design team at Medium. There are also publications about the front end.
Upcoming Web Design Conferences (January — June 2017)
Smashing Magazine compiled a list of design and development conferences for the first half of 2017.
Enterprise UX Virtual Summit 2017
Free online conference Enterprise UX Virtual Summit 2017 will be held February 14-17. A fairly powerful lineup of speakers: Irene Au, Jeffrey Veen, Lou Rosenfeld, Rian van der Merwe and 15 more sensible specialists.
Fresh links can also be tracked in the same Facebook group or receive once a month by mail. Thanks to everyone who also publishes links in it, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov and Anton Oleinik. More and more materials appear in reviews thanks to them.
Subscribe to our newsletter ! A letter arrives once a month.
Patterns and best practices
Baymard Institute Research
Interface Animation Collections
Mailing letters
- Lee Munroe has compiled a chic reminder for the layout of mailing letters, taking into account all sorts of limitations of the real world .
- Newton's Karthik Suroju talks about how the service has boosted conversions with simple text mailing .
Guidelines for platforms and companies
Component QA in Design Systems
Nathan Curtis describes how to build a quality control process for components in design systems. Continuing the topic:
- Another catalog of design systems . So far, however, completely empty.
- Bjango writes on how to apply auxiliary colors in design systems through transparency . This helps a lot in minimizing parameters, especially if the platform supports component styling.
- VMWare has published their Clarity design system . Very sensible, since the emphasis is on integral complex components, not just buttons. The blog of the design team that makes it. And the story of how they implemented SVG .
- The sensible design system of the American Patent Office . It is possible to download a template for Bootstrap.
- Template for Sketch using an 8-pixel step to standardize the sizes and indents in the interface .
- An example of an alternative classification of the components of a design system from the Dutch studio Lewis + Humphreys .
- Interesting thoughts about the fact that in a design system it’s worth not just listing parameters, but also describing certain stylistic concepts . For example, why color combinations are such.
Designing for Brand Interaction
Great thoughts by Rebecca Ussai Henderson on a single animation language that supports the brand. Material design
- Studio The Rivalry has posted yet another case study on Google products . It turned out they were working on Project Kennedy, the first global redesign initiative for the entire product line with which the now recognizable style began.
iOS 10
- Apple posted the official UI Kit for Photoshop and Sketch . Previously, watch templates were available.
- Facebook’s iOS10 templates are now available as Craft libraries .
iPhone 7
Apple watch
User understanding
Using science to make truly tappable user interfaces
Scott Hurff collected the requirements of the guidelines of various mobile platforms on the topic of a minimally comfortable pressing area and analyzed them in conjunction with Fitts' law. The result was excellent, weighted recommendations, whose numbers are closer to the truth.
Information architecture, conceptual design, content strategy
Dan Brown - Practical Design Discovery
On February 14, A Book Apart releases Dan Brown's book Practical Design Discovery. He discusses its main topics in his article.
James Kalbach's Mapping Experiences
Characters
- An interesting approach to creating characters from Salesforce . They highlight the key "job roles" and each of the characters performs a specific set. True, the method itself is described quite casually.
Design and design of interface screens
CanvasFlip - Free Prototyping and User Experience Testing Tool for iOS & Android Apps
The CanvasFlip tool attempts to connect the process of creating interactive prototypes and testing them. You can search for respondents yourself, or you can use the service base (it is English). Among other things, analytics tools for the prototype are offered.
Designer Tools The
gorgeous Designer Tools app for Android. Allows you to overlay a grid or layout on any application, take the color from it with a pipette.
Heek - Make Your Own Website
Heek service allows you to create a simple website in the process of communicating with the bot. The solution is rather stereotyped, but the approach itself is in the spirit of the times.
Gravit - Your new best design tool
A preliminary version of the tool for Gravit designers has been released. Initially, it developed as a set of desktop applications, but then switched to a browser.
Tailor - iPhone Screenshot Stitching
Taylor iPhone application allows you to take screenshots of sites and applications to their full height, without having to glue them manually.
Sketch 42
Advanced export capabilities and touch bar support in the new MacBooks. Fresh plugins and templates:
- Auto Layout plugin for adaptive layouts. Video review from Pablo Stanley . The creators of the plugin, Anima , are preparing another Sketch to Code plugin - a tool for exporting code from Sketch to Swift or Obj-C.
- An explanatory template for interaction diagrams . Improved arrows for him.
- Jon Moore went hardcore and created complex characters for Sketch , allowing you to switch the state of the heap of elements and use standard content. True, the direction itself is in the wrong direction - it is better to focus on product sales, rather than project artifacts.
Optimization of work with Sketch and the cloud
Andrey Sundiev described how the work with Sketch layouts and templates, as well as their synchronization in the portal design team Mail.Ru Group is arranged.
Handoffs Guide for Pixel Perfect Design A
good series of articles on transferring layouts to development by Alex Barashkov and Vlad Kamelsky. Part 2 and 3 .
Invision
Proto.io
User research and testing, analytics
Steve Portigal - Doorbells, Danger, and Dead BatteriesIn December 2016, Rosenfeld Media released Steve Portigal's book Doorbells, Danger, and Dead Batteries - User Research War Stories. UXmatters publishes chapter 11 of it.
IBM Design Research (in Russian)
AIC translated the IBM user research guide into Russian. As in other design guides from the company, there is a lot of useful information on the approach, principles, cases. Get the Most Out of User Research Explanatory advice Cătălin Bridinel from Booking on how to correctly pose questions for user studies and get the most out of them. User Studies in Games
Summary of the lecture by Natalia Sprogis on user research in games for the program “Game Project Management” at the Higher School of Economics.
Does Thinking Aloud Affect Where People Look?
Jeff Sauro is trying to figure out if thinking aloud during user research influences where the user is looking on the screen. According to his experiment and other studies, yes. How Accurate Are Estimates From Online Panels? Jeff Sauro analyzes the features of panel research. Pros, cons, pitfalls of different types of panels. Avoiding Hard-to-Answer Questions in User Interviews Another Jim Ross memo on how to correctly ask users questions during interviews and fish out information by implicit methods.
Visual programming and design in the browser
Prototyping for Hosts - How a tool for engineers became integral to the design process
Airbnb's Kevin Grennan talks about how a pair of designers learned how to prototype interfaces in Xcode. They set up the whole environment and give the latest versions through the Hockey App. WebSlides - Making HTML Presentations Easy A set of WebSlides templates allows you to make good presentations on web technologies. It is done manually without any designers, but the kit is full of ready-made presentation modules. A few words from the author . New scripts
- An interesting effect of photo splitting for creating posters in CSS and JavaScript .
- An interesting mirror effect .
- The chic effect of using perspective in displaying text .
- The effect of transforming objects in the spirit of the Google I / O 2016 logo .
- Library Paper.js for working with vector graphics .
Work with color on the web
- The powerful online utility ColorMe facilitates the selection of colors for the web and allows you to convert them, as well as play with the parameters of color models and instantly see the result.
Work with SVG
- Val Head shows how Illustrator settings for SVG export work
- Dmitry Golovkov wrote a script for AI export of vector graphics to SVG or PDF ( video use ).
- How to align SVG-icons in the text .
CSS animation
Webflow
- Recently, Webflow updated their site, and made it on Webflow itself. The design team talks about the goals and the process of redesign . Part 2 and 3 .
Noodl
UX Strategy and Management
Good things happen when a Product Manager pairs with a UX researcher
Shopify’s insanely cool article from Shopify by Alena Lugina on how custom researchers can interact with product managers to maximize product benefits. Continuing the topic:
- Frog Design compares problem-solving approaches by designers and managers and shows where they can find common points .
- Frog Design show their model to assess the positive effect that design has on the business .
- An excellent article by Scott Sehlhorst, in which he shows an approach to finding risks and minimizing them in grocery work .
- David Siegel's strong thoughts on how user researchers can influence product strategies . He offers to help the company consider problems in a broader manner, which will allow it to find new opportunities for business growth.
- A good example of using a combination of analytics and user research from Arianna McClain from IDEO .
8 competencies of user experience
David Travis offers his product designer skills map. He successfully managed to apply the petal diagram for this. One of the most successful examples of systematic work with skills.
Continuing the topic:
- Explained Adobe's Jamie Myrold motivational column for future design leaders .
- How does the design team Squarespace .
- A great Alaine Mackenzie story about how the structure and goals of the content strategists team at Shopify have changed . A very good example of a long-term vision for team development.
Design criticism
Becoming A Better Facilitator
Explanatory memo for facilitators from Brian Frank. Lots of useful details on the process, best practices and how to make project meetings useful. Continuing the topic:
History
Design thinking origin story plus some of the people who made it all happen
Enchantingly cool study of the roots of design thinking from Jo Szczepanska. She has been digging since the mid-20th century from the work of Buckminister Fuller and Scandinavian cooperative design practices. Each decade is marked by changes in both the method itself and the scope of its application. Key figures, books, quotes - just gold! Continuing the topic:
- Jared Spool writes that methodologically in design thinking there is nothing new - this is a new name for those approaches that have been used in interface design for so long . But the term shot, because it helped to highlight those tasks of designers that relate to understanding the problem, and not just production.
The inside story behind P1 & P2 - How Apple picked what came to be the iPhone
Sonny Dickinson shows prototypes of the first iPhone. At that moment, the team was considering two options - the now familiar touch-based interface and based on the iPod.
Trends
Trends 2017
- The traditional trend forecast for 2017 from Fjord .
- Good review of trends from Envato .
- Not that it would be very interesting, but in some places an intelligent overview of trends from Tom May .
Algorithm-Driven Design - How Artificial Intelligence Is Changing Design
Smashing Magazine has released an updated and structured version of an article on algorithmic design. It contains examples of tools that will help simplify the construction of the interface, the preparation of graphics and content, as well as the personalization of the product. In 2016, the technological basis for such tools became more accessible - the design community also began to look closely at algorithms, neural networks, artificial intelligence. So it's time to rethink the modern role of the designer. Also updated the Russian version . Continuing the topic:
- Tailor Brands , another logojoy logo generator.
- Похожие мысли на тему от Дона Нормана. Он также пишет о том, что алгоритмы должны усилить дизайнера, а не заменить его.
- McKinsey проанализировали 800 профессий на предмет возможности автоматизации. Хотя общий посыл предсказуем — чем больше предсказуемости в выполняемой работе, чем проще заменить её роботами или алгоритмами — в исследовании куча интереснейших нюансов.
- Очень толковую серию статей на тему автоматизации дизайна публикует на сайте O’Reilly Rob Girling из Artefact. Общий тренд. Какие навыки под угрозой автоматизации. Будущее дизайнеров.
- Janessa Lantz also writes about who will be replaced by cars and whether it has positive aspects . In general, there is - often the market, which has undergone automation, begins to grow rapidly and create new needs and new jobs.
- Lukasz Lysakowski digs the history of automation of design tasks from the beginning of printing to the present day .
- A set of keyboards in the spirit of "dry and ready . "
10 Best Intranets of 2017 Nielsen Norman Group Intranet Design Annual
Nielsen / Norman Group announced the winners of their annual Intranet Best Interface Awards. The authors of the article describe the main changes in the industry - for example, the fact that the development speed has increased.
Virtual reality
- Facebook React Released for Virtual Reality .
- Шаблон для примерки макетов окружения виртуальной реальности в Sketch от Kickpush, которые можно посмотреть в просмотрщике GoPro.
- Бумажный шаблон для скетчей интерфейсов виртуальной реальности от Владимира Курбатова.
- Virtual Reality Pop, подборка статей о дизайне для виртуальной реальности на Medium.
Мессенджеры и боты
- Elaine Lee рассказывает об опыте создания двух ботов eBay — с поддержкой обычных сотрудников-операторов и полностью автоматизированный. В статье приводятся плюсы и минусы обоих подходов.
- ChatBottle, ещё один каталог ботов.
Умные часы и браслеты
- Engadget подводит итоги 2016 года на рынке умных часов — одного из самых печальных в истории носимых устройств. Компании покупались и закрывались, продажи падали, ключевые продукты откладывались.
- Круизная компания Carnival Cruises внедрила похожие на Disney MagicBand браслеты на своих кораблях.
Автомобильные интерфейсы
- Microsoft пробует зайти в автомобили с другой стороны — вместо тщетной попытки захватить бортовой компьютер в духе CarPlay и Android Auto (которые автопроизводители никогда не пустят внутрь), они пытаются стать инфраструктурной платформой. Microsoft Connected Vehicle Platform обеспечивает основу для работы облачных сервисов и виртуальных ассистентов.
Для общего и профессионального развития
Abstract - The Art of Design
Netflix is preparing an abstract documentary series on design. True, he does not apply to digital products, but he looks quite widely at the profession. Trailer .
OK / Cancel comics in Russian
Alexey Kopylov found a complete archive of OK / Cancel interface comics translated by the UIDG team into Russian from 2003-2006.
The Differences Between Enterprise and Consumer UX Design The
explanatory column of UXmatters on the difference between consumer and corporate interface design. The topic is hackneyed, but this article contains the main problems and features, one of the best on the topic.
How to Avoid UX Burnout
Benjamin Earl Evans gives advice to designers involved in lengthy projects on how to avoid professional burnout.
Screenshots are so Last Year - How to Write a Case Study That Wins You Clients
Lauren Holliday's sensible tips on how to build a portfolio focusing on problem solving, not just pictures.
A designer's four lessons on design
Jasper McChesney's simple and sensible work tips for designers. Focus, design artifacts, problem solving approach.
Advice to Candidates on Successful UX Interview Loops
Jerrod Larson and Daan Lindhout give advice to product designers on how to successfully complete all stages of the interview.
People and companies in the industry
Tiny bought Dribbble A
conglomerate of design companies Tiny bought Dribbble. They now have a rather interesting portfolio - Designer News community, Buffer SMM service, MetaLab and Pixel Union design studios, Flow task manager and a bunch of related services. The owners plan to continue to buy near-design projects . UX AMA: Clay (ex-SFCD)
AMA session from UX-Environment and vc.ru with the Clay design team, founded by the SFCD / SoftFacade studio team: Anton Zykin, Oleg Turbaba, Dmitry Tsozik and Alexander Khmelevsky answered questions. Originally launched in St. Petersburg, SoftFacade later opened offices in New York and San Francisco. And recently, the backbone of the team launched the new brand Clay. This is one of the most striking design studios with domestic roots, which was marked by work for large brands and has long gone beyond the icons - the portfolio has a lot of interesting interface works, and the list of awards contains most of the major international awards. Capital ONE Design Community Blog of the Capital One design team who bought the Adaptive Path a few years ago. Recent articles:
Microsoft Design
Microsoft launched the blog of its design team on Medium.
Design at Creative Market
The Creative Market design team has launched a blog on Medium. One of the first articles is devoted to how design processes developed and what goals they set for themselves now .
Envato
Blog of the Envato design team at Medium. There are also publications about the front end.
Conference proceedings
Upcoming Web Design Conferences (January — June 2017)
Smashing Magazine compiled a list of design and development conferences for the first half of 2017.
Enterprise UX Virtual Summit 2017
Free online conference Enterprise UX Virtual Summit 2017 will be held February 14-17. A fairly powerful lineup of speakers: Irene Au, Jeffrey Veen, Lou Rosenfeld, Rian van der Merwe and 15 more sensible specialists.
Fresh links can also be tracked in the same Facebook group or receive once a month by mail. Thanks to everyone who also publishes links in it, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov and Anton Oleinik. More and more materials appear in reviews thanks to them.
Subscribe to our newsletter ! A letter arrives once a month.
