Food Design Digest, June 2014

    For four 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-May 2014 .

    Food Design Digest, April-May 2014

    Patterns and Best Practices

    Baymard: E-Commerce Search Usability - An Original Research Study
    New report from the Baymard Institute on research on search interfaces on e-commerce sites. In the near future they will begin publishing excerpts from the report. Announcement .

    Share: The Icon No One Agrees On
    “Share / Share” - an icon that cannot be agreed upon, Min Ming Lo parses the most common options. Continuing the topic:

    Radio Buttons: Always Select One?
    Kara Pernice of the Nielsen / Norman Group has a deep and methodical understanding of radio buttons.

    Are Hollow Icons Really Harder to Recognize Than Solid Icons? A Research Study
    Curt Arlege, wondering if contour icons are so hard to read, did his research. The result is not entirely clear.

    Web Animation in Action
    Translation of a Rachel Nabors article on web animation.

    Digital Design & User Experience - 7 Profitable Best Practices!
    Avinash Kaushik, an expert in web analytics, about UX, mobile strategy, e-commerce. A lot of interesting, accurate observations, small details. For example, instead of the “mobile first” strategy, he proposes a “mobile only” approach, divides users into two main behavioral groups - “activity-oriented” and “thought-oriented”.

    Call to Idea - Get Inspired!
    A well-designed, replenished collection of web design patterns. Logins, registrations, empty states, forms, lists and much more.

    When Bars Point Down
    A new trend in infographics is the use of bar charts directed down, instead of the traditional right or up. It is well suited to illustrate negative or negative phenomena: unemployment, mortality, etc.

    5 Tips to Get Donations on Nonprofit and Charity Websites
    Janelle Estes of the Nielsen / Norman Group on how to use design to increase donation collection at charitable sites.

    User understanding

    What is the most underrated word in web design?
    A good detailed analysis of the nuances of the concept of "affordance" from Natalia Postolovskaya. She identifies several types of affordances and parses them using a mobile application as an example.

    Persona Empathy Mapping
    Nikki Knox from Cooper Consulting provides instructions on how to use the persona empathy mapping technique. It allows you to describe the characters in more detail, taking into account the nuances of their expectations and feelings.

    Eliciting user goals
    David Travis on how to explore and describe user goals. In the first part, he discusses two approaches - the interview and the Clayton Christiansen framework “Jobs to be done”.

    Facebook Reveals Huge Psychology Experiment on Users
    Facebook’s controversial emotion management study, in which almost 700,000 English-speaking users participated last year without knowing it. We studied the mood of user posts when changing the number of positive or negative posts in the news feed. The study itself, and in general about the manipulation of emotions .

    “Do you trust me enough to answer this question?” Trust and Data Quality
    Caroline Jarrett on how to create a sense of trust among users when entering the requested information.

    Design and design of interface screens

    Google Design
    Google presented at the I / O conference its unified material design ideology and a single sub-site on the main domain. This is a unified adaptive approach to interfaces on the entire line of devices and devices - web, mobile, tablets, wearable devices, TV, cars. They understand a “material” design in part as a reference to skeomorphism - they are not afraid to use shadows, emphasize the materiality of objects, and strengthen the role of animation. Its essence is well disclosed by Mathias Duarte , now the vice president of the design company, before which he made a breakthrough WebOS.

    We can say that visually this is a development of the current Android style with an emphasis on the colored heading (along with tinting the status bar) and the round default icon of the main action. The latter is very well played on different screens, for example, being at the junction of the header and content horizontally and continuing the line of pictograms vertically . The active use of cards as the basis of ideology continues, more tiles a la metro become. The sidebar remained in place, despite the fact that the recent Google+ update significantly abandoned it. Well, the proprietary Roboto font has been updated, which apparently should become the basis for web services ( the Quiz App concept shows how this can be).

    There are many parallels with those shown in iOS8: a notification mechanism with quick actions that are immediately visible on the screen when they appear; a bunch of smartphone and Chromebook; a hub for collecting data from Google Fit wearable devices. Stacks of windows are used more actively, dialogs are changing in the spirit of Google Now cards, finally the / copy / paste mode has become clear. It's funny that the back / home / launched navigation icons common to the entire interface become similar to the branded four PlayStation symbols. Large collection of screens .

    The updated Android TV also uses a unified design. It is also visible in the automobile platform, clearly visible in the watch (by the way, the round button of the main action as one of the main elements of visual identification,seems to have come from there ). Based on the ideology of Material Design, a new version of the key OS, Android L, will be released . Moreover, thanks to the initiative of Android One with a reference device , the number of phones with a default interface will increase. And the design of TV, cars and watches by third-party manufacturers will not be able to change at all. So after the capture of the market, Google was busy with solving design problems. And he showed one of the strongest concepts, working on such a huge scale. Continuing the topic:

    Apple iOS 8
    On June 2, iOS8 was introduced, which greatly expanded the capabilities of the platform. From the interface point of view, this is the evolution of last year’s radical redesign with the addition of some new patterns - circular menus a la Path, working with widgets in the notification center, open pop-ups with the previous window in the background, advanced application interaction options through sharing menu, icons in the dialog menus, limited use of cards (Health), icon style development, double-sided swipe on the line a la Mailbox and other small details. It is also interesting how this style fell on the new MacOS - a great example of a single visual language throughout the ecosystem (with normal settings and Safari icons! And for now, Lucida Grande ).

    One of the most spectacular is the possibility of cross-channel interaction between devices, wired at the OS level. The transition scenarios between devices will become even smoother (unless, of course, all this works as in a demo). Well, now iOS is a hub for interacting with cars, smart homes, wearable devices (if all this, of course, will be supported by manufacturers). List of everything announced .

    But the coolest thing is the new Swift programming language , the next step towards visual programming. IOS guidelines are so minimalistic that a developer does not need a designer. And the development environment is simple enough so that the designer himself can create the final solutions. Guide to it. As it turned out, Bret Victor, one of the main evangelists of visual programming, had a hand in him (UPD: as it turned out later, not a fact or a fact ). I advise everyone to re-read or discover its programmatic article Magic Ink . Continuing the topic:

    Android Wear

    Axure Flat UI Kit - The most comprehensive UI library for Axure
    A large library of elements for Axure in a flat style. For mobile, tablets and web.

    A promising tool for creating mobile interactive prototypes. The ability to visualize animations, both from time to time, and from interaction. Instant "native" launch on the device. Nice interface.


    Adobe fireworks

    A tool for prototyping mobile applications Framer, which allows you to "touch" complex interactions and animations in the browser. True, it requires basic knowledge of layout and scripts.


    Design Principles for Wireframing
    Chris Bank continues a series of articles on the principles of prototyping.

    Theme for Bootstrap 3 for creating interactive wireframes.

    Guidelines for web projects
    Julia Markhadaeva from the St. Petersburg studio Nimax writes about the company's approach to the creation of design guidelines. The article is short, but it is a great example of such a document (PDF).

    User research and testing, analytics

    What If There Was A Bot That Could Detect Ugly Websites?
    EyeQuant company, which provides the eye tracking research service of the same name, is working on an experimental product that will automatically determine the attractiveness of the interface and design for users.

    The nuances of A / B testing

    Empirical Development of Heuristics for Touch Interfaces
    Rebecca Baker and Xiaoning Sun are trying to adapt the classic heuristics Jakob Nielsen and Rolph Molich for touch interfaces. They conduct a series of experiments on the device and the emulator, concluding that, in general, the classical approach works with reservations. Continuing the topic:

    Perfectly executing the wrong plan (by Tomer Sharon) Tomer Sharon's
    wonderful performance on Google I / O 2014 o typical startup mistakes and o Lean User Research.

    Visual programming

    New scripts

    An interesting tool for journalists, designers, travelers of all stripes and generally any creators. You can combine maps, images, videos and other media into a beautiful story. The library is under active development and much has not yet been implemented. The source code is open, and developers are actively looking for help to implement new chips.

    Metrics and ROI

    Choosing the Right Metrics for User Experience
    Pamela Pavliscak takes a comprehensive approach to metrics that will be useful to both business and product designers. It provides various sets of indicators tracked by companies, and offers a single set that is useful to all members of the product team.

    Management of front-end projects, processes and teams

    Building a Design Culture in an 'End-Up' Technology World
    John Maeda and Becky Bermont on the importance of creating a design culture in a company using eBay as an example. It allows you to form the right attitude to design and develop the whole team in the right direction.

    Crossing the Great UX – Agile Divide
    The topic of agile and UX has long been sucked from all sides, but Mike Bulajewski comes in a new way from the point of view of the philosophy of work organization. He describes the position of developers who insist on a pure version of the methodology, although it is not entirely suitable in this form for design.

    Everyone is doing strategy right now
    Leisa Reichelt of the team once started writing a book about UX strategy. After completing most of this, she realized that she was initially mistaken in many things. And she released a series of articles as a monument to an unfinished book. Continuation:

    10 Tips for Acing your Interview at the Whiteboard by
    Josh Seiden about interviewing designers with sketching on a whiteboard.

    The Practitioners of Web Information Architecture in Small and Medium Enterprises
    A study of Australian SMEs on how they deal with design challenges.

    Product Management and Analytics

    Principles of Product Design
    Joshua Porter describes his 19 principles of product design.


    Modern editorial CMS

    The container model and blended content
    In anticipation of the launch of the new design, The Guardian Nick Haley talks about the principles laid down in it. They actively use the “container” ideology, well described by Konstantin Weiss of Information Architects. I was at his presentation at UX Poland on this topic and he described it in great detail (sorry, there are still no slides). In fact, we are talking about the developments of single-page sites used for large products. By the way, since the end of last year, we have been developing our framework for content projects based on a similar model - I am preparing a presentation about it by the fall. Continuing the topic:


    The history of Android A
    highly detailed article analyzing each of the major and minor versions of the platform. It seems that all screens of all interfaces are just gold!


    Aesthetics of futuristic interfaces
    A deep and detailed study of the visual and interface language of cinema, game and generally futuristic interfaces. Very, very cool.

    Software is Eating Hardware - Lessons for Building Magical Devices
    Adam MacBeth, who worked on iPod, Jawbone, Pencil, writes about the features of creating new devices. Continuing the topic:

    Virgin America website says bye-bye to booking wizard, hello to avatars
    Virgin America unveiled a beta version of their new site based on the mobile first approach. Its launch has received ample discussion among designers, as it offers interesting ideas for the airline reservation process. Continuing the topic:

    Flat vs Realism An
    effective promotional site about the differences between a flat and realistic design in the form of a story.

    Car interfaces

    Why We Need to Tame Our Algorithms Like Dogs
    Dan Saffer on the experience of interaction and the mutual evolution of people and algorithms: “People need to tame algorithms just like our ancestors tamed a dog.”

    Salesforce Wear Developer Pack - Open-Source Starter Apps, Toolkits and More
    SalesForce launches its own rather extensive initiative to create applications for wearable devices. They believe that watches, bracelets and glasses can be useful for business applications. A special site contains code and design examples for six devices.

    Professional Development

    A UX Career Framework - Driving Conversations Between Managers and Employees
    Ian Swinson, Salesforce UX Director, talks about his approach to design career management.

    Hunting Unicorns - What makes an effective UX Professional
    Presentation by Patrick Neeman about the skills of a product designer.

    Beyond User Experience - Onward and Upward
    Luke Chambers describes the six most popular and understandable ways for professional development of an interface specialist. This product is project management, facilitation, training, strategic consulting and creating your own business.

    Why Developers Need to Learn Design
    In recent years, a lot has been written about whether a designer should be able to typeset. Stephen Caver gives the opposite idea that developers need to understand design.

    Everything You Need to Know About Design on the Web
    Another collection of articles, tools, and other resources for design in general.

    Enabling a Career Shift from User Experience to Service Design
    Laura Keller writes about the specialist’s transition from product design to service design.

    Important people in the industry

    Most Creative People 2014: A Q&A With The Designers Of Dropbox
    Interview with the Dropbox design team, one of the most powerful and dynamic. About the process, tools, general principles.

    Shum guides Microsoft's design renaissance
    It turns out that six months ago Albert Shum became Microsoft's director of user interaction. Among other things, he is the main ideologist of metro design, who joined the company from Nike in 2007.

    UX Design Interviews (Medium)
    Another curated tape on Medium is a series of design interviews.

    Susan Kare
    Susan Kare, one of the first digital designers, icon author of the first Mac, and generally one of the most legendary personalities in product design, talks about how she worked at Apple.

    Spotify's Design Lead on Why Side Projects Should Be Stupid
    Living as a Project - Interview with Tobias van Schneider, Spotify's head of design.

    Conference proceedings

    Conferences Roundup - Upcoming Web Design Events (Jun. - Dec. 2014)
    Key international UX conferences for the second half of 2014.

    Conference Review: UX STRAT 2013, part 3: Day 2
    Continuation of the review of the speeches of the UX Strat 2013 conference, which was held on September 9-11 in Georgia, Atlanta.

    ServDes. Conference 2014 Lancaster
    Materials of the conference ServDes 2014, held April 9-11 in Lancaster, UK. She is dedicated to service design and customer experience.

    Fresh links can also be tracked in the same Facebook group . Thanks to everyone who also publishes links in it, especially Gennady Dragun and Pavel Skripkin.

    Also popular now: