Interface Digest, June 2013
For three 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-May 2013 .
In Defense of Floppy Disks - The Vocabulary of the Interface
The save icon in the form of a floppy is scolded by all and sundry. But a little research by Lis Pardi shows that it works well even for a young audience that has not encountered a physical prototype.
The State Of Responsive Web Design
A super-useful overview of the current state of technology adaptive design from Stéphanie Walter. She talks about the mechanisms for displaying images and other media content, page layout, working with navigation and input methods, design tables.
')
Color and user experience
Ashley Karr briefly describes the nuances of using color in interfaces. She also cites the meaning of specific colors in American culture.
Three Reasons We've Outgrown Mobile Context
SuAnne Hall brings together the ideas of Luke Wroblewski and Karen McGrane and writes that the concept of “mobile use context” is outdated and cannot be based on it. The article contains a lot of useful statistics and examples of why there should be no division into “mobile” and “main” content and functionality.
Findability is a Content Problem, not a Search Problem
Mark Baker writes that problems when users search for the necessary information primarily concern the organization of content, and not the work of search tools. He reviews the basic concepts and theories in this area and supports the findings with statistics.
Cross-channel design sense making
Jon Fisher, Simon Norris and Elizabeth Buie published a detailed theoretical study of the problem of user interaction with the product through several channels. They offer an interesting channel classification and conduct a small experiment to confirm their hypotheses.
Google's Dead-Simple For UX Decisions - 2 Jars Of Marbles
Fast Co.Design talks about a simple and very intuitive interface design method used by the Android design team at Google. To neutralize any negative point in the interface, you need to give the user three positive things, so the designers try to maintain this balance.
Content Sharing and Social Networking Buttons
A small study of how and in what cases users share links with friends. For some situations, the standard buttons of social networks are in demand, in other cases people send them by mail.
Usability for Senior Citizens
Overview of problems in the interaction of older people with modern sites and applications from Jacob Nielsen.
iOS 7
On June 10, iOS7 was introduced, which radically changed the look of the platform and reinforced the importance of interface animation. Those who invested in metro- / flat-design did not lose, although some adaptation would still be required. Useful materials:
Designing Down from Science Fiction - A Staged Approach
Dan Turner describes in detail the interface design method through sci-fi film concepts described in Nathan Schedroff and Chris Noessel's “Make It So”. This is a great way to "sell" complex ideas and unusual concepts, as well as a good variation on the theme of design thinking.
Jetstrap - The Twitter Bootstrap Builder Tool
The Jetstrap online constructor allows you to build interface prototypes based on the Bootstrap framework on the fly. Free work with only one project.
Hosting a Page Description Workshop
Page Description Diagrams is a forgotten tool for designing specific interface screens, which turned out to be too abstract as a project artifact. But this is a great tool for collecting requirements and Colin Butler with Andrew Wirtanen describe the format of the working session to build them.
Tools for Mobile UX Design
Steven Hoober describes his mobile application design tools. These are programs, office, examples of specifications and other artifacts. And Lennart Hennings writes about mobile interface sketches .
Five Ways To Prevent Bad Microcopy
Bill Beard writes about how to prepare good micro-texts in interfaces - signatures to forms, error messages, etc.
User Inter Faces - Sample avatars for interface design
User Inter Faces will help with avatars for prototypes and design layouts. It generates a user matrix with custom sizes.
Fries - Create sexy Android like UI using HTML, CSS, and JavaScript
The Fries framework allows you to build Android applications in HTML. This is a fast prototyping method based on the default OS design.
Starters Guide to iOS Design
A useful reminder for beginners in designing and designing applications for the iPhone and iPad from Ben Taylor.
Secrets From Facebook's Mobile UX Testing Team
Nate Bolt, head of the Facebook research team, talks about how user research is taking place at the company. They rely on remote research - it allows you to catch the user at the right time in their natural environment. In addition, the story of how to test Facebook Home .
Using Paired Interviews for Teenagers
Catalina Naranjo-Bock describes a user research method using pair interviews. She talks about her study of adolescents and how this approach worked in practice.
Design ROI - Measurable Design
The finest research project of Aalto, a Finnish university student, on ROI design and design. It begins with a detailed study of the current state of the industry and offers specific assessment methods. Also recently came the Watermark Consluting study , which shows that the largest companies were more successful in the market, subject to serious investments in customer experience.
Associating UX Changes to the Net Promoter Score
Jeff Sauro describes in detail how to start counting and analyzing the Net Promoter Score metrics for the company's products. Extremely useful step by step instructions.
Measuring The Visual Appeal Of Websites
Jeff Sauro describes methods for evaluating the aesthetic appeal of a product interface. This is especially interesting in the light of the overall minimization of visual design.
10 Things to Know About System Usability Scale (SUS)
Jeff Sauro describes the features of using the SUS (System Usability Scale) metric.
Design in teams
Guido Stompff's most interesting blog about modern product teams, in which the complex process of collectively creating and developing ideas gives a far greater result than the work of the mythical lone genius praised by the people. The author prepared for the protection of scientific work and publishes materials from the research to it.
Replacing "Requirements Gathering" with Something That Works
The excellent Jared Spool article on why the step of gathering requirements from the classic diagrams of the interface design process is a myth and self-deception. He relies on the fact that the customer knows exactly and comprehensively the requirements for the product and they do not change during the course of the project, which is usually not the case. And Scott Sehlhorst tells you how to get rid of cargo cult in describing requirements .
Management of long UX projects
Review of problem situations in projects for the design of interfaces, fair for a service company from Ilya Belnik. However, for a grocery company the situation is very different - this is stated in the previous link.
Softer side of change
Mike Clark proposes to combine the theory of business process reengineering and design thinking in order to propose not only interesting ideas, but also concrete plans for changes in companies.
The unbearable lightness of Design Thinking
Guido Stompf reflects on why design thinking is so much praised by designers and often causes ridicule from top management. He describes four ways of finding product ideas and solutions that are required by different members of the project team and how they differ in details and outlook.
Thirteen Tenets Of User Experience
Robert Hoekman Jr offers his 13 principles / commandments of a good UX. Moreover, these are not specific heuristics and patterns, but rather general professional installations.
Design principles to choose the right ideas
Henk Wijnholds shows how you can use the company's design principles in practice. They allow you to check how new features and their interface implementation are in line with the spirit of the product strategy.
Book Excerpt: Design For Care
An excerpt from Peter H. Jones's Design for Care: Innovating Healthcare Experience, which was recently released by Rosenfeld Media. Information about the book .
Google Visual Assets Guidelines
The Google design team has laid out on Behance a prototype of a guideline on the use of design styles and the design of the company's interfaces. The second part .
A brief history of content strategy
The history of the discipline of content strategy, the interest in which has been actively growing in recent years. For the first time they started talking about it in 1997-1998, and in 2009 there was an explosion of interest.
Jason Grigsby - The Immobile Web @ An Event Apart
Notes on the presentation of Jason Grigsby, dedicated to modern television interfaces. A good overview of current trends in the industry and its current state.
5 Reasons Why Your Email Marketing MUST be Designed for Mobile
Craig Tomlin recommends paying special attention to the type of mailing list on mobile. He cites a lot of statistics saying that this direction is growing rapidly and describes the problems of current technological solutions.
Fresh links can also be tracked in the Facebook group of the same name .
Patterns and Best Practices
In Defense of Floppy Disks - The Vocabulary of the Interface
The save icon in the form of a floppy is scolded by all and sundry. But a little research by Lis Pardi shows that it works well even for a young audience that has not encountered a physical prototype.
The State Of Responsive Web Design
A super-useful overview of the current state of technology adaptive design from Stéphanie Walter. She talks about the mechanisms for displaying images and other media content, page layout, working with navigation and input methods, design tables.
')
Color and user experience
Ashley Karr briefly describes the nuances of using color in interfaces. She also cites the meaning of specific colors in American culture.
Three Reasons We've Outgrown Mobile Context
SuAnne Hall brings together the ideas of Luke Wroblewski and Karen McGrane and writes that the concept of “mobile use context” is outdated and cannot be based on it. The article contains a lot of useful statistics and examples of why there should be no division into “mobile” and “main” content and functionality.
Findability is a Content Problem, not a Search Problem
Mark Baker writes that problems when users search for the necessary information primarily concern the organization of content, and not the work of search tools. He reviews the basic concepts and theories in this area and supports the findings with statistics.
Understanding the user
Cross-channel design sense making
Jon Fisher, Simon Norris and Elizabeth Buie published a detailed theoretical study of the problem of user interaction with the product through several channels. They offer an interesting channel classification and conduct a small experiment to confirm their hypotheses.
Google's Dead-Simple For UX Decisions - 2 Jars Of Marbles
Fast Co.Design talks about a simple and very intuitive interface design method used by the Android design team at Google. To neutralize any negative point in the interface, you need to give the user three positive things, so the designers try to maintain this balance.
Content Sharing and Social Networking Buttons
A small study of how and in what cases users share links with friends. For some situations, the standard buttons of social networks are in demand, in other cases people send them by mail.
Usability for Senior Citizens
Overview of problems in the interaction of older people with modern sites and applications from Jacob Nielsen.
Designing the structure and interface screens
iOS 7
On June 10, iOS7 was introduced, which radically changed the look of the platform and reinforced the importance of interface animation. Those who invested in metro- / flat-design did not lose, although some adaptation would still be required. Useful materials:
- Guidelines for translating apps to iOS7 . Version in public access .
- Human Interface Guidelines. Version in public access .
- UIKit User Interface Catalog. Version in public access .
- Teehan UI Kit + Lax .
- UI Kit for OmniGraffle .
- Icons for use in applications .
Designing Down from Science Fiction - A Staged Approach
Dan Turner describes in detail the interface design method through sci-fi film concepts described in Nathan Schedroff and Chris Noessel's “Make It So”. This is a great way to "sell" complex ideas and unusual concepts, as well as a good variation on the theme of design thinking.
Jetstrap - The Twitter Bootstrap Builder Tool
The Jetstrap online constructor allows you to build interface prototypes based on the Bootstrap framework on the fly. Free work with only one project.
Hosting a Page Description Workshop
Page Description Diagrams is a forgotten tool for designing specific interface screens, which turned out to be too abstract as a project artifact. But this is a great tool for collecting requirements and Colin Butler with Andrew Wirtanen describe the format of the working session to build them.
Tools for Mobile UX Design
Steven Hoober describes his mobile application design tools. These are programs, office, examples of specifications and other artifacts. And Lennart Hennings writes about mobile interface sketches .
Five Ways To Prevent Bad Microcopy
Bill Beard writes about how to prepare good micro-texts in interfaces - signatures to forms, error messages, etc.
User Inter Faces - Sample avatars for interface design
User Inter Faces will help with avatars for prototypes and design layouts. It generates a user matrix with custom sizes.
Fries - Create sexy Android like UI using HTML, CSS, and JavaScript
The Fries framework allows you to build Android applications in HTML. This is a fast prototyping method based on the default OS design.
Starters Guide to iOS Design
A useful reminder for beginners in designing and designing applications for the iPhone and iPad from Ben Taylor.
User research and testing
Secrets From Facebook's Mobile UX Testing Team
Nate Bolt, head of the Facebook research team, talks about how user research is taking place at the company. They rely on remote research - it allows you to catch the user at the right time in their natural environment. In addition, the story of how to test Facebook Home .
Using Paired Interviews for Teenagers
Catalina Naranjo-Bock describes a user research method using pair interviews. She talks about her study of adolescents and how this approach worked in practice.
Metrics and ROI
Design ROI - Measurable Design
The finest research project of Aalto, a Finnish university student, on ROI design and design. It begins with a detailed study of the current state of the industry and offers specific assessment methods. Also recently came the Watermark Consluting study , which shows that the largest companies were more successful in the market, subject to serious investments in customer experience.
Associating UX Changes to the Net Promoter Score
Jeff Sauro describes in detail how to start counting and analyzing the Net Promoter Score metrics for the company's products. Extremely useful step by step instructions.
Measuring The Visual Appeal Of Websites
Jeff Sauro describes methods for evaluating the aesthetic appeal of a product interface. This is especially interesting in the light of the overall minimization of visual design.
10 Things to Know About System Usability Scale (SUS)
Jeff Sauro describes the features of using the SUS (System Usability Scale) metric.
Management of interface projects and processes
Design in teams
Guido Stompff's most interesting blog about modern product teams, in which the complex process of collectively creating and developing ideas gives a far greater result than the work of the mythical lone genius praised by the people. The author prepared for the protection of scientific work and publishes materials from the research to it.
Replacing "Requirements Gathering" with Something That Works
The excellent Jared Spool article on why the step of gathering requirements from the classic diagrams of the interface design process is a myth and self-deception. He relies on the fact that the customer knows exactly and comprehensively the requirements for the product and they do not change during the course of the project, which is usually not the case. And Scott Sehlhorst tells you how to get rid of cargo cult in describing requirements .
Management of long UX projects
Review of problem situations in projects for the design of interfaces, fair for a service company from Ilya Belnik. However, for a grocery company the situation is very different - this is stated in the previous link.
Methodologies, procedures, standards
Softer side of change
Mike Clark proposes to combine the theory of business process reengineering and design thinking in order to propose not only interesting ideas, but also concrete plans for changes in companies.
The unbearable lightness of Design Thinking
Guido Stompf reflects on why design thinking is so much praised by designers and often causes ridicule from top management. He describes four ways of finding product ideas and solutions that are required by different members of the project team and how they differ in details and outlook.
Thirteen Tenets Of User Experience
Robert Hoekman Jr offers his 13 principles / commandments of a good UX. Moreover, these are not specific heuristics and patterns, but rather general professional installations.
Design principles to choose the right ideas
Henk Wijnholds shows how you can use the company's design principles in practice. They allow you to check how new features and their interface implementation are in line with the spirit of the product strategy.
Book Excerpt: Design For Care
An excerpt from Peter H. Jones's Design for Care: Innovating Healthcare Experience, which was recently released by Rosenfeld Media. Information about the book .
Cases
Google Visual Assets Guidelines
The Google design team has laid out on Behance a prototype of a guideline on the use of design styles and the design of the company's interfaces. The second part .
Story
A brief history of content strategy
The history of the discipline of content strategy, the interest in which has been actively growing in recent years. For the first time they started talking about it in 1997-1998, and in 2009 there was an explosion of interest.
Trends
Jason Grigsby - The Immobile Web @ An Event Apart
Notes on the presentation of Jason Grigsby, dedicated to modern television interfaces. A good overview of current trends in the industry and its current state.
5 Reasons Why Your Email Marketing MUST be Designed for Mobile
Craig Tomlin recommends paying special attention to the type of mailing list on mobile. He cites a lot of statistics saying that this direction is growing rapidly and describes the problems of current technological solutions.
Fresh links can also be tracked in the Facebook group of the same name .
Source: https://habr.com/ru/post/185182/
All Articles