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 2012Good 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 FilterTheresa 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 ValidationAn 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 ChangesJakob 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 ExperienceAn 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 PatternsLuke 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 BankingGreg 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 UIMS 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 eLearningA small book with tips on designing and designing learning interfaces. To download you need to fill out a contact form.
Arabic Website Design ResourcesJoe Leech from CXPartners has collected a collection of resources on interface design for an Arab audience. This research and reviews on the topic.
Learnability HeuristicsLen 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.
JourneysA nice collection of customer journey maps from Jamie Thomson.
Mobile Apps Promo VideosThe 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 PatternsJoshua 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 JensenScott 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 ExperienceSimon 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'tNow 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 WorldGoogle 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 personasIndy 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 EffectDaniel 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 ProductThe 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 MatrixJonas 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 LearnScott 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 ExperienceA 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 PointAn 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 CanvasAlexander 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 PlanningDarin 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 MehAn 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 EarthAn 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 YetDan Turner describes the problems of using tablets for reading compared to books from ergonomics, psychology, and cognitive perception.
It's Business and It's PersonalSarah 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 ExperienceJon 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 MapKim 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 ControlAlex 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 DesignMilan 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 ServicesMelanie 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 @TriKroTristan 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 ProjectsPixle 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 AppsMicrosoft 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 TemplatesInterface 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 scriptsKonstantin 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 PathsJim 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 BeforeJared 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 DesignA 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 toneMailChimp 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 BoilerplateWirefy 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 StepsGood 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 ComposerFontello 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 DownloadsSearch 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 CasesPowerStory 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 EnhancementInterview 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 BookmarkletSimple 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 PrototypesInterview 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 ArtifactsThose 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 & EquatorProto / 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 EcosystemAvi 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 SensorsSummary 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 ToolMoqups 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 CameraIPEVO 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 linkThe 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 EvaluationsJeff 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 ResearchJim 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 MakingJeff 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 ParticipantsDavid Travis from UserFocus advises researchers on how to work with complex respondents. A good memo describing solutions to major problems.
Everything Can be BeautifulMarc 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 AsiaUseful 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 TestingJeff Sauro lists nine issues that can distort user test results. They are accompanied by historical references and statistics.
The F-Word in User ExperienceArticle 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 equipmentJon 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 ProblemPhilip 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 FeedbackMichael 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 ResearchJohn 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 NavigationJeff 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 ToolAmmeh 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 TeenagersCatalina 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 CombinationsThe 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 MetricsMy 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 ExperienceUserFocus'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 ExperienceStefan 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 ManagementA 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 HowThe 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 CritiqueOne 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 canvasJames 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 spaceJaroslav 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 CreativityGoogle review article on modern approaches to the work of designers. - .
Stakeholder Research Precedes UX ResearchTomer Sharon , . , .
Don't Have a Meeting, Throw a WorkshopBeth Koloski . .
Design Studio Workshop — Adding Up the Benefitsdesign studio. .
Experience-Based Co-Design Toolkit, EBCD (Experience-Based Co-Design) . , .
.
Design & Thinking — A Documentary on Design ThinkingDesign & Thinking, - -. , . ,
.
Introduction to Design Thinkingdesign thinking SAP Design Guild. , UX SAP.
USA Today Website Innovates with Horizontal Experience, Information LayersUSA Today user experience, .
Design Principles Behind Firefox OS UXPatryk Adamczyk , Firefox. - .
Making of: People Magazine's Responsive Mobile WebsiteJosh Clark People. , .
Mike GussMike 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 ReichensteinOliver Reichenstein, Information Architects. , .
Windows 8Windows 8, . .
Awakenings — An Android Design ProcessSebastian de With Android- . , .
Using the New Office with TouchGray Knowlton Microsoft Office , . , Metro-.
Office .
Designing the Windows 8 Touch KeyboardKip Knox Windows 8 . , , -.
Interview: Jayse Hansen (The Avengers)Jayse Hansen, . , .
Story
Revolutionary User InterfacesArjuna Soriano. , .
Project Glass and the Epic History of Wearable ComputersPaul Miller The Verge . .
Life & Work of Bill Moggridge8 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 InterfaceGolden Krishna Cooper Consulting , — . , .
Peter Duyan .
Evolving E-commerce CheckoutLuke Wroblewski e-commerce. , .
Name Calling« UX» Michael Zuschlag. , , — -.
Future of Work — Interview with Hugh DubberlyHugh Dubberly . , .
Adapting Ourselves to Adaptive ContentKaren McGrane , . .
Incremental Innovation is UnderratedJames 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 ConferencesKonigi .
Find UX Events , .
Managing Experience Across the Web and BeyondManaging Experiences Adaptive Path, 4 5 . UX Week .
Fresh links can also be tracked in the Facebook group of the same name .