Food Design Digest, August 2016

    For six 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 that are interesting to select are selected. Previous materials: April 2010-July 2016 .

    Food Design Digest, August 2016


    Patterns and Best Practices


    Mixed Parts A
    community of Mixed Parts that collects articles, presentations, tools, and examples of front-end animations. Here's What May Sound Like a Crazy Idea Kevin Goyena’s interesting thoughts on how hardcore solutions to older command line interfaces can help with modern products. He refers, among other things, to ancient ticket reservation services, where the operator had to remember a short but complex request format. Similar ideas will come in handy to speed up filling out complex forms, provided the operator does this often. Does Improving Website Navigation Pay Off? Jeff Sauro reflects on whether it is possible to evaluate the return on investment in site navigation. Many focus on the checkout process, but the user still needs to get to it.

    Mixed parts




    Here & rsquo; s What May Sound Like a & nbsp; Crazy Idea




    5 Design Principles for eHealth
    Brett Warren provides five health care interface tips. Users do not always have the opportunity to learn how to work with the product or this happens several months before the start of use, you need to pay special attention to information design and assistance in making decisions.

    Mailing letters


    We have a problem with a password, or what is happening now in the field of identification
    Translation of an article by Drew Thomas, in which he describes modern methods of authorization to replace the usual username and password. He compares them in terms of reliability and complexity of implementation.

    Guidelines for platforms and companies


    What Analyzing 50 Brand Guides Taught Us About Building a Lasting Company
    SketchDeck's team analyzed the design guidelines of 50 companies. They describe the differences in volume, structure, and key messages depending on the size, age, and type of company. News of design systems:

    What Analyzing & nbsp; 50 Brand Guides Taught Us & nbsp; About Building a & nbsp; Lasting Company






    Product vs Marketing Illustration
    A gorgeous Shopify article by Meg Robichaud about the difference between product and marketing illustrations. She analyzes five main categories of illustrations and how they are useful in both types. Why design principles shape stronger products Jessie Chen shows an example of a description of design principles for a CRM system. They are tied to a pyramid similar to the Maslow model. Android Wear

    Product vs & nbsp; Marketing Illustration







    Material Design towards the Dark Side on & nbsp; Wear & nbsp; 2.0

    iOS 10


    The ultimate social & digital ad size guide!
    Updated detailed cheat sheet on the size of graphic elements in social networks from Adsvise. They also added templates for Photoshop and Sketch.

    User understanding


    39 studies about human perception in 30 minutes
    Insanely cool article by Kennedy Elliott about the perception of different types of infographics. For each item, she refers to sound research and makes recommendations when and where to use them. The Six Minds of UX Design An excellent review article by Sheena Lyonnais on six UX factors to consider when designing interfaces. This is work in visual presentation and attention, orientation, memory and semantics, language, emotions, and decision making. Designing News Products With Empathy - 50 Stress Cases To Consider Libby Bawcombe of NPR conducted a user study of news readers and compiled 50 stressful situations in which users work with news sites.

    39 & nbsp; studies about human perception in & nbsp; 30 & nbsp; minutes




    The Six Minds of & nbsp; UX & nbsp; Design




    Designing News Products With Empathy & nbsp; & mdash;  50 Stress Cases To Consider

    Designing Desirable Experiences
    Arindam Roy talks about the benefits of products whose interfaces are not only utilitarian, but desired by users. Often, the feeling of using such products is better in comparison with full functional counterparts, but less attractive.

    Accessibility


    The Mysterious Student, Dieter Rams, and Cracking Global Markets
    Interesting psychological calculations on why it is important to correctly localize products. Viget’s

    User Memory Design - How To Design For Experiences That Last
    Curt Arledge is not the first to write about the psychology of user experience, but it turned out to be more useful for practice. He shares how the event was experienced and what remains in memory. And gives advice on improving products with this in mind.

    Information architecture, conceptual design, content strategy


    Place in Space (AKA “How to Design A Concept Model”) An
    excellent presentation by Stephen P. Anderson on how to create conceptual models. A complex topic is chewed in steps.


    Customer Journey Map


    The Four Dimensions of Tone of Voice
    A good Nielsen / Norman Group memo for choosing the key of interface texts. They offer 4 gradations: funny — serious, formal — laid-back, respectful — frivolous, enthusiastic — dry.

    Making a case for letter case
    John Saito from Dropbox examines situations in English interfaces when you need to write a title with capital letters. The rules of the language say that headers should be capitalized, but the guidelines of iOS and Android say different things.

    Design and design of interface screens


    C4 Studio The
    new C4 Studio tool for working on front-end animations. So far this is an alpha version, but they promise to import layouts from Sketch, and the code in Xcode is the output. The product has the smartest promo video about the troubles of communication between the designer and the developer.



    Pixel-Perfect Specifications Without The Headaches
    Nikolai Babich in detail compares tools for transferring layouts and resources to developers. It describes the interface and features of Avocode, Sympli, and Zeplin.

    Compare Adobe Illustrator to Affinity Designer and Sketch in 2016 A
    detailed comparison of Adobe Illustrator, Affinity Design, and Sketch from the perspective of an icon designer. Iconfinder did the same comparison a couple of years ago, but the tools have since been updated a lot.

    Designing for Television, part 1
    TV Interface Design Guide from Molly Lafferty of This Also. Pattern Pattern application for prototyping on iPad. Interesting solutions, although the process itself seems to be worn out with respect to plain paper and pens. Principle

    Designing for Television, part 1







    Sketch


    Figma


    Marvel


    Invision


    PNG optimisation
    The Bjango team talks about PNG optimization and what the default output for the most popular programs for designers is.

    dummi Dummi
    layout and prototype content generator lists users, cities, books and articles in JSON.

    Modern Publishing Tools


    Reviews and comparisons of prototyping tools


    User research and testing, analytics


    Usability Testing Planning
    My colleague Natalia Sprogis wrote detailed instructions on usability testing planning. Setting questions and choosing methods, defining metrics, compiling assignments, and conducting specifics. The second part . Going Beyond the Obvious An excellent article by Philip Hodgson from UserFocus on how to correctly pose questions for user research. This will help to find really valuable insights, and not just put a tick about the stage of the project. Philip refers to the book of zoologist Niko Tinbergen, who put forward 4 principles for observing animals - they are also applicable to studying human behavior. 10 Practical Tips for Increasing the Impact of Your Research Insights

    Usability test planning




    Going Beyond the Obvious


    Groupon's Mike Katz advises researchers on how to best communicate user research to the product team so that improvements can be incorporated into the product.

    How many respondents do you need?


    13 Things to Consider When Offering Survey Incentives
    Jeff Sauro gives tips on how to pay time for user research respondents. Although the specifics of many are different from domestic, they will still be useful.

    Visual programming and design in the browser


    Ways To Reduce Content Shifting On Page Load
    Michael Scharnagl discusses ways to optimize page code that reduce text jerking when loading media objects and other data.

    Framer


    Webflow


    CSS animation


    Web Typography


    CSS shapes


    Trym - Beautiful small app for macOS to help you view, optimize and convert SVG icons
    An application for viewing, optimizing and converting SVG files. After installation, it becomes the default SVG viewer. Depending on the color of the icon, the interface theme changes between light and dark (standard viewers show a white image on a white background). Icons can be optimized to reduce the size (for example, Sketch leaves a lot of garbage when exporting), as well as change the size and in one click convert to PNG in different sizes for the web, iOS and Android. Other tools for working with SVG:


    New scripts


    Metrics and ROI


    Mobile App Analytics - The 12 Most Important Metrics to Measure
    Yael Tolub lists the key metrics that measure the success of mobile apps.

    UX Strategy and Management


    Peter Merholz & amp; & nbsp; Kristin Skinner & nbsp; & mdash;  Org Design for Design OrgsPeter Merholz & Kristin Skinner - Org Design for Design Orgs
    A new book by Peter Merholz and Kristin Skinner about managing a team of product designers. The electronic version is already available, pre-order is available for the paper version (50% discount code for O'Reilly e-books is easy to find on the Internet). Blog book with current articles .



    Other materials about managing design teams:


    An Inside Look at Facebook's Method for Hiring Designers
    Julie Zhuo details the process of finding, interviewing, and integrating new designers. A lot of useful tips for all stages of the process.

    The future of UX design
    Topical issues of UX development as a direction, and of every professional who thinks about development.

    Methodologies, Procedures, Standards


    Finalization of the professional standard “Specialist in the design of graphic and user interfaces” The
    professional standard “Specialist in the design of graphic and user interfaces” is being actively developed and the initiative group is conducting a survey to understand what is the responsibility of UX professionals in Russia and the CIS countries. The survey is anonymous, it will take about 15 minutes. Its results will be published.

    Cases


    Are Successful App Redesigns Even Possible?
    Daniel Sands conducted an interesting study of feedback on the latest mobile app redesigns. It doesn't matter if the team has worked well or not, users are always unhappy. But it turned out that after a few weeks the hype subsides and ratings return, and later. Other redesign cases:

    Are Successful App Redesigns Even Possible?




    Trends


    Algorithmic Design


    An invisible interface - 6 things we learned from designing for voice
    The Vox Media design team talks about their experience creating a voice assistant for Amazon Echo. Useful tips for those who are trying to create voice interfaces.

    Instant messengers
    • Nielsen / Norman Group conducted usability testing of WeChat . The interface is rather mediocre, the bots are not very smart, and in general it is more often than not a dialogue in a natural language, but a menu navigation. It is popular due to the integration of everything and everything, as well as the ease of payments.


    Interfaces in the movie


    The virtual reality


    Symbol For Context
    Joe Blau offers a universal icon to indicate the context in which the computer takes over part of the user's actions. With the proliferation of personal assistants, unmanned vehicles and other products that play a more active role, it is important to show that the computer has taken over part of the management.

    For general and professional development


    Graphic Means A
    graphic documentary is being prepared for the release of Graphic Means about how designers worked in the pre-digital era and how work has changed since the advent of computers. The authors interviewed a couple of dozen well-known experts like Tobias Frere-Jones, Ellen Lupton and Dan Rhatigan. They promise by the end of the year.



    Intellectual Property & UX Design - Preceding Year and the Next Decade
    An interesting presentation by Rob Tannen on the history and practice of applying design patents. Describes in detail, including the well-known lawsuit of Apple and Samsung.



    UX Chat - Daily UX conversations with your friendly UX Bear
    The uxdesign.cc blog team and Adrian Zumbrunnen have launched a bot that provides product design news. It is based on the recent concept of the Adrian personal site. Transitioning from support to UX - A year in perspective Kylea Parker talks about how she moved from Shopify user support to a UX designer. Tips for those who are also retraining. Font for the state

    UX & nbsp; Chat & nbsp; & mdash;  Daily UX & nbsp; conversations with your friendly UX & nbsp; Bear





    AIC, together with Artyom Geller’s Laboratory and the ParaType team (at the design development stage, represented by Alexandra Korolkova) is starting to work on the font for the state. We need our own font, which can become the basis of a single ecosystem of all official Internet resources. Modern, free, public. A whole family of fonts with different parameters, which is in the public domain.

    Artyom Geller asks the community to answer a few questions:
    • What character should a font have for government systems?
    • Should it be as official as the state itself?


    The project to improve digital interaction with the state was initiated by people for people, and the team wants to reflect these aspirations. The result of the first discussions and a cursory analysis of the state fonts of different countries: modern Dutch grotesque is taken as a basis - humanistic and friendly. Like Peter I - take an example from the Dutch masters.

    Practical UX Design
    In April, Scott Faranello's book Practical UX Design was released. UXMatters publishes a second chapter from it, devoted to the open and closed state of the designer.

    Product Designer


    Jokes about designers for 400


    Google Analytics In Real Life - Online Checkout
    If Google Analytics Work Offline .



    People and companies in the industry


    The Best Medium Publications from Design Teams to Follow
    Fabricio Teixeira has compiled a list of blogs from design companies and teams on Medium. Other news of famous design teams:

    The Best Medium Publications from Design Teams to & nbsp; Follow




    Design.blog
    Design team Automatic (the creators of WordPress) launched a blog with the ingenuous title Design blog. The initiative came largely from John Maeda, who recently moved to the company from KPCB . His position is “global head of computational design and inclusion” ( which he will do ).

    Design in Adobe


    Design at Airbnb


    Conference proceedings


    UX STRAT 2015
    Report on master classes at the conference, which was held on September 8-10 in Athens, Georgia (USA). It is dedicated to design strategies and gathers a powerful line-up of thematic speakers.

    AIC Design School
    AIC opens enrollment in an online school. Design and tools in the digital environment are developing rapidly - you just have to describe the trends and rules, how they become obsolete. The only way to learn is to plunge into the environment of a leading studio and understand the principles in practice. On the site you can already enroll in school.



    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: