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 publications worth publishing are selected, which 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 JotForm product and showed how the behavior of users on the desktop and mobile is different, and in different industries. We select sounds for a non-gaming application Roman Zimaryov gives advice on working with sound in interfaces. How to create, where to use, when to avoid.

    What Factors Contribute to Form Submission Rates?






    Game Design: When the Least Intuitive Becomes The Most Intuitive
    Jorge Hurtado from Habitat Games shows an interesting pattern for interacting with the iPad. When playing poker on the same tablet, players cover the screen with their hands, and the touch screen displays the cards after that.



    User Experience Benchmarks for Hotel Websites
    Jeff Sauro conducted a comparative test 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 of the Nielsen / Norman Group lists techniques for presenting complex tables on mobile.

    The Ultimate Guide to Designing Activity Feeds
    An overview of how to design update feeds on social networks and other products.

    UX for the Industrial Environment, Part 2
    Jon Walter describes good patterns for designing industrial interfaces.

    Dark patterns


    Baymard institute


    Design systems and guidelines


    iPhone X
    Design guidelines for the iPhone X with a new screen in which the top bar for the status bar is only partially available. A new screen resolution was added - 1125 × 2436 (@ 3x multiplier, the physical width has not changed relative to a regular iPhone). IOS 11 was also released in September, so there were a lot of useful materials for designers:

    iPhone X




    Rambler UI - Components
    Design System Rambler & Co. Design System Features, Step-by-Step Nathan Curtis continues to describe his vision of the workflow for developing a design system. Standard project management practices applied to the platform. Continuing the topic:

    Rambler & Co Design System




    Design System Features, Step-by-Step




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


    Microsoft Fluent Design System


    Material design


    User understanding


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

    Counterfeit or Credible? UX Design for Authenticity in China
    Aurora Harley talks about the results of a user survey in China on online shopping trust. The article provides basic expectations.

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

    Progressively Elaborated Users
    Scott Sehlhorst says that at the start of work on a product you often have to compromise - understanding the user is important, 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 offers an approach in which the understanding of users begins with temporary characters, and then is gradually refined.

    Design and design of interface screens


    Sketch


    Pixelmator Pro
    Pixelmator launches a professional version of the tool - a full-fledged graphical 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 slightly tweak the icon before downloading.



    Pastel - Build better websites with live sticky-note feedback
    Another tool for collaboratively commenting on website design.

    Design tools are running out of track
    Colm Tuite ponders on the topic of modern tools for designers - like many others, he criticizes their reference to creating pictures. True, references to developers are slightly naive - often they have no less chaos.

    User research and testing, analytics


    The Unstuck Map A
    map of user and market research methods from Nikkel Blaase of Xing. A very useful reminder that helps you select it step by step for the current problem in the product. Doing Research with People Who Are Not Users - Consultation Caroline Jarrett and Naintara Land talk about the practice of communicating with domain experts before conducting user research, which is widely used in Gov.uk. How to Determine Task Completion Jeff Sauro talks about how you can track a user's progress in moderated and unmoderated studies. Going global with international research

    Unstuck Map by Nikkel Blaase








    Charlotte Clancy and her Deliveroo user research team colleagues share some interesting stories from user experiences in other countries. Useful tips on some methods.

    Generating a Large Return on Social-Media Experiences
    Simon Norris and Peter Kay talk about Nomensa's approach to researching social media relationships and the conclusions they make for the product.

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

    From Research Goals to Usability-Testing Scenarios - A 7-Step Method
    Susan Farrell describes a step-by-step Nielsen / Norman Group scripting tutorial for usability testing.

    Visual programming and design in the browser


    Compositor - Tools & Services for Designers, Developers, & Creatives
    An interesting experimental set of online tools for designers. One of them allows you to build a site based on your own design system, which can be greatly customized. A small video of the work . CSS Support Guide for Email Clients from Campaign Monitor Campaign Monitor updated their CSS support guide for popular email clients. What has changed . XRespond - Virtual Device Lab Another online service for quickly checking responsive sites at different resolutions. Its creator Indrek Paas talks about why he launched it . Yes, That Web Project Should Be a PWA

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




    CSS Support Guide for Email Clients (Campaign Monitor)





    Aaron Gustafson Progressive Web Apps Overview.

    The State of the Web
    Karolina Szczur brought together relevant tips on optimizing site performance. Images, fonts, scripts. Continuing the topic:


    Webflow


    CSS Grid and Flexbox


    Web Typography


    UX Strategy and Management


    Building UX Teams at Scale - Inside Atlassian's Bespoke Hiring Process
    A fairly detailed and capacious story about how Atlassian design teams work. They also write about the hiring process. Other stories about design teams:

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




    What to expect from PMs
    Julie Zhuo helps designers get in touch with product managers. She analyzes typical problems of mutual understanding and ways to solve them. Part 2 . Reflections on design management Ian Schoen described his experience as a trainee curator at Salesforce. The result was a sensible reminder for both. On Becoming a UX Manager - New Skills, Requirements, and Rewards Jerrod Larson did a good job of describing the key skills and responsibilities of a design manager.

    What to expect from PMs







    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 Weekdone to help guide them.

    Klement - Ulwick Debate on Desired Outcomes and the Statistical Validity of Outcome Driven Innovation
    Alan Klement reviewed his many years of dispute with Anthony Ulwick about his Outcome-Driven Innovation concept. Alan considers the calculation method to be unscientific, Anthony proves his point.

    Methodologies, Procedures, Standards


    Why Design Thinking in Business Needs a Rethink
    Martin Kupp, Jamie Anderson and Jörg Reckhenrich talk about the challenges that classic organizations face in implementing design thinking practices. The process and cultural features of such companies contradict many of the iterative collaboration frameworks, so it is important to solve them in order to avoid failure.

    Why Design Thinking in Business Needs a Rethink

    Cases


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

    Launching Creative Market - Our Playbook for Kickstarting a Marketplace

    History


    Vlad Golovach - Design Culture 2.0Vlad Golovach - Design Culture 2.0
    The second edition of Vlad Golovach’s gorgeous book “Design Culture” has been released. Vlad spent a lot of time reading books on the history of design as a profession and cultural phenomenon. This in itself is fascinating, and as applied to its industry, it also helps to get rid of many stamps and cargo cults that arise due to professional mythology. I managed to read only Adriana Forti and a couple of books on the topic, so thanks to the “Design Culture” you can cut corners a bit and cover much more.

    In the second edition, the focus has shifted from history to how the design culture affects the relationship between the designer and the customer. Although the terms are slightly confusing, the very idea of ​​highlighting a worldview (to know what is good) and methods / practices / habits (do not forget to do well). The topic of creating a 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, you missed a lot and the new version of the book will greatly expand your horizons. If you 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 epochal launch of the Facebook news feed in 2006, which by external attributes looked like a complete failure - 700 thousand users signed a petition against it, about 5% of the audience at that time. But the company understood what it was doing and saw the metrics, so that it was waiting for a wave of negativity, and the insane growth of the user base and profits suggests that it was right. Although it is important to understand that the key here is not suicidal obstinacy, but an understanding of why the redesign is being done and how to understand its effectiveness.

    Trends


    Brandmark
    Algorithmic design enthusiast Jack Qiao has launched Brandmark's comprehensive design service for small businesses. As well as Logojoy, it helps to choose a logo and shows examples of its use. But Brandmark went further and builds the UI Kit in code using a corporate identity. The principles of the logo generator and  font pairs . Jack also launchedBrandmark's logo quality and uniqueness analyzer and a reducer  for them . Continuing the topic:

    Brandmark




    Audio Signifiers for Voice Interaction
    Kathryn Whitenton from Nielsen / Norman provides many useful tips for designing and testing voice interfaces. Continuing the topic:

    Audio Signifiers for Voice Interaction




    Top Trends in the Gartner Hype Cycle for Emerging Technologies, 2017
    In August, a fresh Gartner hot technology curve came out. Continuing the topic:

    Top Trends in the Gartner Hype Cycle for Emerging Technologies, 2017




    Jono Yuen - FUI: How to Design User Interfaces for Film and Games: Featuring tips and advice from artists that worked on: Minority Report, The Avengers, Star Wars, The Dark Tower, Black Mirror and moreJono Yuen - FUI: How to Design User Interfaces for Film and Games: Featuring tips and advice from artists that worked on: Minority Report, The Avengers, Star Wars, The Dark Tower, Black Mirror and more
    A book on movie interfaces from Jono has been released Yuen, creator of HUDs & GUIs , one of the main related sites.


    Smart watches and bracelets


    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, along with his comrades, launched a small service that allows you to get advice from a professional designer on 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. And also for customers who need an independent evaluation of the work of the contractor. Briefbox - Practice briefs, resources & skill development for designers The service helps novice designers pump skills - you can download briefs for various tasks and do it in your free time. Designer's Self-Checklist - What kind of designer are you or want to become? Great checklist for product designer from Geunbae "GB" Lee from Facebook.

    Mentor forces




    Briefbox




    Designer’s Self-Checklist — What kind of designer are you or want to become?

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

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

    Baymard Institute
    Bamard Research Launches Certification of Ecommerce Interface Design Specialists

    Does HCI scale? Scale hacking and the relevance of HCI
    Barry Brown, Susanne Bødker and Kristina Höök reflect on how the profession can evolve 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
    A selection of product design feeds.

    People and companies in the industry


    Readymag - How Russian designers created an Internet publishing tool that is used around the world.
    History of the creation of Readymag, a domestic publishing tool and interviews with its creators. Russian augmented reality - as an MAI graduate became a Google RBC visionary, they spoke about the career history 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.

    Readymag — Как российские дизайнеры создали инструмент для интернет-паблишинга, которым пользуются по всему миру




    Русский дополненной реальности — как выпускник МАИ стал визионером Google

    Conference proceedings


    UX Week 2017
    Conference UX Week 2017 took place from August 29 to September 1 in San Francisco, USA. Browse performances with all videos.

    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.

    Also popular now: