📜 ⬆️ ⬇️

Review of fresh materials, July-September 2012

This material continues a series of monthly 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 2012 .




Patterns and Best Practices


The State of E-Commerce Checkout Design 2012
Good material on usability of e-commerce with an analysis of the top 100 players. There are interesting and not obvious at first glance conclusions on the number of steps for placing an order, about subscriptions and very interesting conclusions on who you should not equal - in most sites with a large turnover turn out to be the worst example for a living. And a fantastic ranked selection of checkout processes . Translation of the article .
')
UI Patterns for Mobile Apps - Search, Sort and Filter
Theresa Neil describes mobile patterns for searching, sorting and filtering. She gives examples of different approaches to these tasks and situations when they should be used. Translation of the article .

Mobile Inline Form Validation
An excellent article by Steven Hoober, which describes in detail how validation forms in mobile interfaces. The author affects both the mobile web and applications.

Homepage Design Changes
Jakob Nielsen collected statistics on the redesigns of the main pages of major projects and came to the conclusion that over time, changes are becoming less. In many cases, the modifications relate to individual blocks, although at the beginning of the 2000s more than half of the page was processed. Translation of the article .

UX for Learning - Design Guidelines for the Learner Experience
An excellent article by Dorian Peters about the features of creating interfaces for learning products. It contains a classification of approaches and guidelines for designers. Website Designer eLearning is dedicated to such interfaces.

Cross Device Design Patterns
Luke Wroblewski describes interaction patterns with multiple devices. The interface in them can be duplicated or complementary. Cooper's Raphael Guilleminot describes the trend of " asymmetric design " - a complex interaction on a series of interconnected devices.

Essential Design Patterns for Mobile Banking
Greg Nudelman describes in detail the interface patterns for working with complex forms in mobile sites and applications. He offers a compromise option that allows you to minimize the number of actions and steps of the form.

Radial Menus for Touch UI
MS Office 2013 uses circular menus for the OneNote tablet version, which “legalizes” this interface approach. Josh Clark describes its benefits and gives other examples of use.

62 Tips on Graphic Design, UI / UX Design, and Visualization for eLearning
A small book with tips on designing and designing learning interfaces. To download you need to fill out a contact form.

Arabic Website Design Resources
Joe Leech from CXPartners has collected a collection of resources on interface design for an Arab audience. This research and reviews on the topic.

Learnability Heuristics
Len Whitehead lists heuristics according to which one can evaluate the ability of an interface to train a user to work with it. On the basis of these, he drew up basic guidelines for designing such interfaces.

Journeys
A nice collection of customer journey maps from Jamie Thomson.

Mobile Apps Promo Videos
The new site from the creators of InspiredUI collects promotional video of mobile applications. A good collection of patterns for those who promote their products.

Visually Reinforce Your Credit Card Fields (89% Get it Wrong)
Jamie Appleseed provides custom research on credibility of online payment options. Simple selection of credit card fields can significantly increase the credibility of the company-seller.

5 Really Useful Responsive Web Design Patterns
Joshua Johnson describes responsive design patterns, following a recent article by Luke Wroblewski. It shows the layout of the 5 most common approaches and examples of their implementation.

iPhone Blueprints by Scott Jensen
Scott Jensen's iPhone Blueprints e-book, dedicated to designing and designing mobile applications for the iPhone. The topic has been covered in other books more than once, but this is a good example of a variant adapted for the tablet.

Enhancing the University Submission Experience
Simon Norris and Rob Howells from Nomensa talk about how to improve the interfaces for applicants choosing schools. This process is very similar to what happens in e-commerce - users also study and compare training products, they also need simple and convenient processes for submitting applications and tracking their progress.

Understanding the user


Moments that Matter ... Moments that Don't
Now many are passionate about and engaged in the design of services, trying to take into account and work through every moment of consumer interaction with the company and its products. But Doug Klein advises not to get too carried away - the user is tired of heightened attention to him in any situation, you need to understand when he is not against such communication.

Navigating the New Multi-Screen World
Google conducted a study of how users use a bunch of different devices to solve their problems. The topic of multi-screen interaction is becoming increasingly relevant and the number of materials on it is growing.

The cast of personas
Indy Young suggests thinking not about the characters, but about the behavioral segments of the target audience. This approach allows you to focus on user activity.

Building Tight Game Systems of Cause and Effect
Daniel Cook's most helpful and detailed game mechanic handbook, which allows you to create clear and effective causal relationships between events in games. Article in detail examines each of them.

Identifying Product Value, Then Designing the Right Product
The UXMatters expert group talks about how to determine the value of a product for a user. Finding, understanding and satisfying such needs is one of the key conditions for the success of a product.

Brand Touchpoint Matrix
Jonas Persson offers customer experience design techniques using a brand interaction matrix. It shows all possible points of contact of the consumer with the company and helps to choose their optimal set and sequence.

Why Do Products Fail? - Forgetting that Users Learn
Scott Sehlhorst talks about the concept of "canyon of pain" and general features of user training. He gives different concepts describing the level of experience of users of the product.

How to Improve the User Experience
A good overview of the features of the left and right hemispheres in the blog of Usabilla. Author Sabina Idler gives examples of interface design techniques that take into account the characteristics of each of them.

Google's Take on “Change Aversion” Misses the Point
An interesting controversy about Jared Spool with the article by Aaron Sedley, a user researcher at Google. Aaron complains that users are always unhappy with the changes , while Jared says that Google is simply embedding them in the wrong way.

Achieve Product-Market Fit with our Brand-New Value Proposition Designer Canvas
Alexander Osterwalder shows a simple and very visual diagram to describe the value of the product to the user. This is a great tool for creating an MVP (minimum viable product) that allows you to test the success of a product early on.

Should We Focus on User Experience?
Koen AT Claes in a new way raises the question of whether to design the experience. He advises to pay special attention to the memories that remain after using the product - they are more important to the user than the experience itself.

Situational Awareness - A Method for Mobile Content Planning
Darin Wonn talks about the concept of system awareness of the current state of the user, which is particularly useful in mobile applications. The concept describes three levels of awareness - current, planned now and planned in the future. Translation of the article .

Bryan Reimer, Bruce Meh
An MIT study on the importance of easy-to-read fonts in on-board computers. The fact itself has been known for a long time, but the report contains many interesting figures and statistics. A brief overview and another article with a review and conclusions .


Hear, All Ye People; Hearken, O Earth
An interesting experiment by Errol Morris from the NY Times shows that the credibility of information depends on the font with which it is typed. There is more confidence in restrained and classic headsets.

A Tablet Still Is Not A Book ... Not Yet
Dan Turner describes the problems of using tablets for reading compared to books from ergonomics, psychology, and cognitive perception.

It's Business and It's Personal
Sarah Richards and Emma Reeves talk about how interfaces can become more personalized. This is important for increasing trust and loyalty to the product.

Making Sense of the Cross Channel Experience
Jon Fisher from Nomensa offers a way to describe user interactions with a product, if it happens on multiple channels or platforms at once.

New Ways of Customer Journey Map
Kim Cullen shows fresh approaches to the description of the customer journey map. The company gathered young designers from related industries who had never encountered this task, and looked at how they solved it.

Intention-Focused Design - Applying Perceptual Control
Alex O'Neal talks about the concept of Perceptual Control Theory as applied to interfaces. It allows you to better understand the user's intentions, to study his deep motivation.

Perspectives in Experience Design
Milan Guenther describes the relationship between the consumer and the business in various sections, which are given the names of the disciplines - customer experience, employee experience, user experience and brand experience. The diagram-illustrations in the article clearly show what each of them implies.

A Business Case for Transformative Services
Melanie Wendland describes the current direction of products and services, whose main task is to change the behavior of individuals, communities and companies. It replaces the economy of impressions and is aimed at longer-term interaction with the consumer.

Business Model Canvas for User Experience by @TriKro
Tristan Kromer is considering a framework for building Alexander Osterwalder business models in relation to user experience. He proposes his alternative version, focused on the consumer.

Designing the structure and interface screens


Free UX Sketching and Wireframing Templates for Mobile Projects
Pixle has prepared the most extensive and complete set of templates for the paper design of mobile interfaces. It includes 10 devices for 7 platforms (Android, BlackBerry, iOS (iPad and iPhone), Meego, Symbian, webOS, Windows Phone 7).

UX Guidelines for Metro Style Apps
Microsoft has published interface guidelines for designing and designing applications for Windows 8. On October 26, the platform was officially launched, so there will be a lot of work for designers and designers.

Metro-Themed Windows 8 PowerPoint Templates
Interface Design Patterns for Windows 8 in PowerPoint. This is a simple and fast way of describing concepts, although it does not work well in the paradigm of infinite or long canvas used in the OS.

Hard prioritization, or the first 5 steps to a great application for Windows 8. From characters to scripts
Konstantin Kichinsky talks about how the description and prioritization of usage scenarios helps to create applications for Windows 8. The proposed approach to collecting and filtering the list of scenarios is interesting and not linked to this OS.

Designing Screens Using Cores and Paths
Jim Kalbach and Karen Lindemann describe a smart method for designing an interface screen based on its tasks and subsequent steps. It allows you to identify a set of elements on the page and assess the importance of each of them.

Designing What's Never Been Done Before
Jared Spool reflects on how to create interfaces and controls for those tasks that have not been solved before. He recommends proceeding from an understanding of existing problems and user needs.

Responsive Email Design
A series of Campaign Monitor articles on responsive mailing list design. They contain a detailed description of techniques and techniques for creating universal letters for different devices.

Voice and tone
MailChimp specialists have launched the Voice & Tone service, which will help designers to write good service texts in interfaces. It allows you to choose the optimal message and emotional message for different situations. The accompanying article .

Wirefy - The Responsive Wireframe Boilerplate
Wirefy CSS framework allows you to quickly build interactive interface prototypes. It supports 960grid, adaptability and many other modern things.

Creating a Web Site Information Architecture in Six Steps
Good instruction from Nathaniel Davis on designing information site architecture for beginners. Although the topic is not very fresh, there are not so many simple and clear articles on it.

Fontello - Easy Iconic Fonts Composer
Fontello service offers several icon fonts from which you can assemble a suitable set. Such a tool is more convenient for the work of the designer than vector icons.

UICloud - User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads
Search engine design and design stencil. Quality and value are not always unequivocal, but you can find interesting examples of basic interface patterns.

PowerStory for PowerPoint - Build UI Storyboards and Generate Test Cases
PowerStory plugin for PowerPoint, which helps create use cases and storyboards, providing a link between business analysts and interface specialists. It is also suitable for prototyping.

Aaron Gustafson: Adapting Your Designs with Progressive Enhancement
Interview by Aaron Gustafson, author of Adaptive Web Design. He talks about another approach to the problem of responsive design (responsive and adaptive), which focuses on product availability on all possible devices, rather than just changing the way content is presented.

Responsive Design Bookmarklet
Simple and useful bookmarklet that helps to check the site in various states of adaptability. It allows you to quickly see the version for the phone, tablet and various screen resolutions on the desktop.

Nathan Curtis: Start Full Screen - Organize, Communicate, and Annotate HTML Prototypes
Interview Nathan Curtis from EightShapes about the company's approaches to creating interactive prototypes in HTML Their team once made one of the best frameworks for interface documentation using InDesign, and now brings this experience to a more dynamic and relevant product format.

6 Tips for Organizing Sketched Artifacts
Those who sketches interfaces often and in large numbers face the problem of organizing their archives. Nathan Curtis from EightShapes talks about how they handle this.

Prototyping Tools - Paper & Equator
Proto / Moto is a specialized catalog of all modern interface design tools. They are divided into categories according to the target platform.

Designing for Context - The Multiscreen Ecosystem
Avi Itzkovich describes modern approaches to the design of products used on several platforms for different tasks at once. The article classifies these approaches and gives examples of such integrated services.

Working with Android Sensors
Summary of the performance of the Android team at the I / O conference, in which they talk about the features of working with sensors.

Moqups - Online Vector Based Mockup & Wireframing Tool
Moqups is another online interface design service. It allows you to describe the information architecture of the project and draw a block diagram of specific screens.

IPEVO Ziggi USB Document Camera
IPEVO has released the Ziggi camera, which simplifies the work of distributed teams. This is a great tool for quickly digitizing sketches and paper prototypes.

Whitelines link
The WhiteLines Link notebook and the mobile application for it help to quickly digitize interface sketches and other notes. This is almost the same as the recently announced Evernote Smart Notebook , but with additional features.

User research and testing


The Value of Multiple Evaluators in Heuristic Evaluations
Jeff Sauro talks about the importance of peer review by several experts. He gives statistical calculations on how the number of problems found varies depending on the composition of the expert group. Continuation of the article with not very comforting conclusions - even a group of experts may not notice critical problems and give a lot of insignificant.

Observing User Research
Jim Ross talks about the features of monitoring the conduct of user research. Although it can be extremely useful to see the user experience of the product live, it is important not to interfere with this process.

A New Formula for Quantitative UX Decision Making
Jeff Sauro and Jim Lewis offer a method for assessing the importance of interface problems. This is a great tool for understanding whether to invest resources in their decision.

Dealing with Difficult Usability Test Participants
David Travis from UserFocus advises researchers on how to work with complex respondents. A good memo describing solutions to major problems.

Everything Can be Beautiful
Marc Hassenzahl wonders whether the aesthetic qualities of the product can be measured. One of the interesting conclusions is that it is better to sell unusual approaches in “parts”, in stages.

Five Lessons Learned Doing User Research in Asia
Useful Carissa Carter review article on user research in Asian countries. It provides a small historical introductory in China, India, Japan, helping to segment users.

9 Biases in Usability Testing
Jeff Sauro lists nine issues that can distort user test results. They are accompanied by historical references and statistics.

The F-Word in User Experience
Article Jeff Sauro on a long-standing topic of negative attitudes of user researchers to focus groups. He gives examples of situations where this research method may be useful.

Eyes are the Prize - Evaluating the benefits of eye-tracking equipment
Jon West describes the key features of eye-tracking equipment. The price and value of the acquired equipment depends on them.

You Have 19 Days to Define Your Research Problem
Philip Hodgson writes about how to properly prepare a user study. It is important to accurately understand the problem that we are trying to study - only so the results will be really useful.

Modifying Your Usability Testing Methods to Get Early-Stage Design Feedback
Michael Hawley talks about how to make user research methods more effective in the early stages of working on the interface. He describes the features of such an early study in comparison with the usual.

Design Staff Guide to Research
John Zeratsky collected a good basic selection of materials on user research for beginners. Most of them are taken from a comparative new blog about interfaces Design Stuff , sponsored by Google Ventures.

Card Sorting + Tree Testing - The Science of the Great Site Navigation
Jeff Sauro describes examples of using several card sorting methods. For each of them describes the input data, the features of the conduct and the results obtained.

Field Studies vs User Testing - The Most Important Usability Activity?
Jakob Nielsen compares two approaches to user research - usability testing and field research. They are able to give different effects to improve the interface and require different efforts and budgets.

Emotional Response Cards - A Simple User Research Tool
Ammeh Azeim from nForm offers a set of cards to evaluate the user's emotional attitude towards the product. They are based on Microsoft's simplified Product Reaction Cards and allow you to evaluate the ratio more discretely.

A Closer Look for Children with Teenagers
Catalina Naranjo-Bock continues a series of articles on user research with children. In this material she talks about the features of diary studies with them.

What Statistical Test Do I Use?
Jeff Sauro offers a simple algorithm for choosing a method for evaluating statistics derived from user research.

Contrast-A - Find Accessible Color Combinations
The Contrast-A service helps to find color combinations that will be well perceived by people with disabilities. The result corresponds to the WCAG 2.0 guidelines.

Metrics and ROI


How to Calculate the ROI of UX Using Metrics
My first great article for my favorite English site about UXMatters interfaces was published. It is about four metrics in the interfaces - conversion, ARPU, support costs, and task performance. A year ago, its first version was in the domestic BLANK, but now it is seriously improved.

The Beginners' Guide to Benchmarking User Experience
UserFocus's David Travis talks about how to measure UX. It describes the step-by-step process of selecting and calculating metrics for assessing the quality of UX.

Management of interface projects and processes


Fixing a Broken User Experience
Stefan Klocek from Cooper offers an approach that allows you to change the interface culture in a large company with many products. He suggests starting with a basic level of visual similarity and continuing to rise to a higher level.

UX Design and Change Management
A useful series of articles by Gerjan Boer dedicated to the implementation of the design process in the company. It contains 10 parts and describes many critical stages and features - from basic design methods to internal policies and organizational measures.

Project of How
The site categorizes the techniques and methods of creative work, accompanying each of them with a certificate of the process and the necessary team. Translation of the description of the main techniques and its continuation .

Adam Connor & Aaron Irizarry: Discussing Design - The Art of Critique
One of the main problems in the work of the designer and designer is to receive structured and responsible comments on the design from other participants in the process. Adam Connor and Aaron Irizarry talk about the right approaches to collecting criticism and feedback. They also opened a specialized site dedicated to structured design discussions .

Is UX Strategy Fundamentally Incompatible with Agile or Lean UX?
Paul Bryan responds in a new way to the question of whether effective agile development and an integrated approach to interface design are compatible. Not fully, and the balance depends on the size of the company.

The UX of Minimum Viable Products (MVPs)
Anders Ramsay gives advice on how to choose the right product functionality and build its prototype for testing the main hypotheses using the MVP (mininum viable product). This is an excellent approach for designers working in a flexible development process.

The project canvas
James Kalbach has published a convenient template to describe the vision of the project. It allows you to describe in a simple and intuitive way the goals, resources, process and basic settings.

The development process as a projection of methodology in the company-project-team space
Jaroslav Perevalov has published a series of articles on the interface workflow that he is building at RapidSoft. He has an interesting and versatile experience that makes these materials particularly useful. An article about analytics and the roles of participants in the workflow .

Agile Creativity
Google review article on modern approaches to the work of designers. - .

Stakeholder Research Precedes UX Research
Tomer Sharon , . , .

Don't Have a Meeting, Throw a Workshop
Beth Koloski . .

Design Studio Workshop — Adding Up the Benefits
design studio. .


Experience-Based Co-Design Toolkit
, EBCD (Experience-Based Co-Design) . , . .

Design & Thinking — A Documentary on Design Thinking
Design & Thinking, - -. , . , .

Introduction to Design Thinking
design thinking SAP Design Guild. , UX SAP.


USA Today Website Innovates with Horizontal Experience, Information Layers
USA Today user experience, .

Design Principles Behind Firefox OS UX
Patryk Adamczyk , Firefox. - .

Making of: People Magazine's Responsive Mobile Website
Josh Clark People. , .

Mike Guss
Mike Guss, Metro, WP7 . , 2009 .

Guardian Headliner — The Newspaper That Looks Back at You…
BERG Guardian. Headliner , .

Good Design is Invisible — An Interview with iA's Oliver Reichenstein
Oliver Reichenstein, Information Architects. , .

Windows 8
Windows 8, . .

Awakenings — An Android Design Process
Sebastian de With Android- . , .

Using the New Office with Touch
Gray Knowlton Microsoft Office , . , Metro-. Office .

Designing the Windows 8 Touch Keyboard
Kip Knox Windows 8 . , , -.

Interview: Jayse Hansen (The Avengers)
Jayse Hansen, . , .

Story


Revolutionary User Interfaces
Arjuna Soriano. , .

Project Glass and the Epic History of Wearable Computers
Paul Miller The Verge . .

Life & Work of Bill Moggridge
8 Bill Moggridge, interaction design, - IDEO - . - Smithsonian Cooper-Hewitt, , . IDEO .

Grids, Design Guidelines, Broken Rules, and the Streets of New York City
, . Josh Clark , - .


The Best Interface is No Interface
Golden Krishna Cooper Consulting , — . , . Peter Duyan .

Evolving E-commerce Checkout
Luke Wroblewski e-commerce. , .

Name Calling
« UX» Michael Zuschlag. , , — -.

Future of Work — Interview with Hugh Dubberly
Hugh Dubberly . , .

Adapting Ourselves to Adaptive Content
Karen McGrane , . .

Incremental Innovation is Underrated
James Kalbach . , , , — .

Talking to Machines and Being Heard
, . Dave Rich .

Skeuomorphic Design — What It is, Who Uses It, and Why You Need to Know
, iOS.

Conference proceedings


Upcoming 2012-2013 UX Conferences
Konigi . Find UX Events , .

Managing Experience Across the Web and Beyond
Managing Experiences Adaptive Path, 4 5 . UX Week .

Fresh links can also be tracked in the Facebook group of the same name .

Source: https://habr.com/ru/post/157077/


All Articles