Digest of grocery design, July 2014
For four 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 worthwhile publications are selected that are interesting to share. Previous materials: April 2010-June 2014 .
Stacking the Card Deck - Reclaiming Our Mobile Future with HTML5-based Cards
Christopher Tse about using cards in the interface. The best material on this topic - affects both the conceptual framework and the principles of design and development of the "card" interface. Translation into Russian . Continued:
')
Baymard: E-Commerce Search Usability - An Original Research Study
Fresh excerpts from the Baymard Institute report on the study of search interfaces on e-commerce sites:
You May Be Losing Users Responsive If You Only Mobile Strategy
Good material Maximiliano Firtman, deployed conveying an important message - no matter what technology you show the user to your product on your mobile. The main thing is that it fits your needs. He examines the technological problems of pure adaptive design and says that a separate version is not so bad under certain conditions. Continuing the theme:
Designed by the Extreme Male Brain Model
Liraz Margalit explores the difference in online behavior between men and women. Translation into Russian .
Memory Recognition and Recall in User Interfaces
The Raluca Bidiu of the Nielsen / Norman Group makes out the difference between two important concepts in cognitive psychology - “memory” and “recognition”.
How to Use Persona Empathy Mapping
Once again on the use of empathy cards. The article has a useful example of a scheme for conducting a mapping meeting and once again argues why it makes sense to do them.
Debra Levin Gelman - Design for Kids
B Rosenfeld Media released "Design for Kids" by Debra Levin Gelman. Excerpts from several chapters:
The Science of Happy Design
Pamela Pavliscak conducted a study of more than 250 sites with the participation of 6,600 users and derived 3 design principles that make users happy: 1) Maximize user autonomy (their ability to independently perform any tasks on the site); 2) The use of active and diverse interaction mechanisms; 3) Attitudes towards users as friends in the real world. Achieving a basic level of usability is essential for users to be happy. Users are rarely happy if the percentage of successful completion of the main tasks is below 90%.
Realizing Empathy, part 2 - Praxis
Seung Chan Lim understands the meaning of the concept of empathy in general and in relation to interfaces in particular. And he talks about how to use it for designers.
50 Shades of Gaming - Playing with Color Blindness
Gaming accessibility. Design for people with color blindness. Continuing the theme:
Audio Accessibility with Svetlana Kouznetsova
A conversation with Svetlana Kuznetsova, an expert in designing for people with limited hearing.
How Do You Design Interaction?
How does interface design begin? Many begin with sketches: on paper, on a board, in a graphic editor. Luca Leone proposes to start designing not visually, but in a text editor - first describing and discussing the scenarios, and only then visualizing them.
Google material design
Android Wear
Sketch templates and plugins
Best templates and widgets for Axure RP
Another collection of templates and stencils for Axure. It has ready-made kits for standard projects - online stores, social services, landing pages.
Brandfolder - Simple, visual brand asset asset sharing
The Brandfolder service facilitates the organization and support of brand guidelines, as well as the work of all interested with them. Including the interface part.
Pentotype - Wireframes for Great Apps
Pentotype iPad application for designing mobile, tablet and web interfaces. It allows you to create interactive prototypes and facilitates the process of discussing and collecting feedback.
Useful Adobe Fireworks Resources
Overview of extensions for Adobe Fireworks by Michel Bozgounov. Although the support of the tool is essentially discontinued, many still use it effectively and it still has a couple of years. The second part .
Google Noto Fonts
Beautiful modern free (Apache 2.0) font for all languages ​​from Google.
Modern editorial CMS
Observing Usability Studies - A Guide for Stakeholders
Usability testing of your product is taking place, and you have been invited or you yourself want to participate as an observer. How to behave and what to look at?
5 Variables to Manage in a Comparative Usability Study
Jeff Sauro lists five key metrics that are important in comparative usability testing.
New scripts
New for Origami for Quartz Composer
New to Bootstrap
UX Metrics for Your Product
A one-page page describing the selection of the right interface metrics for a product, based on the article by Kerry Rodden from Google Ventures. It is based on the ideology HEART (happiness, engagement, adoption, retention, task success).
Digital Dashboards - Strategic & Tactical: Best Practices, Tips, Examples
A conceptual approach to the design of information panels (dashboards) from Avinash Kaushik.
Keikendo Maturity Model: Self Test
Uike maturity test from Keikendo.
Design Sprints for Developers
A series of videos from Google employees about their five-day firm teamwork format for conceptual product design.
How to Work with Designers
Julie Zhuo from Facebook on how to work with designers and how to choose the right project for them .
Lean Startup Meets Design Thinking
Eric Ries, the author of lean startup, and Tim Brown from IDEO are talking to Google Ventures.
10 Things I've Learned About Customer Development (2014)
10 lessons from Cindy Alvarez, author of Lean Customer Development. 1) Any answer to the question: “How much would you pay for ...” is wrong. 2) If someone says: “I will not use it myself, but it’s sure that others will be”, then no one will use this product. 3) If you ask users: “Wouldn't you like ...?”, “Doesn't it bother you ...?”, Then the answer will always be “Yes”. 4) If someone says: "... maybe it's just me alone, but ...", the answer is "No." Especially if it seems that your product is difficult to use, or you do not have a clear marketing. 5) If you want to take money for your product, do not ask users who are used to using free products. They, perhaps, will become your customers, but not earlier than the product of a mass product. 6) Not interesting is the functionality that users want, and why they want it. 7) Almost everyone is ready to do in words what you ask him: a small request, you are full of energy, and they do not need to make big decisions. 8) It’s impossible to create a good product if you don’t like potential users. You should be at least not indifferent to them. 9) Two strengths in the behavior of users: apathy and unwillingness to look / feel stupid. 10) If you have thoughts: “Everything is much more complicated than I thought,” everything is in fact much more complicated. The lean Customer Development book itself is one of the best-researched users. Radically changes some concepts and approaches established in the head.
The Importance of Understanding Your Best Users
Ben Yoskovitz, author of Lean Analytics, on the importance of user segmentation. And also about why it is necessary to early define “good” users - subgroups, for which the product should be developed and optimized in the first place. Continuing the theme:
Ideas and / or data
Cennydd Bowles, in which cases it is better to apply a design based on ideas, and in which - based on data.
The Customer Is Most Wrong
Gregory Ciotti that the client is almost always wrong.
Service Design 101
The basics of designing services from Lauren Ruiz and Izac Ross from Cooper Consulting.
A Look Inside Design at LinkedIn
Moses Ting, head of the LinkedIn UX team, talks about his work at the company.
Where Online Services Go When They Die
On the history of the network Prodigy, analogue of the Internet from the 80s, as well as attempts to restore its data.
The Near Future of In-Car HMI
Studio ustwo has released a very strong series of articles devoted to the analysis and prediction of trends in automotive interfaces. This is the most interesting, detailed and detailed research on the topic available in the open form. All 5 parts in the form of an e-book (PDF). Separate parts and other materials on the topic:
Mobile UI Design Trends 2014 from UXPin
Another e-book from UXPin, dedicated to mobile trends in 2014. Chris Bank made a squeeze on mobile input patterns . Continuing the theme:
Provide meaning with motion
Paul Stamatiou analyzes the recently presented ideology of Google Material Design and says that a new era of animation is coming to the interfaces, when not just a set of separate transitions is required, but their clearly orchestrated orchestration.
Stephen Anderson - Deciphering Data through Design
Interview with Stephen Anderson on the eve of his new book “Designing for Understanding”. He describes seven problems in conveying the meaning of complex concepts and concepts in interfaces, and also talks about how to solve them.
Why We Don't Talk About "Wearable Software"
This year, wearable devices have come to an important stage - from the chaos of dozens of manufacturers with their own devices and operating systems to a more mature market with several hit platforms and connecting third-party software to existing devices. Fast Company writes about those who shift the emphasis on software.
Dropbox's Head of Personalized Products
Soleio Cuervo, the head of Dropbox design, as well as the second designer hired by Facebook (he is credited with the initial design of the 'Like' button), writes about the dawn of the era of personalized products.
15 Books on Health and Design
15 design books for health and healthcare.
UX Design Practice Verticals
Nathaniel Davis offers a model for describing the nuances of professional qualifications of UX designers. Continuing the theme:
Craftsmanship
Maxim Ilyakhov wrote a series of articles on the career of a designer. “No one wants you to grow. It is beneficial that you remain forever 'strong middling'. For this, 'comfort zones' and your choice are created: whether to remain in them or whether to leave them and move on to the next level, until the next 'comfort zone.' . Excerpts:
Crowdfunding design education
Jared Spool talks about the birth of the Unicorn Institute idea (AKA Project: Insanity) and the process of its creation.
Steve Krug - Is Usability Taking A Nose Dive?
Steve Krug on the current state of usability and controversial trends in interface design.
UI, UX: Who Does What? A Designer's Guide To The Tech Industry
Examples of requirements for descriptions of different design positions from leading companies (Apple, Facebook, Google and others).
Design Games: Scavenger Hunt
Design games by Donna Spencer. They are a small team of fun and effortlessly trying to find a solution to a specific design problem. “Garbage Hunt” is a kind of usability testing aimed at finding information on the site. Other games:
I'm Jon Wiley, Principal Designer for Google Search. Ask me anything!
A Q & A session with Jon Wiley, one of Google’s top designers and Material Design’s ideologist at Reddit. Many interesting things, including why large companies close products and remove functions.
Goodbye google. Hello Capital One!
Dan Makoski, lead designer of the project modular smartphone Project ARA at Google, and before that took part in the work on the first generation of Microsoft Surface, goes to Bank CapitalOne. Fast Company on the reasons for the transition .
30 thought leaders in Data Visualization
30 leading modern ideologists in data visualization (they are presented in alphabetical order).
Video from the conference UX Poland 2014
Proceedings of the conference UX Poland 2014, held April 9-11 in Warsaw.
Fresh links can also be tracked in the Facebook group of the same name. Thanks to everyone who also publishes links in it, especially Gennady Dragun and Pavel Skripkin.
Patterns and Best Practices
Stacking the Card Deck - Reclaiming Our Mobile Future with HTML5-based Cards
Christopher Tse about using cards in the interface. The best material on this topic - affects both the conceptual framework and the principles of design and development of the "card" interface. Translation into Russian . Continued:
- Part 2: " Card Interfaces Architecture ".
- Part 3: " Card Interface Patterns ".
- Video
')
Baymard: E-Commerce Search Usability - An Original Research Study
Fresh excerpts from the Baymard Institute report on the study of search interfaces on e-commerce sites:
You May Be Losing Users Responsive If You Only Mobile Strategy
Good material Maximiliano Firtman, deployed conveying an important message - no matter what technology you show the user to your product on your mobile. The main thing is that it fits your needs. He examines the technological problems of pure adaptive design and says that a separate version is not so bad under certain conditions. Continuing the theme:
Understanding the user
Designed by the Extreme Male Brain Model
Liraz Margalit explores the difference in online behavior between men and women. Translation into Russian .
Memory Recognition and Recall in User Interfaces
The Raluca Bidiu of the Nielsen / Norman Group makes out the difference between two important concepts in cognitive psychology - “memory” and “recognition”.
How to Use Persona Empathy Mapping
Once again on the use of empathy cards. The article has a useful example of a scheme for conducting a mapping meeting and once again argues why it makes sense to do them.
Debra Levin Gelman - Design for Kids
B Rosenfeld Media released "Design for Kids" by Debra Levin Gelman. Excerpts from several chapters:
- The head of " Design for children from 4 to 6 ".
- Chapter number 2 .
The Science of Happy Design
Pamela Pavliscak conducted a study of more than 250 sites with the participation of 6,600 users and derived 3 design principles that make users happy: 1) Maximize user autonomy (their ability to independently perform any tasks on the site); 2) The use of active and diverse interaction mechanisms; 3) Attitudes towards users as friends in the real world. Achieving a basic level of usability is essential for users to be happy. Users are rarely happy if the percentage of successful completion of the main tasks is below 90%.
Realizing Empathy, part 2 - Praxis
Seung Chan Lim understands the meaning of the concept of empathy in general and in relation to interfaces in particular. And he talks about how to use it for designers.
50 Shades of Gaming - Playing with Color Blindness
Gaming accessibility. Design for people with color blindness. Continuing the theme:
- Bookmarklets and a plugin for Chrome, allowing you to simulate 3 types of color blindness and suggest changes in colors to achieve contrast: Daltonize (also in the Chrome Web Store ).
Audio Accessibility with Svetlana Kouznetsova
A conversation with Svetlana Kuznetsova, an expert in designing for people with limited hearing.
Information architecture and conceptual design
How Do You Design Interaction?
How does interface design begin? Many begin with sketches: on paper, on a board, in a graphic editor. Luca Leone proposes to start designing not visually, but in a text editor - first describing and discussing the scenarios, and only then visualizing them.
Design and design of interface screens
Google material design
- Interview with Mathias Duarte and Jon Wiley about Material Design ideology .
- Vector icons for photoshop .
- Templates for Adobe Illustrator .
- Play the animation in Keynote .
- A large collection of screenshots of tablet and mobile applications in the new style .
- Early screens Chrome OS in the new style .
- Leaked Google Play screen, redesigned by Material Design .
- Google Docs is available on the web in a new style .
Android Wear
- Super detailed review of the OS with a bunch of interface screens .
- Experimental keyboard .
- Template for sketches .
Sketch templates and plugins
- UI Kit for iOS 8 .
- A plugin that defines the level of contrast of one element to another according to WCAG standards .
- Pattern for smartphones on Android L and tablets .
- Sketch 3 video course .
- Plugin Manager .
Best templates and widgets for Axure RP
Another collection of templates and stencils for Axure. It has ready-made kits for standard projects - online stores, social services, landing pages.
Brandfolder - Simple, visual brand asset asset sharing
The Brandfolder service facilitates the organization and support of brand guidelines, as well as the work of all interested with them. Including the interface part.
Pentotype - Wireframes for Great Apps
Pentotype iPad application for designing mobile, tablet and web interfaces. It allows you to create interactive prototypes and facilitates the process of discussing and collecting feedback.
Useful Adobe Fireworks Resources
Overview of extensions for Adobe Fireworks by Michel Bozgounov. Although the support of the tool is essentially discontinued, many still use it effectively and it still has a couple of years. The second part .
Google Noto Fonts
Beautiful modern free (Apache 2.0) font for all languages ​​from Google.
Modern editorial CMS
User research and testing, analytics
Observing Usability Studies - A Guide for Stakeholders
Usability testing of your product is taking place, and you have been invited or you yourself want to participate as an observer. How to behave and what to look at?
5 Variables to Manage in a Comparative Usability Study
Jeff Sauro lists five key metrics that are important in comparative usability testing.
Visual programming
New scripts
- Not a bad library Chart.js for drawing diagrams of varying complexity .
- Giflinks , automatic full browser viewing of gifs on your site.
- Animating SVG with CSS .
- A package for Node.js that helps keep track of your CSS and tells you when the colors used are almost the same and the contrast is not sufficient . We use a not too simple low contrast / strong similarity computing technique .
- Interesting SVG animation navigation icon
- Solving the problem of not too correctly displaying fonts in Chrome for Windows .
- The effect of "paper" buttons on CSS .
- How easy it is to make a self-rendering SVG effect .
- Animation library when scrolling WOW.js. No jquery = slow, small size, friendly with animate.css.
New for Origami for Quartz Composer
New to Bootstrap
Metrics and ROI
UX Metrics for Your Product
A one-page page describing the selection of the right interface metrics for a product, based on the article by Kerry Rodden from Google Ventures. It is based on the ideology HEART (happiness, engagement, adoption, retention, task success).
Digital Dashboards - Strategic & Tactical: Best Practices, Tips, Examples
A conceptual approach to the design of information panels (dashboards) from Avinash Kaushik.
Management of interface projects, processes and teams
Keikendo Maturity Model: Self Test
Uike maturity test from Keikendo.
Design Sprints for Developers
A series of videos from Google employees about their five-day firm teamwork format for conceptual product design.
How to Work with Designers
Julie Zhuo from Facebook on how to work with designers and how to choose the right project for them .
Lean Startup Meets Design Thinking
Eric Ries, the author of lean startup, and Tim Brown from IDEO are talking to Google Ventures.
Product management and analytics
10 Things I've Learned About Customer Development (2014)
10 lessons from Cindy Alvarez, author of Lean Customer Development. 1) Any answer to the question: “How much would you pay for ...” is wrong. 2) If someone says: “I will not use it myself, but it’s sure that others will be”, then no one will use this product. 3) If you ask users: “Wouldn't you like ...?”, “Doesn't it bother you ...?”, Then the answer will always be “Yes”. 4) If someone says: "... maybe it's just me alone, but ...", the answer is "No." Especially if it seems that your product is difficult to use, or you do not have a clear marketing. 5) If you want to take money for your product, do not ask users who are used to using free products. They, perhaps, will become your customers, but not earlier than the product of a mass product. 6) Not interesting is the functionality that users want, and why they want it. 7) Almost everyone is ready to do in words what you ask him: a small request, you are full of energy, and they do not need to make big decisions. 8) It’s impossible to create a good product if you don’t like potential users. You should be at least not indifferent to them. 9) Two strengths in the behavior of users: apathy and unwillingness to look / feel stupid. 10) If you have thoughts: “Everything is much more complicated than I thought,” everything is in fact much more complicated. The lean Customer Development book itself is one of the best-researched users. Radically changes some concepts and approaches established in the head.
The Importance of Understanding Your Best Users
Ben Yoskovitz, author of Lean Analytics, on the importance of user segmentation. And also about why it is necessary to early define “good” users - subgroups, for which the product should be developed and optimized in the first place. Continuing the theme:
- Jeff Sauro suggests using NPS (Net Promoters Score) for user segmentation . Detractors are “bad” users. They bring "bad" revenue, revenue derived from the deterioration of relationships with users. If more than 10% of the revenue comes from “detractors”, then this imposes increased risks on the company - they can easily stop using the product or go to competitors.
- Cennydd Bowles collected examples of the NPS values ​​of various companies . The companies of the "world" level NPS 50+, the majority - in the range of 5-15.
- Jeff Sauro collected a modern critique of the NPS metrics . He says that after a decade of active use, many companies are beginning to be skeptical about its status as a “main tool”.
Ideas and / or data
Cennydd Bowles, in which cases it is better to apply a design based on ideas, and in which - based on data.
The Customer Is Most Wrong
Gregory Ciotti that the client is almost always wrong.
Methodologies, procedures, standards
Service Design 101
The basics of designing services from Lauren Ruiz and Izac Ross from Cooper Consulting.
Cases
A Look Inside Design at LinkedIn
Moses Ting, head of the LinkedIn UX team, talks about his work at the company.
Story
Where Online Services Go When They Die
On the history of the network Prodigy, analogue of the Internet from the 80s, as well as attempts to restore its data.
Trends
The Near Future of In-Car HMI
Studio ustwo has released a very strong series of articles devoted to the analysis and prediction of trends in automotive interfaces. This is the most interesting, detailed and detailed research on the topic available in the open form. All 5 parts in the form of an e-book (PDF). Separate parts and other materials on the topic:
- Part 1: The immediate future of automotive interfaces .
- Part 2: The current situation and how we got here .
- Part 3: Analyzing the current status, changing patterns .
- Part 4: Looking Ahead. Interaction Models
- Part 5: Our experience and our approach to design .
- Jim Ross examines the design of the information panel of the Toyota Prius . Design changes driving style and helps save fuel.
- Volkswagen bought a part of the R & D team of the BlackBerry, which deals with information systems for cars . Their QNX based platform is one of the most interesting.
Mobile UI Design Trends 2014 from UXPin
Another e-book from UXPin, dedicated to mobile trends in 2014. Chris Bank made a squeeze on mobile input patterns . Continuing the theme:
Provide meaning with motion
Paul Stamatiou analyzes the recently presented ideology of Google Material Design and says that a new era of animation is coming to the interfaces, when not just a set of separate transitions is required, but their clearly orchestrated orchestration.
Stephen Anderson - Deciphering Data through Design
Interview with Stephen Anderson on the eve of his new book “Designing for Understanding”. He describes seven problems in conveying the meaning of complex concepts and concepts in interfaces, and also talks about how to solve them.
Why We Don't Talk About "Wearable Software"
This year, wearable devices have come to an important stage - from the chaos of dozens of manufacturers with their own devices and operating systems to a more mature market with several hit platforms and connecting third-party software to existing devices. Fast Company writes about those who shift the emphasis on software.
Dropbox's Head of Personalized Products
Soleio Cuervo, the head of Dropbox design, as well as the second designer hired by Facebook (he is credited with the initial design of the 'Like' button), writes about the dawn of the era of personalized products.
15 Books on Health and Design
15 design books for health and healthcare.
Professional Development
UX Design Practice Verticals
Nathaniel Davis offers a model for describing the nuances of professional qualifications of UX designers. Continuing the theme:
Craftsmanship
Maxim Ilyakhov wrote a series of articles on the career of a designer. “No one wants you to grow. It is beneficial that you remain forever 'strong middling'. For this, 'comfort zones' and your choice are created: whether to remain in them or whether to leave them and move on to the next level, until the next 'comfort zone.' . Excerpts:
- Two ways to grow young talents: take interns or create your own training center .
- More about the "comfort zone" and "control points" .
Crowdfunding design education
Jared Spool talks about the birth of the Unicorn Institute idea (AKA Project: Insanity) and the process of its creation.
Steve Krug - Is Usability Taking A Nose Dive?
Steve Krug on the current state of usability and controversial trends in interface design.
UI, UX: Who Does What? A Designer's Guide To The Tech Industry
Examples of requirements for descriptions of different design positions from leading companies (Apple, Facebook, Google and others).
Design Games: Scavenger Hunt
Design games by Donna Spencer. They are a small team of fun and effortlessly trying to find a solution to a specific design problem. “Garbage Hunt” is a kind of usability testing aimed at finding information on the site. Other games:
- Design your homepage - a joint design exercise.
- Sort cards .
- Divide money - an exercise to prioritize functionality.
- We measured lists - can be used during brainstorming.
Important people in the industry
I'm Jon Wiley, Principal Designer for Google Search. Ask me anything!
A Q & A session with Jon Wiley, one of Google’s top designers and Material Design’s ideologist at Reddit. Many interesting things, including why large companies close products and remove functions.
Goodbye google. Hello Capital One!
Dan Makoski, lead designer of the project modular smartphone Project ARA at Google, and before that took part in the work on the first generation of Microsoft Surface, goes to Bank CapitalOne. Fast Company on the reasons for the transition .
30 thought leaders in Data Visualization
30 leading modern ideologists in data visualization (they are presented in alphabetical order).
Conference proceedings
Video from the conference UX Poland 2014
Proceedings of the conference UX Poland 2014, held April 9-11 in Warsaw.
Fresh links can also be tracked in the Facebook group of the same name. Thanks to everyone who also publishes links in it, especially Gennady Dragun and Pavel Skripkin.
Source: https://habr.com/ru/post/234569/
All Articles