
Food Design Digest, August-October 2014
For four and a half years now I have been publishing regular reviews of fresh 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-July 2014 .

Designing for Large Screen Smartphones
Two autumn announcements at once (iPhone 6 Plus and Nexus 6) showed a gloomy future for smartphone control - prohibitively large screens are becoming the main standard. Luke Wroblewski gives a quick overview of how to live with it. In this post, patterns will be gathered to solve this problem.
What is a card?
Khoi Vinh did a lot of research on the card approach for Wildcard . Continuing the topic:
Mobile & Multi-Device Design: Lessons Learned
Luke Wroblewski's new free book, Mobile Design and Design for Multiple Devices: Lessons Learned in Creating the Polar Application. Available as PDF and iBook . By the way, the Polar service itself was recently bought by Google and Luke is becoming part of the corporation .
Rocketbank experience: How to make effective landing pages for business
Alexey Kolesnikov shares Rocketbank’s experience in creating landing pages. He analyzes in detail the whole process and pays special attention to the importance of the main message of the proposed product or special offers.
Petit hacks
A library of patterns similar to Little Big Details, but focused on product solutions that provide metric growth for one of the most popular AARRR models (Acquisition, Activation, Retention, Revenue, Referral).
Swipe Left, Swipe Right, But Why?
Steve Melendez writes about the interface pattern of quick decision making using swipe cards left / right, which has become wildly popular thanks to the Tinder dating service.
Falling in Love with Forms (Aaron Gustafson Presentation)
Aaron Gustafson Workshop on Form Design from the BlendConf 2014 Conference.
Reducing Abandoned Shopping Carts In E-Commerce
Keir Whitaker is exploring a way to reduce the number of abandoned baskets by online store customers using reminder letters. A letter is sent a few hours after the user leaves the process and increases sales (the article provides statistics).
Simple dogmas when working with color in interfaces.
Fundamentals of working with color in the interface.
Why Keyboard Usability Is More Important Than You Think
David Sloan and Sarah Horton on why accessibility is important when using only the keyboard. Continuing the topic:
Would you like fries with that?
Booking.com conducted A / B testing of mobile navigation and the use of burger icons in particular. For them, none of the options showed significant superiority.
Think Breadcrumb Links Aren't Good For User Experience? Yes, They Are!
Shari Thurow has written a comprehensive guide to using breadcrumbs in navigation.
Excerpts from Baymard Institute e-commerce search report
Form Usability: Validations vs Warnings
New Baymard Institute article on form validation. Continuing the topic:
Mobile Design Pattern: Inventory-Based Discrete Slider
A guide to using sliders in mobile interfaces from Greg Nudelmann and Daria Kempka.
The Balance Between UX and Security
About the balance of UX and security from Hong Yi Dong, a designer at a security company. He also writes about the role of the designer in such an organization .
Search Is Not Enough: Synergy Between Navigation and Search
One of the trends of the moment is an attempt to replace global navigation with search. Raluca Budiu describes 5 reasons why one search is not enough and you need to share it with navigation.
Animation for Attention and Comprehension
NN / g's Aurora Bedford writes about using animations in interfaces. Its two main goals: to attract user attention to certain elements of the interface, or to simplify the understanding of the relationship between the elements of the interface. Transitions and animations should be fast enough so as not to annoy users and not impede their effective work. Continuing the topic:
What Every App Developer Should Know About Android
Extensive statistics on current versions, popular devices and screens, prevalence of custom shells, etc.
Size Matters: Balancing Line Length And Font Size In Responsive Web Design
Laura Franz describes the nuances of selecting line length and line spacing when adapting a design.
Is There a Formula for Delight?
Ben Rowe's admirable design. The deepest and most versatile of what has been encountered on this subject. The rest affected rather private aspects. Continuing the topic:
Dynamic user interfaces, Adapting to changing situations in games to increase player performance
Bjorn Buchner about the idea of dynamic interfaces that adapt to the current situation, for example, in games. Continuing the topic:
Icon Classification: Resemblance, Reference, and Arbitrary Icons
Analysis of the usability of various categories of icons from Jakob Nielsen.
The Danger of Dogfooding
"Designing for yourself", when members of the product team use their product daily, is a simple and effective technique. Des Traynor writes that from time to time you need to forget about yourself as a professional user, and look at the interaction with the product from the point of view of a beginner.
We design information architecture for e-commerce
An entertaining introduction to Information Architecture from Oleg Voronko. Part 2 .
Character separators in paper forms
Formulate on the effectiveness of explicit paper separators. To the web is poorly applicable, but informative.
When to Use Which User-Experience Research Methods
Christian Rohrer updated his guide to using user research methods. The 20 most common research methods are distributed according to the following characteristics: study of user behavior or attitude to the product; qualitative or quantitative research; context of use (natural use of the product; use according to the given scenario; research outside the context of the product; hybrid methods).
Insights on Switching, Centering, and Gestures for Touchscreens
Steven Hoober's new study on the ergonomics of using smartphones on the distribution of gestures across the screen.
Designing Features Using Job Stories
Alan Klement explains why Persons and User Story are yesterday and why you should use Job Story. Another good trick that can make a product team work efficient.
A Big Article About Wee Things
A wonderful visual study by Lena Groeger on the perception of small parts and their use in design. Continuing the topic:
The Ethics of UX Research
Nicholas Bowman, a professor at West Virginia University, writes about user research ethics. The basic rules for its assessment: 1) Is it possible to justify the need for user manipulation logically or theoretically? 2) Is user manipulation really necessary? 3) Does the manipulation do any potential harm? 4) What will users feel about the company when they learn about the study? Continuing the topic:
UX Tips for Surveys (Presentation by Gennady Dragun)
Tips for compiling user surveys.
http://www.slideshare.net/Hienadz.Drahun/ux-tips-for-surveys
Understanding Personas - An Interview with Alan Cooper
Alan Cooper about understanding characters.
Promise, Vision, Scenario, and User Stories
Jared Spool on several levels of product features and usage scenarios. He proposes the term “promises,” which broadly describes the desired interface solution.
Eye-Tracking Study: How Users View Google Search Result Pages
A new eye-tracking study of Google search results pages. What has changed over 10 years? The "golden triangle" has disappeared; users almost twice as fast began to crawl pages; almost one and a half times more often they began to click on links located at 2-4 places on the results page. Here you can download a detailed study .
Ruslan Kryuchkov from UsabilityLab tells the story:For the first time, the golden triangle at SERP was opened in 2005 using eye-tracking (then the company was called Enquiro). A year later, a comparative study was conducted on several search engines (Google, Yahoo !, MSN). In Russia, Dmitry Satin, Ruslan Kryuchkov, Evgeny Kulakov, Tatyana Kravchuk and Maria Rybakova-Kuznetsova confirmed this phenomenon on domestic search engines in 2009. The study was also conducted on 50 users. There are many questions to the research design and conclusions, but the triangle is the result of which we are more confident than others. It is interesting now to see that the golden triangle has turned into a different pattern. As I understand it, the main reasons for this are: 1) The structure of SERP is changing (there used to be a more or less uniform set of links, but now different inserts from sorcerers have appeared); 2) The nature of the perception of users of the SERP page changes.
An Alphabet of Accessibility Issues An
alphabet of health problems that affect how an interface works. Compiled on the basis of acquaintances, is not a standard set of characters.
Researching User Needs
New Tomer Sharon course from Google on user research at Treehouse.
Design Accessibly, See Differently - Color Contrast Tips And Tools
A gorgeous article by Cathy O 'Connor, PayPal accessibility expert. How the company tests mobile design for color contrast and accessibility for users with color blindness and low vision.
Designing for Dyslexia
10-20% of people are dyslexic. Andrew Zusman writes about the design available to them.
UI Peeps
Micro-profile generator with a name, avatar and a brief description.
Why applications aimed at changing behavior do not work
Ivan Zamesin translated into Russian the article “Why applications aimed at changing behavior do not work.”
The Games User Research Book
A team of experts in the field of Game User Research is looking for co-authors for a book on this topic.
Conducting an effective stakeholder interview
Dr. Philip Hodgson about interviewing key project participants.
Responsive Content Modeling
Steve Fisher describes the procedure for collecting content for a project, as well as building an interface and content strategy based on it.
Introducing the Post-it® Plus App
3M has released the Post-It Plus app, which helps structure brain storm results. It is necessary to photograph a board or wall with stickers and the service will help to digitize them and organize further collaboration. So far only for iPhone and iPad.
Resources for Mapping the Experience with Alignment Diagrams
A bunch of James Kalbach links on the “alignment diagrams” tool to help describe business processes for custom products.
Complexity
Anna Viggedal writes about the difference between the concepts of “complex” and “complicated” as applied to interfaces and socio-technical systems. They are determined by the internal structure and behavior and cannot always be simplified, so they have their own approaches to interacting with them.
The Digital Crown - Winning at Content on the Web
Ahava Leibtag's “The Digital Crown” book on content strategy has been released. UXMatters publishes an excerpt from it (chapter 2). It has a good memo for those involved in the design strategy - how to analyze the company and its current condition. Continuing the topic:
Story Map
James Buckhouse on creating a Story Map and working with a document. Not to be confused with Customer Jouney Map and User Story Map :)
Card Sorting
A detailed case study of applying card sorting from Lisa Sy. Interesting techniques and techniques are shown. Continuing the topic:
Validating UX Strategy Concepts Through Service Design (Ashley Hemingway Presentation)
Ashley Hemingway talked about how to test UX strategy using service design methods at the UX Strat 14. Conference. Key strategy concepts are mapped to touch points on the customer journey map. Continuing the topic:
Apple Watch
September 9 Apple introduced its version of the smart watch Watch, speculation around which has been around for a long time. This is a new application platform that many of us will have to work with in the coming years. In this thread, material will be collected on the design and design of interfaces for them.
A significant number of cases of using watches and bracelets in all four key areas are collected in one device - notifications, medicine / sports, authorization (payment, entry to hotels), a controller (remote control for controlling TV). And all this with a particularly careful understanding that the watch is an important accessory tied to the fashion industry (an interesting analysis of the classic watch from the observer) True, the announcement was expected to largely redefine the category, as happened previously with the player, phone and tablet, but it turned out just the most systematic of all the solutions on the market. Which, moreover, has fixed the basic understanding of the role of such devices - a more or less rigid appendage to a smartphone (and so far without cross-platformness).
There are many interesting interface solutions - a zooming-panning start screen with an unusual arrangement of application icons; the second advent of the click wheel in the form of the head of a clockwork mechanism familiar to watches for replacing part of touch gestures (it’s easier to get on a small screen, the interface does not overlap with a finger). It's funny that skeomorphism returned in the form of three-dimensional emoticons, achievements and other little things. The density of information in the interface surpasses, which contrasts quite strongly with the lighter approach Android Wear (two comparisons from ArsTechnica and The Verge ). But the general message is different - if Google has a more accessible screen for viewing notifications, then Apple has a mini-smartphone with all the rich features.
There are no official guidelines yet, but templates for designers are already popping up. A separate font was created for the watch, somewhat reminiscent of Din and Roboto ( The Verge and Fast Co Design ), but there is no specifics about it either. The watch will be available in two sizes, but nothing is said about the screen resolution ( Josh Worth is trying to figure it out ). Information should appear closer to the output of the device at the beginning of next year.
On the official website a lot of photos and videos. And a bunch of pictures from the presentation .
iPhone 6 Screens Demystified
iPhone 6+ came out, where the screen resolution and the resolution of the resources that designers should give it do not match. For several hours, this gave rise to a lot of rumors: “Will the iPhone be washed from the factory?”, “The new smart zoom system?”, “Is Ive crazy?” The guys at Paintcode are trying to figure it out. Structured table . Continuing the topic:
Affinity Designer
Fast vector raster editor for Mac. A small review .
New About Material Design
New for Android Wear
New for iOS8
Designer's Guide to DPI
Gorgeous analysis of the terminology and principles of operation of modern screens from Sebastien Gabriel, including the features of the transfer of design to developers. An article in the form of an e-book .
The Sticker UI Book by Killer inc.
An unusual album format for sketchy interfaces, which is much more useful than regular screen templates. It includes templates for different devices, convenient comment fields and, best of all, a set of stickers with typical interface elements and icons. A little bit about its creators .
Pixate
A promising tool for creating mobile interactive prototypes came out of beta. The ability to visualize animations, both from time to time, and from interaction. Instant "native" launch on the device. Nice interface.
New to Sketch
Mobile design cutting tools
One Page Promotional Website Designers
New About Mailing Lists
New iPad Templates
Prototyping Animation with Keynote
Use Keynote to prototype animations in an interface.
POP Gets $ 700K To Make Prototyping Apps Easy, Releases Second Version
The Mobile App Prototyping Tool received $ 700k investment and released a second version.
Designing for Yosemite
Apple HIG updated, now it includes information on Yosemite.
On Web Typography
The 11th book, On Web Typography by Jason Santa Maria, has been published by A Book Apart. A List Apart publishes a short excerpt from its 1st part .
True, it turned out to be extremely weak - it’s just an overview of the basic concepts of typography, but there are enough such books. And what is most disappointing - with a minimum of, in fact, the features of typography on the web. Localization, rendering, nuances of connecting third-party fonts, etc. - at best, a couple of paragraphs. Better to read to Alexander Korolkov. Continuing the topic:
Map Glyphs
Another library of vector maps.
60 flat styled icon sets
Flat style icons are still very popular among designers. The founder of Icon Finder, Martin LeBlanc, put together 60 sets on one page.
Writing Great Alt Text (Whitney Quesenbery Presentation)
A guide to writing alternative image texts from Whitney Quesenbery.
Wireframe Kit
Template for designing interfaces in Adobe Illustrator by Chris Rowe.
28 Resources For Getting Started In UX
A selection of user research links for beginners by Jeff Sauro.
Digital Tools for Digital Research
The research tools used by IDEO.
What is the Client's Role in User Research?
Memo for companies that order custom research. Jim Ross describes the main stages of the process and the participation that the customer must take in them. Continuing the topic:
Experimental Lean UX research at Yandex
Ivan Zamesin talks about the experience of using both the traditional and Lean UX approach in Yandex and research.
Eye Tracking in User Experience Design
An article about i-tracking questionnaires and forms from Caroline Jarrett and Jennifer Romano Bergstrom. This is a chapter from their book Eye Tracking in User Experience Design . She's pretty good. It examines the practical application of the results of studies in various applications and conclusions from them.
How Effective Are Heuristic Evaluations?
Jeff Sauro talks about expert judgment by several experts at once. The conclusions are not very comforting - even a group of experts may not notice critical problems and devote a lot to insignificant ones.
Conducting Large-Scale User Research
Jim Ross talks about his experience with large-scale (150 people) user research. He gives advice on organizing the process so that the task becomes elevating.
Collaborative User Testing - Less Bias, Better Research
Alla Kholmatova on how to make usability testing more objective and improve their quality. At each stage, several researchers are involved: a small group draws up a test plan, makes observations, and analyzes the results together.
Testing Mobile: Emulators, Simulators And Remote Debugging
An overview of how to test mobile sites and applications from Jon Raasch. Emulators, remote connectivity tools and other tools for Android and iOS.
Demonstrate Thinking Aloud by Showing Users a Video
A little secret on conducting usability testing by Jacob Nielsen. Prior to testing, users are shown a 1-minute video, with an example of how to correctly “think out loud”.
How to conduct Lean research The
translation of the article “The Right Way to Do Lean Research” by Ivan Zamesin into Russian.
Essential Visual Feedback Tools For Web Designers
A good review of site review tools and layouts by Lucy Galkina. She describes five tools - InVision LiveCapture, TrackDuck, BugMuncher, BugHerd and Notable.
The unexpected consequences of compiling user feedback at collection
An example of using multi-colored sticky leaves for effective visualization of usability testing results.
Typeform - Create awesome forms & surveys that function seamlessly across devices
The TypeForm service allows you to create custom forms that better involve the user in the filling process. A useful tool for conducting custom research. Continuing the topic:
Usability Testing Is Undermining UX Design
Peter Hornsby about a common usability testing myth. Some "experts" believe that without it it is impossible to say anything about the quality of design. However, in many situations it is possible and necessary to use knowledge and experience, for example, ergonomics accumulated by designers over decades. Continuing the topic:
Case: How I spent money on a usability consultation and did not get a result.
An interesting case of using the recommendations given in the expert evaluation of the interface from the client. Improvements proposed by the results of such a report increased conversion by a negligible amount.
Ptengine - Leading Heatmap and Web Analytics Platform
Ptengine web analytics service specializing in heatmapping. Allows you to study the difference in behavior on different devices.
Be a designer who knows Xcode
Another Xcode tutorial for designers by Scott Hurff.
New scripts
Script to create an initial letter (initial) from Adobe .
An interesting effect for switching pages or slides .
Responsive design frameworks and solutions
Work with SVG
uilang - a minimal, ui-focused programming language for web designers
Scripting pseudo-language for prototyping interfaces in code. It includes the behavior of typical elements and the ability to easily describe their style - in fact, a slightly simpler packaging of HTML, CSS and JS.
New for Quartz Composer
Form by RelativeWave All of a
sudden, a fresh Origami-like tool for interactive prototyping called Form appeared. Among the obvious advantages is the ability to interact with the prototype on the device on the fly, just like using Sketch Mirror.
Noodl
A new tool for the entire prototyping cycle: animation, interactive interactions and the entire process of working with the prototype. The project is in the closed beta stage, you can ask for an invite right now. They tried not only to repeat the Apple Quartz Composer, as Form did, taking all the birth injuries and shortcomings, but taking the concept of nodes, implement a convenient tool suitable specifically for designers.
The economic logic of Customer Experience
Roman Chernykh published his presentation with User Experience Russia 2014 on ergonomic economics. She would not hurt a more readable design, but the models and ROI calculations presented in her are wildly cool and interesting. Roman has a long experience in a large company (Beeline), as well as close communication with top management. Continuing the topic:
Software Usability & Net Promoter Benchmarks For 2014
A collection of Jeff Sauro metrics with up-to-date 2014 data.
How to come to success (ergonomic)
Vlad Golovach about the success of the interface, large screens and mobile design.
How To Compute A Confidence Interval In 5 Easy Steps A
Jeff Sauro tutorial on calculating confidence intervals for discrete and continuous data.
CUBI UX Model
A very detailed and powerful UX model from Corey Stern. It includes 4 components - content, business tasks, user goals and interaction. An article on UXMag with its description .
New about UX Strategy
UX Strategy: Defining strategy, current states, and future states
Austin Govella's series of articles on UX strategy. The first part defines the strategy. This is a way to transition from the current state to some desired future by successively achieving intermediate goals. Part 2 and 3 .
The Designer's Dilemma
Durward Sobek writes about the designer's dilemma. At the beginning of the project, we have relatively complete freedom of choice of possible solutions to the problem, but there is not much knowledge about the subject area. Over time, this ratio changes - we deeply understand the problem and know what to do, but have already moved quite far in implementing the solution and changing it a bit late.
Avoiding the Unintended Consequences of Casual Feedback
Sometimes, one quick comment from your senior management can lead to weeks of extra work for designers and developers. Jeff Weiner, CEO of LinkedIn, shares his tips on how to properly interpret “comments from above”.
Understanding UX Skills
Irene Au writes a series of articles on how to properly hire UX professionals. In the first part, she parses UX specializations. In the second position descriptions , and in the third - where to find candidates for UX positions?
Good UX Manager / Bad UX Manager
Peter Cho about how a good UX manager differs from a bad one.
Google Ventures' Formula For Attracting Top Design Talent
Tips for hiring designers and writing job descriptions by Daniel Burka from Google Ventures.
Методика Design Sprints от Google Ventures
"Note And Vote": How Google Ventures Avoids Groupthink In Meetings
On an Effective Managed Brainstorm Method Used by Google Ventures.
You're My Favorite Client
On September 30, A Book Apart published a new book by Mike Monteiro, “You're My Favorite Client ". Excerpts from it and related materials:
The Guide to Minimum Viable Products
A good MVP selection in the new UXPin book.
Margaret Gould Stewart: How giant websites design for you (and a billion others, too)
Data can help you make good design great, but they can’t make good design out of weak. Speech by Margaret Gould Stewart (Product Design Director at Facebook, ex-Google / YouTube) on design for products with multi-million audience.
Death To Page Views! Long Live "Acts Of Engagement"
Chartbeat's web analytics service promotes user engagement tracking as a complement to traditional metrics such as viewing depth. Every 5-10 seconds they monitor the behavior of the user on the page and improve understanding of what exactly he does on the site.
What Does Statistically Significant Mean?
Jeff Sauro continues his courses on the basics of statistics and parses the concept of “statistical significance” on his fingers.
Is Your Responsive Design Working? Google Analytics Will Tell You
An interesting way to calculate device types using Google Analytics.
A / B testing
7 Techniques For Prioritizing Customer Requirements
Jeff Sauro lists 7 methods for prioritizing customer requirements.
Feature Grading: An Introduction to the Kano Model A
step-by-step guide for using the Kano model from Ori Zmora. Continuing the topic:
http://www.slideshare.net/Hienadz.Drahun/understanding-kano-model
Professional Standard "Graphic and User Interface Design
Specialist " The specialists of the company Yuzetiks together with the Academy of Modern Infocommunication Technologies are preparing the professional standard "Specialist in Graphic and User Interface Design". The work is being commissioned by the Russian Union of Industrialists and Entrepreneurs.
A version of the standard is now ready, which can and should be discussed. Authors need feedback to improve the standard that we all really need. Here you will find a draft that you can comment directly on the text.
Principles Over Standards
Peter Hornsby writes about the importance of defining and describing product design principles in addition to guidelines. They describe common values and ideology, so they help to better understand why certain interface decisions are made.
Burger-Driven Design. Mail.Ru framework for the unification of content projects (Presentation by Yuri Vetrov)
My presentation from the User Experience Russia 2014 conference dedicated to the development of the Mail.Ru Group framework for the unification of design. Last year we launched a mobile web based on it , this time we went further and used it for a more complicated task - we transfer large content projects to the design and technical platform. Such a platform solves several problems at once:
The platform was launched recently and there is still a long list of improvements and bugs. But the most difficult is already behind and the results are impressive - for this year we have done more to update content projects than in the previous two. The presentation describes in detail which way we went and what we learned along its course.
News Website Redesign Cases
Modern editorial CMS
Кейсы редизайна
Denis Beskov launched the School of Interface Design. The set of programs already has two trainings from Phil Smirnov and Alina Zotova. Facebook group .
Intertwingled: Information Changes Everything
Excerpt from Peter Morville’s new book, Intertwingled: Information Changes Everything. She is somewhere at the junction of professional and cultural studies. Continuing the topic:
The book of Christopher Alexander “Language of patterns. Cities. Building. Construction ”
The legendary“ Pattern Language ”Christopher Alexander was translated into Russian. The book is not applied, but rather conceptual. The author was the first to introduce the concept of patterns (patterns). After this book inspired people to start collecting interface templates, it influenced the emergence of information architecture. Perhaps it is because of this book that it is called so.
Career Advice for User Experience Talent
Adaptive Path UX Week 2014 participants in San Francisco share UX career development tips.
Junior Designers vs. Senior Designers
Julie Zhuo clearly shows the difference between junior and senior designers in 6 pictures.
Subjective And Objective Design Choices
Steven Bradley on the often impossible and unnecessary attempts to achieve complete objectivity in design decisions.
Design Kit: The Course for Human-Centered Design
Free online course on Human-Centered Design. It runs from October 14 to December 3.
Interesting new books on O'Reilly.
Many of them are still under development, however, it is already possible to order and download. With WCYAZ code there will be a 50% discount on electronic versions:
Translations of the UX Crash Course by The Hipper Element
Two UX courses: Fundamentals and User Psychology have been translated and laid out in a convenient form . For this, many thanks to the girl under the pseudonym (?) Nancy Pong .
What I Learned In My First Year as a Product Designer
An excellent article by Alvin Hsia about his first experience as a product designer and its features.
The Boring Designer
Cap Watkins is about a boring designer who prefers proven working solutions to those that create a wow effect. Keenan Cummings answers him with an ode about a brave designer .
Alan Cooper: Talking Business and Design
Alan Cooper reflects on business and design.
The Man Who Envisioned the Internet Before Computers, Without Computers
Another article about Paul Otlet and that different people came up with the idea of the Internet at that time.
Google Form 2014
November 4-5, 2014 Google hosted the Form conference in San Francisco. It is dedicated to the combination of design and technology and includes a powerful composition of speakers from fashionable Internet services. Participation is by invitation only, but the materials should be extremely interesting.
UX Thursday, Detroit 2014
Audio recordings of performances at the UX Thursday conference, June 26, 2014 in Detroit, USA.
UI18
Video materials of the UI18 conference held on October 21-23, 2013 in Boston, USA.
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. More and more materials appear in reviews thanks to them.

Patterns and Best Practices
Designing for Large Screen Smartphones
Two autumn announcements at once (iPhone 6 Plus and Nexus 6) showed a gloomy future for smartphone control - prohibitively large screens are becoming the main standard. Luke Wroblewski gives a quick overview of how to live with it. In this post, patterns will be gathered to solve this problem.
What is a card?
Khoi Vinh did a lot of research on the card approach for Wildcard . Continuing the topic:
- Khoi Vinh Collection on Pinterest .
- Cezary Pietrak on the same topic .
- CITIA service focusing on the presentation of information in the form of cards.
Mobile & Multi-Device Design: Lessons Learned
Luke Wroblewski's new free book, Mobile Design and Design for Multiple Devices: Lessons Learned in Creating the Polar Application. Available as PDF and iBook . By the way, the Polar service itself was recently bought by Google and Luke is becoming part of the corporation .
Rocketbank experience: How to make effective landing pages for business
Alexey Kolesnikov shares Rocketbank’s experience in creating landing pages. He analyzes in detail the whole process and pays special attention to the importance of the main message of the proposed product or special offers.
Petit hacks
A library of patterns similar to Little Big Details, but focused on product solutions that provide metric growth for one of the most popular AARRR models (Acquisition, Activation, Retention, Revenue, Referral).
Swipe Left, Swipe Right, But Why?
Steve Melendez writes about the interface pattern of quick decision making using swipe cards left / right, which has become wildly popular thanks to the Tinder dating service.
Falling in Love with Forms (Aaron Gustafson Presentation)
Aaron Gustafson Workshop on Form Design from the BlendConf 2014 Conference.
Reducing Abandoned Shopping Carts In E-Commerce
Keir Whitaker is exploring a way to reduce the number of abandoned baskets by online store customers using reminder letters. A letter is sent a few hours after the user leaves the process and increases sales (the article provides statistics).
Simple dogmas when working with color in interfaces.
Fundamentals of working with color in the interface.
Why Keyboard Usability Is More Important Than You Think
David Sloan and Sarah Horton on why accessibility is important when using only the keyboard. Continuing the topic:
Would you like fries with that?
Booking.com conducted A / B testing of mobile navigation and the use of burger icons in particular. For them, none of the options showed significant superiority.
Think Breadcrumb Links Aren't Good For User Experience? Yes, They Are!
Shari Thurow has written a comprehensive guide to using breadcrumbs in navigation.
Excerpts from Baymard Institute e-commerce search report
- Product category selection when searching .
- Report Findings for Smashing Magazine .
- Faceted sorting is a new method for sorting search results .
Form Usability: Validations vs Warnings
New Baymard Institute article on form validation. Continuing the topic:
Mobile Design Pattern: Inventory-Based Discrete Slider
A guide to using sliders in mobile interfaces from Greg Nudelmann and Daria Kempka.
The Balance Between UX and Security
About the balance of UX and security from Hong Yi Dong, a designer at a security company. He also writes about the role of the designer in such an organization .
Search Is Not Enough: Synergy Between Navigation and Search
One of the trends of the moment is an attempt to replace global navigation with search. Raluca Budiu describes 5 reasons why one search is not enough and you need to share it with navigation.
Animation for Attention and Comprehension
NN / g's Aurora Bedford writes about using animations in interfaces. Its two main goals: to attract user attention to certain elements of the interface, or to simplify the understanding of the relationship between the elements of the interface. Transitions and animations should be fast enough so as not to annoy users and not impede their effective work. Continuing the topic:
- Katie Sherwin of the Nielsen / Norman Group on which loading indicators to use in a variety of situations .
- Courtney Hemphill's presentation on the mathematical foundations of front-end animation .
What Every App Developer Should Know About Android
Extensive statistics on current versions, popular devices and screens, prevalence of custom shells, etc.
Size Matters: Balancing Line Length And Font Size In Responsive Web Design
Laura Franz describes the nuances of selecting line length and line spacing when adapting a design.
Is There a Formula for Delight?
Ben Rowe's admirable design. The deepest and most versatile of what has been encountered on this subject. The rest affected rather private aspects. Continuing the topic:
- A presentation by Ben Tollady and Ben Rowe on design for admiration .
- Des Traynor: Not everything can be shown as prototypes . If you want to design for admiration, create an aesthetic effect, engage users in the game, then the wireframes are not enough to simulate the impressions. We need more detailed prototypes that are indistinguishable from a real product.
Dynamic user interfaces, Adapting to changing situations in games to increase player performance
Bjorn Buchner about the idea of dynamic interfaces that adapt to the current situation, for example, in games. Continuing the topic:
Icon Classification: Resemblance, Reference, and Arbitrary Icons
Analysis of the usability of various categories of icons from Jakob Nielsen.
The Danger of Dogfooding
"Designing for yourself", when members of the product team use their product daily, is a simple and effective technique. Des Traynor writes that from time to time you need to forget about yourself as a professional user, and look at the interaction with the product from the point of view of a beginner.
We design information architecture for e-commerce
An entertaining introduction to Information Architecture from Oleg Voronko. Part 2 .
Character separators in paper forms
Formulate on the effectiveness of explicit paper separators. To the web is poorly applicable, but informative.
User understanding
When to Use Which User-Experience Research Methods
Christian Rohrer updated his guide to using user research methods. The 20 most common research methods are distributed according to the following characteristics: study of user behavior or attitude to the product; qualitative or quantitative research; context of use (natural use of the product; use according to the given scenario; research outside the context of the product; hybrid methods).
Insights on Switching, Centering, and Gestures for Touchscreens
Steven Hoober's new study on the ergonomics of using smartphones on the distribution of gestures across the screen.
Designing Features Using Job Stories
Alan Klement explains why Persons and User Story are yesterday and why you should use Job Story. Another good trick that can make a product team work efficient.
A Big Article About Wee Things
A wonderful visual study by Lena Groeger on the perception of small parts and their use in design. Continuing the topic:
The Ethics of UX Research
Nicholas Bowman, a professor at West Virginia University, writes about user research ethics. The basic rules for its assessment: 1) Is it possible to justify the need for user manipulation logically or theoretically? 2) Is user manipulation really necessary? 3) Does the manipulation do any potential harm? 4) What will users feel about the company when they learn about the study? Continuing the topic:
UX Tips for Surveys (Presentation by Gennady Dragun)
Tips for compiling user surveys.
Understanding Personas - An Interview with Alan Cooper
Alan Cooper about understanding characters.
Promise, Vision, Scenario, and User Stories
Jared Spool on several levels of product features and usage scenarios. He proposes the term “promises,” which broadly describes the desired interface solution.
Eye-Tracking Study: How Users View Google Search Result Pages
A new eye-tracking study of Google search results pages. What has changed over 10 years? The "golden triangle" has disappeared; users almost twice as fast began to crawl pages; almost one and a half times more often they began to click on links located at 2-4 places on the results page. Here you can download a detailed study .
Ruslan Kryuchkov from UsabilityLab tells the story:For the first time, the golden triangle at SERP was opened in 2005 using eye-tracking (then the company was called Enquiro). A year later, a comparative study was conducted on several search engines (Google, Yahoo !, MSN). In Russia, Dmitry Satin, Ruslan Kryuchkov, Evgeny Kulakov, Tatyana Kravchuk and Maria Rybakova-Kuznetsova confirmed this phenomenon on domestic search engines in 2009. The study was also conducted on 50 users. There are many questions to the research design and conclusions, but the triangle is the result of which we are more confident than others. It is interesting now to see that the golden triangle has turned into a different pattern. As I understand it, the main reasons for this are: 1) The structure of SERP is changing (there used to be a more or less uniform set of links, but now different inserts from sorcerers have appeared); 2) The nature of the perception of users of the SERP page changes.
An Alphabet of Accessibility Issues An
alphabet of health problems that affect how an interface works. Compiled on the basis of acquaintances, is not a standard set of characters.
Researching User Needs
New Tomer Sharon course from Google on user research at Treehouse.
Design Accessibly, See Differently - Color Contrast Tips And Tools
A gorgeous article by Cathy O 'Connor, PayPal accessibility expert. How the company tests mobile design for color contrast and accessibility for users with color blindness and low vision.
Designing for Dyslexia
10-20% of people are dyslexic. Andrew Zusman writes about the design available to them.
UI Peeps
Micro-profile generator with a name, avatar and a brief description.
Why applications aimed at changing behavior do not work
Ivan Zamesin translated into Russian the article “Why applications aimed at changing behavior do not work.”
The Games User Research Book
A team of experts in the field of Game User Research is looking for co-authors for a book on this topic.
Conducting an effective stakeholder interview
Dr. Philip Hodgson about interviewing key project participants.
Information architecture, conceptual design, content strategy
Responsive Content Modeling
Steve Fisher describes the procedure for collecting content for a project, as well as building an interface and content strategy based on it.
Introducing the Post-it® Plus App
3M has released the Post-It Plus app, which helps structure brain storm results. It is necessary to photograph a board or wall with stickers and the service will help to digitize them and organize further collaboration. So far only for iPhone and iPad.
Resources for Mapping the Experience with Alignment Diagrams
A bunch of James Kalbach links on the “alignment diagrams” tool to help describe business processes for custom products.
Complexity
Anna Viggedal writes about the difference between the concepts of “complex” and “complicated” as applied to interfaces and socio-technical systems. They are determined by the internal structure and behavior and cannot always be simplified, so they have their own approaches to interacting with them.
The Digital Crown - Winning at Content on the Web
Ahava Leibtag's “The Digital Crown” book on content strategy has been released. UXMatters publishes an excerpt from it (chapter 2). It has a good memo for those involved in the design strategy - how to analyze the company and its current condition. Continuing the topic:
- A framework for a content strategy that describes five types of content .
- Mark Baker that reusing content is a good tactic, but not a strategy .
Story Map
James Buckhouse on creating a Story Map and working with a document. Not to be confused with Customer Jouney Map and User Story Map :)
Card Sorting
A detailed case study of applying card sorting from Lisa Sy. Interesting techniques and techniques are shown. Continuing the topic:
- More review article from Akendi . It also speaks of the difference between “closed” (as in the example of Lisa) and “open” sorting, when respondents are asked to determine the categories themselves.
- A quick, practical guide to conducting card sorting by Pierre Croft .
Validating UX Strategy Concepts Through Service Design (Ashley Hemingway Presentation)
Ashley Hemingway talked about how to test UX strategy using service design methods at the UX Strat 14. Conference. Key strategy concepts are mapped to touch points on the customer journey map. Continuing the topic:
Design and design of interface screens
Apple Watch
September 9 Apple introduced its version of the smart watch Watch, speculation around which has been around for a long time. This is a new application platform that many of us will have to work with in the coming years. In this thread, material will be collected on the design and design of interfaces for them.
A significant number of cases of using watches and bracelets in all four key areas are collected in one device - notifications, medicine / sports, authorization (payment, entry to hotels), a controller (remote control for controlling TV). And all this with a particularly careful understanding that the watch is an important accessory tied to the fashion industry (an interesting analysis of the classic watch from the observer) True, the announcement was expected to largely redefine the category, as happened previously with the player, phone and tablet, but it turned out just the most systematic of all the solutions on the market. Which, moreover, has fixed the basic understanding of the role of such devices - a more or less rigid appendage to a smartphone (and so far without cross-platformness).
There are many interesting interface solutions - a zooming-panning start screen with an unusual arrangement of application icons; the second advent of the click wheel in the form of the head of a clockwork mechanism familiar to watches for replacing part of touch gestures (it’s easier to get on a small screen, the interface does not overlap with a finger). It's funny that skeomorphism returned in the form of three-dimensional emoticons, achievements and other little things. The density of information in the interface surpasses, which contrasts quite strongly with the lighter approach Android Wear (two comparisons from ArsTechnica and The Verge ). But the general message is different - if Google has a more accessible screen for viewing notifications, then Apple has a mini-smartphone with all the rich features.
There are no official guidelines yet, but templates for designers are already popping up. A separate font was created for the watch, somewhat reminiscent of Din and Roboto ( The Verge and Fast Co Design ), but there is no specifics about it either. The watch will be available in two sizes, but nothing is said about the screen resolution ( Josh Worth is trying to figure it out ). Information should appear closer to the output of the device at the beginning of next year.
On the official website a lot of photos and videos. And a bunch of pictures from the presentation .
- Templates for Photoshop .
- Information card template for Photoshop .
- Template for Sketch .
- Opinion Bruce Tognazzini .
- Interesting thoughts Josh Clark about wearable devices on the eve of the announcement .
- Apple Watch Free Mockups .
- Apple Watch GUI PSD .
- Prototyping Apple Watch’s microinteractions and animations with Framer Studio .
- Josh Worth is trying to calculate the screen resolution, which has not yet been officially named .
- Template for Sketch by Sagi Shrieber .
- Template for Photoshop by Francesco Scalambrino .
- Template for Photoshop by Juan Carlos Ferraris .
- Template for sketches on paper from Jed Bridges .
- What if the Apple Watch were round? .
- And the answer showing that the interface is not designed for round screens .
- Template by Piotr Szwach .
- Fast Co Design on the notes of skeomorphism in the Apple Watch .
- Application concepts for Watch and the most complete PSD with interface elements .
iPhone 6 Screens Demystified
iPhone 6+ came out, where the screen resolution and the resolution of the resources that designers should give it do not match. For several hours, this gave rise to a lot of rumors: “Will the iPhone be washed from the factory?”, “The new smart zoom system?”, “Is Ive crazy?” The guys at Paintcode are trying to figure it out. Structured table . Continuing the topic:
- The investigation continues to Bruce Wang .
- Screen resolutions of different generations of iPhone .
- IOS resources for marketing, devices, badges, icons, etc. .
- Interestingly, now you can give iOS vector resources .
- Scott Hurff adapts iPhone's classic touch comfort map for new devices . The picture is predictably sad.
- Updated Marc Edwards workflow for designing apps for iOS, Android, and Mac, taking into account the new iPhone releases .
- Grid Pattern for iPhone 6 and 6 Plus .
- Template iPhone 6 for Photoshop by Dmitry Kovalenko .
- Pixeden iPhone 6 Photoshop Template .
- IPhone 6 Illustrator Template by Maxim Georgian-Sorin .
- Wellgraphic iPhone 6 and iPhone 6 Plus templates for Photoshop .
- Aubrey iPhone 6 Sketch Template .
- Cloud iPhone iPhone 6 Photoshop template .
- Template iPhone 6 for Photoshop from Ramotion .
- Template for Sketch by George Otsubo .
- Pixeden iPhone 6 Plus template for Photoshop .
- A few more iPhone 6 Photoshop templates from Pixeden .
- The opinion of famous designers about how the final transition to phones with large screens will affect the application interfaces .
- The availability of the iPhone 6 screen for the thumb, depending on the height of the person (for people with small hands, about half the screen is not available).
- IPhone 6 and iPhone 6 Plus templates for Sketch by Marcus Gellermark .
- IPhone 6 Photoshop Template by Balraj Chana .
- Another iPhone 6 template for Photoshop from Pixeden .
Affinity Designer
Fast vector raster editor for Mac. A small review .
New About Material Design
- Roman Nurik on the details of creating an application illustrating Material Design, presented at the Google I / O 2014 conference .
- Android Material UI Kit .
- A little discussion of the first problems of introducing ideology on Google .
- A detailed story about creating a simple sports application on material design guidelines .
- UI Kit by Ruban Khalid .
- For the upcoming release of Android 5.0 Lollipop in November, the development team has updated the design guidelines . You can download templates for Photoshop, Illustrator and Sketch, a set of system icons in a raster and SVG is also available.
- Roman Nurik says that Lollipop supports SVG graphics in developer resources .
- A lot of screens and animations from the latest pre-release version .
- Google has freely available a set of 750 Material Design icons .
- Chris Banes and Nick Butcher about the key points of transferring applications to new guidelines .
New for Android Wear
- An early outline and evolution of Android Wear design .
- Gallery comparing the interfaces of Apple Watch and Android Wear .
- Product Director David Singleton talks about two opposing smartwatch scenarios that they found out from research . Firstly, these are hardcore geeks who want to get all the information instantly and the clock allows you to do it faster. Secondly, people who want to interact less with a smartphone and notifications - for them this is a simplified version of the basic functions of the phone.
New for iOS8
- A story by Meng To about how a designer can work with Swift .
- Vector kit for iOS8 with all the latest changes .
- There are no official guidelines for widgets in the notification panel, so for now you can rely only on common sense, official solutions and third-party applications. The Verge has compiled a collection of interesting solutions from the first wave of applications adapted for iOS8 .
- UI Kit for Photoshop.
- Guideline on the adaptability of applications to the resulting variety of devices and permissions .
- Necessary sizes of application icons, taking into account new devices .
- Updated PSD from Teehan + Lax: iOS8, iPhone 6, etc.
Designer's Guide to DPI
Gorgeous analysis of the terminology and principles of operation of modern screens from Sebastien Gabriel, including the features of the transfer of design to developers. An article in the form of an e-book .
The Sticker UI Book by Killer inc.
An unusual album format for sketchy interfaces, which is much more useful than regular screen templates. It includes templates for different devices, convenient comment fields and, best of all, a set of stickers with typical interface elements and icons. A little bit about its creators .
Pixate
A promising tool for creating mobile interactive prototypes came out of beta. The ability to visualize animations, both from time to time, and from interaction. Instant "native" launch on the device. Nice interface.
New to Sketch
- Android L template for tablets .
- A comprehensive guide to working with Sketch from Hack Design .
- Another selection of plugins .
- Icon set .
- Work with Bezier curves .
- IPad Air design template .
- Comparison of work with key functions in Photoshop and Sketch .
- Sketch Meetup will be held at the Mail.Ru Group office on November 1. It is organized by Oleg Andrianov, Dmitry Novikov and Alisher Yakupov . Facebook group with useful materials .
Mobile design cutting tools
- Another tool for viewing layouts on a device from Roman Nurik .
- Plugin for Photoshop by Nikolay Kuchkarov, making it easy to cut for all resolutions .
- DPI calculator . It is in the form of an extension for Chrome .
One Page Promotional Website Designers
- Another service for quick and beautiful publishing, Innnk .
- Constructor of The Grid . His review in Fast Co Design .
- Large collection of publishing tools .
New About Mailing Lists
- How to create scalable mailing letters .
- Recently, animated GIFs are increasingly used in mailing lists. Cossa reviews successful cases and gives recommendations on their appropriate use .
- Responsive mailing list templates .
- Statistics of devices and clients for reading e-mail, as well as their capabilities .
- On August 18-20, the first conference for designers of mailing lists was held in Boston .
- Lee Munroe talks about how he works on the design of mailing lists . Interesting about tools and testing.
- BeeFree, a designer of typesetting of rich design emails .
New iPad Templates
Prototyping Animation with Keynote
Use Keynote to prototype animations in an interface.
POP Gets $ 700K To Make Prototyping Apps Easy, Releases Second Version
The Mobile App Prototyping Tool received $ 700k investment and released a second version.
Designing for Yosemite
Apple HIG updated, now it includes information on Yosemite.
On Web Typography
The 11th book, On Web Typography by Jason Santa Maria, has been published by A Book Apart. A List Apart publishes a short excerpt from its 1st part .
True, it turned out to be extremely weak - it’s just an overview of the basic concepts of typography, but there are enough such books. And what is most disappointing - with a minimum of, in fact, the features of typography on the web. Localization, rendering, nuances of connecting third-party fonts, etc. - at best, a couple of paragraphs. Better to read to Alexander Korolkov. Continuing the topic:
Map Glyphs
Another library of vector maps.
60 flat styled icon sets
Flat style icons are still very popular among designers. The founder of Icon Finder, Martin LeBlanc, put together 60 sets on one page.
Writing Great Alt Text (Whitney Quesenbery Presentation)
A guide to writing alternative image texts from Whitney Quesenbery.
Wireframe Kit
Template for designing interfaces in Adobe Illustrator by Chris Rowe.
User research and testing, analytics
28 Resources For Getting Started In UX
A selection of user research links for beginners by Jeff Sauro.
Digital Tools for Digital Research
The research tools used by IDEO.
What is the Client's Role in User Research?
Memo for companies that order custom research. Jim Ross describes the main stages of the process and the participation that the customer must take in them. Continuing the topic:
Experimental Lean UX research at Yandex
Ivan Zamesin talks about the experience of using both the traditional and Lean UX approach in Yandex and research.
Eye Tracking in User Experience Design
An article about i-tracking questionnaires and forms from Caroline Jarrett and Jennifer Romano Bergstrom. This is a chapter from their book Eye Tracking in User Experience Design . She's pretty good. It examines the practical application of the results of studies in various applications and conclusions from them.
How Effective Are Heuristic Evaluations?
Jeff Sauro talks about expert judgment by several experts at once. The conclusions are not very comforting - even a group of experts may not notice critical problems and devote a lot to insignificant ones.
Conducting Large-Scale User Research
Jim Ross talks about his experience with large-scale (150 people) user research. He gives advice on organizing the process so that the task becomes elevating.
Collaborative User Testing - Less Bias, Better Research
Alla Kholmatova on how to make usability testing more objective and improve their quality. At each stage, several researchers are involved: a small group draws up a test plan, makes observations, and analyzes the results together.
Testing Mobile: Emulators, Simulators And Remote Debugging
An overview of how to test mobile sites and applications from Jon Raasch. Emulators, remote connectivity tools and other tools for Android and iOS.
Demonstrate Thinking Aloud by Showing Users a Video
A little secret on conducting usability testing by Jacob Nielsen. Prior to testing, users are shown a 1-minute video, with an example of how to correctly “think out loud”.
How to conduct Lean research The
translation of the article “The Right Way to Do Lean Research” by Ivan Zamesin into Russian.
Essential Visual Feedback Tools For Web Designers
A good review of site review tools and layouts by Lucy Galkina. She describes five tools - InVision LiveCapture, TrackDuck, BugMuncher, BugHerd and Notable.
The unexpected consequences of compiling user feedback at collection
An example of using multi-colored sticky leaves for effective visualization of usability testing results.
Typeform - Create awesome forms & surveys that function seamlessly across devices
The TypeForm service allows you to create custom forms that better involve the user in the filling process. A useful tool for conducting custom research. Continuing the topic:
- FormKeep service for collecting user feedback through an easy to install form . A little more about him .
Usability Testing Is Undermining UX Design
Peter Hornsby about a common usability testing myth. Some "experts" believe that without it it is impossible to say anything about the quality of design. However, in many situations it is possible and necessary to use knowledge and experience, for example, ergonomics accumulated by designers over decades. Continuing the topic:
- At the same time, a discussion about the need for usability testing and user research . The truth, as always, is somewhere in between ...
Case: How I spent money on a usability consultation and did not get a result.
An interesting case of using the recommendations given in the expert evaluation of the interface from the client. Improvements proposed by the results of such a report increased conversion by a negligible amount.
Ptengine - Leading Heatmap and Web Analytics Platform
Ptengine web analytics service specializing in heatmapping. Allows you to study the difference in behavior on different devices.
Visual programming
Be a designer who knows Xcode
Another Xcode tutorial for designers by Scott Hurff.
New scripts
- Parallax in pure CSS .
- A good tool for creating a parallax effect . One of the cool examples .
- Мобильные девайсы на HTML5.
- Три механизма отображения таблиц на мобильных в одном (преобразование в карточки, настраиваемые колонки, прокрутка по горизонтали).
- Библиотека для визуализации тепловых карт. Хорошо документирована, со множеством примеров и далеко идущими планами.
- Интереснейшая визуализация алгоритмов.
- Скрипт для интеллектуальной обрезки фотографии по точке фокуса. Отличное решение для тех, кто автоматически создает аватарки и всевозможные миниатюры на сайтах. Больше никаких обрезанных ног!
- Библиотека для реализации анимаций на вебе похожих на реальное физическое взаимодействие.
- Полезный инструмент для измерения любых размеров содержимого браузера.
- Анимированные легко изменяемые иконки.
- Новая пачка клевых эффектов для показа навигации.
- Дизайн-паттерны — графики, табы, меню, кнопки, формы, крутилки и пр..
- Julian Shapiro о преимуществах JS-анимации над сделанной в чистом CSS.
- Как улучшить работу модальных окон.
- Простая удобная утилита для визуального создания круговых CSS-градиентов.
- Интересный инструмент для генерации бесшовных паттернов.
- Клевый инструмент для визуализации табличных данных.
- chrisnager.github.io/cursors>Варианты курсоров к HTML
Script to create an initial letter (initial) from Adobe .
An interesting effect for switching pages or slides .
Responsive design frameworks and solutions
- Grid Style Sheets, another CSS framework for responsive design .
- Flexbox Designer . Useful for those designers who work in active conjunction with technologists.
- Flexbox cheat sheet is easy to understand .
- Theme for Bootstrap in the style of Google Material .
- An interesting tool for creating a typographic system, with modules and vertical rhythm .
- About CSS3 technology Grid Layout .
- How to create an easy and simple script for one-page promo sites .
Work with SVG
- Excellent replenished SVG knowledge base: basics, icons, font, filters, animation, adaptability and much more .
- A library for quick SVG animation (as in the Polygon article on consoles) .
- Tool for creating SVG patterns for seamless patterns .
- Implement adaptive icons using SVG .
uilang - a minimal, ui-focused programming language for web designers
Scripting pseudo-language for prototyping interfaces in code. It includes the behavior of typical elements and the ability to easily describe their style - in fact, a slightly simpler packaging of HTML, CSS and JS.
New for Quartz Composer
Form by RelativeWave All of a
sudden, a fresh Origami-like tool for interactive prototyping called Form appeared. Among the obvious advantages is the ability to interact with the prototype on the device on the fly, just like using Sketch Mirror.
Noodl
A new tool for the entire prototyping cycle: animation, interactive interactions and the entire process of working with the prototype. The project is in the closed beta stage, you can ask for an invite right now. They tried not only to repeat the Apple Quartz Composer, as Form did, taking all the birth injuries and shortcomings, but taking the concept of nodes, implement a convenient tool suitable specifically for designers.
Metrics and ROI
The economic logic of Customer Experience
Roman Chernykh published his presentation with User Experience Russia 2014 on ergonomic economics. She would not hurt a more readable design, but the models and ROI calculations presented in her are wildly cool and interesting. Roman has a long experience in a large company (Beeline), as well as close communication with top management. Continuing the topic:
- Alexey Anokhin: A very pressing issue on which the promotion of the profession depends. It is rarely discussed - there are practically no books, few articles. If Roman is planning to write an article, I think that the Human Factor will print it with pleasure. And I'm in the Ergonomist newsletter in parallel. A similar work is published in the OSHA report , but it deals with occupational safety and ergonomics (physical).
Software Usability & Net Promoter Benchmarks For 2014
A collection of Jeff Sauro metrics with up-to-date 2014 data.
How to come to success (ergonomic)
Vlad Golovach about the success of the interface, large screens and mobile design.
How To Compute A Confidence Interval In 5 Easy Steps A
Jeff Sauro tutorial on calculating confidence intervals for discrete and continuous data.
Management of front-end projects, processes and teams
CUBI UX Model
A very detailed and powerful UX model from Corey Stern. It includes 4 components - content, business tasks, user goals and interaction. An article on UXMag with its description .
New about UX Strategy
- Кейс LEGO, которая с помощью интеграции дизайна, бизнеса и маркетинга смогла несколько раз выйти из кризиса.
- Шаблон для описания UX-стратегии от James Kalbach. Подкаст с его участием, в котором он объясняет нюансы своей модели.
- Серия статей Jim Nieters и Pabini Gabriel-Petit о том, как менять подход к UX в больших компаниях. Некоторый максимализм в подходе, но дальше должно быть интересно.
- Peter Jones о необходимости системного дизайна, так же как существуют системные инженеры.
UX Strategy: Defining strategy, current states, and future states
Austin Govella's series of articles on UX strategy. The first part defines the strategy. This is a way to transition from the current state to some desired future by successively achieving intermediate goals. Part 2 and 3 .
The Designer's Dilemma
Durward Sobek writes about the designer's dilemma. At the beginning of the project, we have relatively complete freedom of choice of possible solutions to the problem, but there is not much knowledge about the subject area. Over time, this ratio changes - we deeply understand the problem and know what to do, but have already moved quite far in implementing the solution and changing it a bit late.
Avoiding the Unintended Consequences of Casual Feedback
Sometimes, one quick comment from your senior management can lead to weeks of extra work for designers and developers. Jeff Weiner, CEO of LinkedIn, shares his tips on how to properly interpret “comments from above”.
Understanding UX Skills
Irene Au writes a series of articles on how to properly hire UX professionals. In the first part, she parses UX specializations. In the second position descriptions , and in the third - where to find candidates for UX positions?
Good UX Manager / Bad UX Manager
Peter Cho about how a good UX manager differs from a bad one.
Google Ventures' Formula For Attracting Top Design Talent
Tips for hiring designers and writing job descriptions by Daniel Burka from Google Ventures.
Методика Design Sprints от Google Ventures
- Обзор методики от Alok Jain.
- 4-дневные исследовательские спринты (Research sprints).
- Опыт команды ВВС с дизайн-спринтами.
"Note And Vote": How Google Ventures Avoids Groupthink In Meetings
On an Effective Managed Brainstorm Method Used by Google Ventures.
You're My Favorite Client
On September 30, A Book Apart published a new book by Mike Monteiro, “You're My Favorite Client ". Excerpts from it and related materials:
- What you need to do before hiring a designer . If you simply throw a new designer into a company without preliminary preparation, without changing culture, without managerial support, and leave him alone to fight with the old processes, then as a result you will get an obedient artist at best - all the power of design will be inaccessible to you.
- 13 tips for designers not to spoil the presentation of their work to customers .
- 8 секретов по поиску и найму дизайнера, как долговременного партнера.
- Mike Monteiro о своей новой книге. Если первая была для дизайнеров, то вторая — для заказчиков, как им более эффективно работать с дизайнерами.
- Познавательное обсуждение на Designer News о критике клиентов. Для тех, кто думает, что странные заказчики есть только на отечественном рынке.
Продуктовый менеджмент и аналитика
The Guide to Minimum Viable Products
A good MVP selection in the new UXPin book.
Margaret Gould Stewart: How giant websites design for you (and a billion others, too)
Data can help you make good design great, but they can’t make good design out of weak. Speech by Margaret Gould Stewart (Product Design Director at Facebook, ex-Google / YouTube) on design for products with multi-million audience.
Death To Page Views! Long Live "Acts Of Engagement"
Chartbeat's web analytics service promotes user engagement tracking as a complement to traditional metrics such as viewing depth. Every 5-10 seconds they monitor the behavior of the user on the page and improve understanding of what exactly he does on the site.
What Does Statistically Significant Mean?
Jeff Sauro continues his courses on the basics of statistics and parses the concept of “statistical significance” on his fingers.
Is Your Responsive Design Working? Google Analytics Will Tell You
An interesting way to calculate device types using Google Analytics.
A / B testing
- UserTesting's Phil Sharp on preliminary quality testing of ideas for A / B testing .
- Academic approach to A / B testing .
- 5 examples of A / B tests (with more than 303% increase in performance) .
- 29 tips for improving your A / B testing skills .
7 Techniques For Prioritizing Customer Requirements
Jeff Sauro lists 7 methods for prioritizing customer requirements.
Feature Grading: An Introduction to the Kano Model A
step-by-step guide for using the Kano model from Ori Zmora. Continuing the topic:
Methodologies, Procedures, Standards
Professional Standard "Graphic and User Interface Design
Specialist " The specialists of the company Yuzetiks together with the Academy of Modern Infocommunication Technologies are preparing the professional standard "Specialist in Graphic and User Interface Design". The work is being commissioned by the Russian Union of Industrialists and Entrepreneurs.
A version of the standard is now ready, which can and should be discussed. Authors need feedback to improve the standard that we all really need. Here you will find a draft that you can comment directly on the text.
Principles Over Standards
Peter Hornsby writes about the importance of defining and describing product design principles in addition to guidelines. They describe common values and ideology, so they help to better understand why certain interface decisions are made.
Cases
Burger-Driven Design. Mail.Ru framework for the unification of content projects (Presentation by Yuri Vetrov)
My presentation from the User Experience Russia 2014 conference dedicated to the development of the Mail.Ru Group framework for the unification of design. Last year we launched a mobile web based on it , this time we went further and used it for a more complicated task - we transfer large content projects to the design and technical platform. Such a platform solves several problems at once:
- Гарантированная унификация дизайна. Метод разработки и обновления продуктов использует единую базу кода, в которой хранятся один раз созданные и проверенные интерфейсные паттерны.
- Масштабирование улучшений. Доработав паттерн в одном из проектов (например, повысив глубину просмотра в блоке новостей по теме), можно быстро раздать его остальным и поднять продуктовую эффективность всей линейки сервисов.
- Постоянная актуальность дизайна. Уход от героических редизайнов раз в несколько лет к регулярной гигиене. Перезапуски отнимают много сил и теряют тысячи мелких наработок, прикрученных к продукту за долгое время его развития.
- Меньше рутины для дизайнера, больше фокуса на продуктовые задачи. Наконец-то появляется время подумать о чем-то помимо бесконечной поддержки достаточного состояния дизайна.
The platform was launched recently and there is still a long list of improvements and bugs. But the most difficult is already behind and the results are impressive - for this year we have done more to update content projects than in the previous two. The presentation describes in detail which way we went and what we learned along its course.
News Website Redesign Cases
- Why are many recent news site redesigns alike .
- About the redesign of The New Yorker .
- About how the new The Guardian was launched .
Modern editorial CMS
- CMS Tarbell by the Chicago Tribune . A small review .
- A review of the meeting of contemporary media representatives in which they discuss the problems and best practices for creating long reads . A lot of attention is paid to building platforms.
- W-O-S сделает свою CMS продуктом, скоро будут известны детали. Сегодня запущена новая версия сайта с кучей интересных решений и, самое главное — широчайшими возможностями по подаче статей с кучей интерактива.
- PageKit — очередная «простая и удобная» CMS для создания сайтов. Отличные возможности для разработчиков, можно менять почти все.
Кейсы редизайна
- Как уничто..., тьфу, редизайнили Foursquare.
Anand Sharma о проектировании сайта Aplizero. Крутейший пример того как в современном мире дизайнер может сделать весь продукт сам.
Немного о создании Mailbox для Mac. В статье есть куски итераций, в которых команда искала способ перенести фирменные жесты на десктоп. И интереснейший внутренний инструмент для тонкой настройки анимаций.
Denis Beskov launched the School of Interface Design. The set of programs already has two trainings from Phil Smirnov and Alina Zotova. Facebook group .
Intertwingled: Information Changes Everything
Excerpt from Peter Morville’s new book, Intertwingled: Information Changes Everything. She is somewhere at the junction of professional and cultural studies. Continuing the topic:
- Free webinar of Peter, which will be held on November 18 .
- On the creation of cultural correspondence and on the use of ethnography .
The book of Christopher Alexander “Language of patterns. Cities. Building. Construction ”
The legendary“ Pattern Language ”Christopher Alexander was translated into Russian. The book is not applied, but rather conceptual. The author was the first to introduce the concept of patterns (patterns). After this book inspired people to start collecting interface templates, it influenced the emergence of information architecture. Perhaps it is because of this book that it is called so.
Career Advice for User Experience Talent
Adaptive Path UX Week 2014 participants in San Francisco share UX career development tips.
Junior Designers vs. Senior Designers
Julie Zhuo clearly shows the difference between junior and senior designers in 6 pictures.
Subjective And Objective Design Choices
Steven Bradley on the often impossible and unnecessary attempts to achieve complete objectivity in design decisions.
Design Kit: The Course for Human-Centered Design
Free online course on Human-Centered Design. It runs from October 14 to December 3.
Interesting new books on O'Reilly.
Many of them are still under development, however, it is already possible to order and download. With WCYAZ code there will be a 50% discount on electronic versions:
- Designing Connected Products. UX for the Consumer Internet of Things .
- Understanding Context. Environment, Language, and Information Architecture (also about IoT).
- UX Strategy. How to Devise Innovative Digital Products that People Want .
- User Story Mapping. Discover the Whole Story, Build the Right Product .
- The Uncertain Web. Web development in a changing landscape.
- Designing Mobile Payment Experiences. Principles and Best Practices for Mobile Commerce.
Translations of the UX Crash Course by The Hipper Element
Two UX courses: Fundamentals and User Psychology have been translated and laid out in a convenient form . For this, many thanks to the girl under the pseudonym (?) Nancy Pong .
What I Learned In My First Year as a Product Designer
An excellent article by Alvin Hsia about his first experience as a product designer and its features.
The Boring Designer
Cap Watkins is about a boring designer who prefers proven working solutions to those that create a wow effect. Keenan Cummings answers him with an ode about a brave designer .
Important people in the industry
Alan Cooper: Talking Business and Design
Alan Cooper reflects on business and design.
The Man Who Envisioned the Internet Before Computers, Without Computers
Another article about Paul Otlet and that different people came up with the idea of the Internet at that time.
Conference proceedings
Google Form 2014
November 4-5, 2014 Google hosted the Form conference in San Francisco. It is dedicated to the combination of design and technology and includes a powerful composition of speakers from fashionable Internet services. Participation is by invitation only, but the materials should be extremely interesting.
UX Thursday, Detroit 2014
Audio recordings of performances at the UX Thursday conference, June 26, 2014 in Detroit, USA.
UI18
Video materials of the UI18 conference held on October 21-23, 2013 in Boston, USA.
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. More and more materials appear in reviews thanks to them.