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-December 2012 .
Patterns and Best Practices
DesignCamp2012: Yuri Vetrov - Metro-design in Mail.Ru My presentation about the experience of Metro-design in Mail.Ru. We already have 9 applications for Windows Phone and Windows 8, so many interesting nuances and details of the work of the designer and designer with these platforms have gathered.
')
M-Commerce Usability Report Baymard Institute has published a continuation of its last year’s study of forms in e-commerce - usability of mobile forms. The report is available for $ 250. Excerpts from it:
Common Misconceptions About Touch Steven Hoober conducted a useful study of clickable areas in modern smartphones and tablets. It describes four key features - the visual and real size of the clickable element, the danger of miss on neighboring elements and the prevention of related problems.
Tapotype - A reference library of transitions Library of patterns of transition animation in mobile applications, for each of which there is a visual animated demo. It connects to the TAP add-in for Fireworks and allows you to use these animations in prototypes of mobile applications. TAP add-on for Fireworks itself .
Trello FogCreek’s Bobby Grace has prepared a comprehensive guide to the implementation of icon fonts. Excellent memo for designers and developers. Implementation experience from my Mail.Ru colleagues.
UX Process, Models & Other Diagrams He transferred his collection of illustrations of the design process, conceptual models and other interface diagrams to Pinterest. There are many well-known and rare schemes of good and conditional quality. There are also many other collections on characters, prototypes, patterns, and more related to the design and design of things.
OneNote for Interaction Designers Chris Noessel talks about how Cooper uses MS Office OneNote to work on projects. This is a powerful note taking tool, much more functional and flexible than Evernote. Part 2 and 3 .
Boost Your Mobile E-Commerce Sales With Mobile Design Patterns Will Hacker has collected for Smashing Magazine a collection of patterns of mobile online stores. He also describes the tasks of each of them and comments on implementation options. Another collection of mobile patterns, this time the stage of checkout .
Designing For The Reading Experience Gorgeous article by Marko Dugonjić about modern web typography. He examines the issues of device features, adaptability, localization, support for older browsers.
Amazon's mega dropdown breakdown Ben Kamens describes the mechanics of the new Amazon drop-down menu, which solves the problem of unpredictable nesting behavior. The developers take into account the trajectory of the mouse cursor and if its final point is in the zone corresponding to the path to the submenu, it will remain on the screen longer. Translation into Russian .
Design Inspiration (Windows Store Apps) The official Windows 8 guides were supplemented with a series of articles on how to make a good interface for various types of popular applications. Some of them were already available earlier, the full list includes games, entertainment, news, sports and educational applications, e-commerce, travel and professional tools.
Android Carousel Design Pattern - The Definitive Guide Greg Nudelman is preparing a book on the design and design of applications for Android, which will be released this year. Smashing Magazine has published a piece of material for her on the use of the carousel control.
Mad libs madness A few years ago, there was a wave of interest in non-standard forms, presented in a narrative form. Formulate conducted a series of studies on this approach and found out its main problems. It has limited applicability and is suitable mainly for optional, involving forms. Study in terms of accessibility .
All Dashboards Should be Feeds Anil Dash criticizes modern dashboards with a lot of infographics, which shows the flow of not always necessary data instead of providing the user with conclusions from them. In his view, the ideal control panel is a tape of notifications about trends and important changes in the monitored process or object.
Social Usability Workshop @ LIFT13 Davide Casali presentation on social interfaces. It has an excellent selection of patterns used in modern products.
Infinite Scrolling: Fab or Fad? Danielle Arad describes the specifics of using endless scrolling in interfaces. She lists his problems and benefits, accompanying them with examples of real products.
Designing a Practical UI for a Gesture-Based Interface An interesting case of creating a tablet application from the company Omek. When creating it, it turned out that the menus along the arc are convenient for the natural movement of the arm.
Improving User Experience in Manuals Anastasios Karafillis review article on approaches to creating manuals. He divides them into several categories according to structure, content and general approach.
Avoid the Pains of Pagination A useful guide to paginated navigation from Anthony T. Checklist of everything you need to remember when using it.
Listrak - Email Marketing Whitepapers The website Listrak publishes useful research on the effectiveness of interface solutions in online stores. A lot of materials have accumulated over several years; they are available for download upon request.
Navigation, not the same old story Autodesk's Kursat Ozenc talks about trends in navigating complex desktop applications. These are quite fresh and unusual approaches, especially for the industry about which fresh consumer products are more and more overlooked.
Stop Misusing Select Menus Useful review article on the main nuances of using drop-down lists. Nothing new is said here, but in one place everything that needs to be taken into account is collected.
Data Monday: The Six Inch Gap Luke Wroblewski has prepared a line of screen sizes of modern devices, comparing it with the methods of management and the place of the usual placement.
A couple of words about application internationalization A useful overview of the main nuances of application localization from Pavel Doronin. Although they are written from a developer’s point of view, the problems described are also important to designers.
Designing Tablet Apps A series of tips on designing and designing tablet apps from UXMatters, including my comments. They describe the features of the form factor and specific platforms, the relationship with applications for smartphones and the ecosystem as a whole. Tips for quickly adapting sites for tablets will also be helpful.
The Power of Faces in User Experience James Coston describes in some detail how the use of facial images of people in the design affects the user's perception of information and, in general, the work with the product. He gives many practical examples, in particular the success of charitable services, depending on the photos posted.
UX Archive An interesting gallery of mobile application patterns that shows usage scenarios and processes in its entirety. There are few examples, but as usual, they promise to replenish the collection.
Responsive Web Design With Physical Units Radu Chelariu says that focusing on pixels when creating an adaptive design is not the most effective approach. In modern smartphones and tablets, screen resolutions are seriously different and the physical pixel size can vary considerably. He suggests working with PPI (dots per inch) so that clickable areas and readability do not deteriorate.
Car ux Site Car UX collects examples of dashboards of modern cars, as well as their individual indicators and controls. There is also a selection of complimentary mobile applications for interacting with machines.
Mobile Design Details: Just in Time Actions An interesting pattern for working with forms in mobile applications from Luke Wroblewski. He proposes replacing unnecessary at the time of input interface elements on the mechanism for hiding the on-screen keyboard. Translation into Russian .
Skeu it! A collection of skeomorphic interfaces in mobile and tablet applications, the web. Part of the pictures, unfortunately, is not available. The correct definition of skeomorphism (as it turned out, Wikipedia gives an incomplete).
UXmas - Wishing you a great experience through the festive season! The creators of the resource UX Mastery launched on the eve of Christmas the mini-site UXMas, which gathered an interesting selection of articles, presentations and other materials. Updated, however, it will not be.
Your content now mobile Translation of an article by Karen McGrane about content adaptation for mobile devices.
Designing with context The Cennydd Bowles Epic Manual on how to take into account the user's current context. He singles out his seven types — the device, the environment, the time, the activity, the user's personal characteristics, the location, the social environment — and describes their features in detail.
User Experience Shape - Designing For Engagement James Kalbach says that in the case of modern interfaces, we should talk about user involvement rather than experience. He suggests the term “UX Shape”, which describes the process of user interaction with the company's products more broadly and subtly.
Designing Great Feedback Loops Loren Baxter talks about the importance of the correct feedback chains that arise when a user works with a product. This mechanism allows you to better engage the user in solving problems and makes working with the interface more understandable and predictable.
Process and result An article by Yuri Granovsky about the importance of the whole process of using the product by the user. He talks about the four components that are important for a good experience.
Designing For The Multifaceted User Stephanie Troeth writes about an interesting way to describe the users of a product that is better suited for designing modern complex products than the rather limited character methodology. This is a series of sections showing the desires and motives of users depending on a set of behavioral characteristics.
Stop Designing for “Users” Mike Long is also skeptical of the characters, criticizing them for the fragmentation of interfaces. Instead, he recommends Activity-Centered Design and offers an interesting method for describing user needs and scenarios.
Using Cohort Analysis to Optimize Customer Experience James Torio and Rishabh Dayal describe the cohort concept for user segmentation when designing services. Like characters, they are based on common patterns of consumer groups.
Think Again - Assumptions About Mobile To Reconsider A good overview article Karolina Szczur, in which she debunks several irrelevant stereotypes about mobile. She cites statistics and working products in support of her theses.
Teenage Usability - Designing Teen-Targeted Websites Jakob Nielsen publishes the results of a study of teenage users on the general level of technology and work with specific services and devices. He writes that many of the qualities attributed to them, including technical know-how, are a myth.
Hypothesis Testing in the User Experience Jeff Sauro writes about the importance of building and testing hypotheses when conducting user research. The concept of hypotheses is used in the scientific world and should be applied by interface experts.
15 Mobile UX Facts and Insights Jeff Sauro provides a selection of facts about mobile and tablet users. These are numbers of statistical and user research related to the general points of use and work with specific services.
Conceptual Models in a Nutshell Review article by Jeff Johnson and Austin Henderson on conceptual models. They released the book Conceptual Models: Core to Good Design on this topic in 2011.
How Do Users Really Hold Mobile Devices? Steven Hoober conducted a study on how users hold smartphones. Although the representativeness of the sample and method is questionable, the conclusions are quite logical.
Designing the structure and interface screens
User Interface Design Toolkits for Mobile and Web Apps Probably the most ambitious set of templates for design, including all popular platforms and adapted for almost all key tools (except InDesign). An impressive product from the authors of Axutopia .
Using Mind Maps for UX Design Catriona Cornett talks about the use of mind maps in the design of interfaces. The first part shows how you can combine them with sketches of specific screens for different tasks. The second part .
Re-Introducing Page Description Diagrams Colin Butler and Andrew Wirtanen recall the diagrams of descriptions of interface screens (Page Description Diagrams) and wonder why this interesting technique is unpopular among modern specialists. A possible answer is an extra layer of specification in times of lean UX, when the volume of intermediate documents is tried to be minimized.
Responsive Wireframes A simple online tool for designing responsive websites. It works at a very basic level and shows the behavior of conditional blocks at different resolutions. The same task is solved by WebFlow , a more powerful tool for designing and designing responsive websites.
Adobe Edge Reflow - CSS generator, design Adobe made a set of decent tools for developers that can be used to prototype interfaces. Among them, Reflow, a powerful product for creating adaptive layouts - objects are inherited, an arbitrary number of sizes, variable grid, work in a single space.
The Grammar of Interactivity Jonathan Richards article on how to properly write micro-texts for buttons and other call-to-action-elements. He gives the possible tonalities of communication with the user and shows how to use the most effective.
BLOKK font Excellent font BLOKK for use in prototypes. Instead of abstract and incomprehensible to the customers of lorem ipsum, he puts conditional blocks of words that clearly designate the area with the text.
Mobile prototyping - A new paradigm Alexis Piperides describes why designing mobile interfaces is very different from working with the classic web. The article presents interesting comparative tables describing the requirements for prototypes for both environments and the tools for their creation.
Framer - Modern Prototyping The online prototyping tool for mobile applications Framer, which allows you to "touch" the complex interactions and animations. True, it requires basic knowledge in the layout and scripts.
PlaceIt by Breezi - Generate Product Screenshots in Realistic Environments Breezi's PlaceIt online service allows you to quickly and cheaply prepare a spectacular presentation of a mobile or tablet application in the spirit of Dribbble. The set of layouts is constantly updated and now there are several dozens of good templates.
MicroPersonas Icons for Wireframes Jakub Linowski has prepared a set of micro-character icons for use in interface prototypes. These are 40 archetypes of users, which are well suited for the accompanying specifications.
infogr.am - Create infographics & online charts The online service infogr.am allows you to quickly and cheaply collect simple infographics. Standard templates are quite primitive, but there is a designer and promise to connect the store for more variety.
What is the Client’s Role in User Research? Memo for companies that order custom research. Jim Ross describes the main stages of the process and the participation that the customer must take in them.
Institutional 'Own Voices: Using Quotations from User Research Ethically Amaya Becvar Weddle gives advice on how to use quotes from user research in presentations and reports. It is important to correctly understand the message of the quoted phrase and not to lose the essence of the insight.
Effectively Planning UX Design Projects A great tip on how to “sell” the UX from Jesmond Allen and James Chudley. They gathered in one place all the reasons to invest in interfaces, a detailed description of most artifacts and research, as well as a template for planning a project based on all of this.
Bridging the CEO credibility gap Daniel Rosenberg, who has experience in dealing with the management of major companies, talks about the gap between the information that they need and what the leaders of the interface teams are ready to provide. It is important to collect all the available research data and present them in two sections - changes in the quality of the UX and its comparison with other products of the company and its competitors.
Why Certify?Accreditation can add value to UX design Danny Bluestone writes about the experience of certifying an interface company and the benefits it provides. This allows to improve internal processes and, as a result, the quality of the final products.
When to apply UX effort in agile Andrey Wright from the nForm company rethinks the role of the designer in the agile process. He suggests that interface specialists act not as a clear process, but as a set of services at different stages of a project.
Integration design.Every pixel matters An article by Evgeny Gavrilov from the Windows Phone development team telling about the process of integrating mobile application design. This is a separate role in the project team, which is becoming increasingly important as the number of supported applications and platforms grows. The second part .
Stop Explaining UX and Start Doing UX Kim Bieler compares the two approaches to the "sale" of interface work. She believes that it is much more effective to immediately begin to act and propose concrete solutions, even the most basic ones, than to invest in convincing the importance of the discipline itself.
User Experience in Startups Sasha Giacoppo describes his experience as a startup designer for UXMatters. It describes the specifics of the workflow and the life cycle of such a company, as well as problems and opportunities for professional development. Part 2 .
Prioritizing UI Improvements - The QFD Jeff Sauro offers a QFD (Quality Function Deployment) method for prioritizing interface enhancements. It was proposed by Japanese automakers and allows you to collect a visual matrix for decision-making.
The FEMA - Prioritizing Problems in the User Experience Jeff Sauro describes a methodology for assessing the criticality of FEMA (Failure Modes Effect Analysis) problems as applied to interfaces. It is part of the 6 Sigma management methodology, and the article provides step-by-step guidance on its use, as well as a template for a comparative table.
Fostering a Culture of Innovation Megan Geyer writes about how to build an innovative culture in the company. She lists the key organizational factors and approaches that influence her.
Expect More From Product Managers Laura Klein describes the key qualities and skills of product managers that they should have regarding user experience. Without this, they are more like project administrators.
STANDARD GOST R ISO 9241-210-2012 The international standard ISO 9241-210 was translated into Russian and approved in the Russian Federation on November 29, 2012 (GOST R ISO 9241-210-2012 - Ergonomics of human-system interaction. Part 210. Person-oriented design of interactive systems).
Developer preview of touch-based Ubuntu The smartphone and tablet versions of the new Ubuntu OS are available for download. This is an interesting mixture of solutions for Windows 8, WebOS and Android, which will be released next year, but for now it can be delivered to Google Nexus devices. Some more materials on the topic:
Creating An Adaptive System To Enhance UX Avi Itzkovich writes about adaptive interfaces whose behavior adapts to a specific user. He gives a number of examples of such products, as well as contexts that should be considered when creating them. Translation into Russian .
Aaron Marcus - The Years of the Future - HCI in science-fiction movies (PDF) Publication of Aaron Marcus, in which he describes the vision of the future of technologies and interfaces in films and books over the past hundred years. A useful addition to the recent book Make It So on the same topic.
Health Design Challenge: d + collab The US government announced a large-scale competition for medical card redesign, designed to simplify the work of doctors and motivate patients to take better care of their health. The site contains the most interesting of several hundred works. A brief overview of the competition .
5 Reasons Why Responsive Design is Wrong for Your Business The wave of skeptics of the adaptive approach in site development is gaining momentum. The first years of general enthusiasm gives way to a more sensible approach in this area. All arguments, by and large, boil down to the idea of ​​a sober assessment of the audience and its needs. It's nice when the topic is discussed, and not blindly follow trends.
ConveyUX: Cross Platform Product Design Carol Taylor from Rhapsody talks at ConveyUX about the features and complexities of cross-platform product design. It is present on the web, on mobile and tablets, TVs, which requires new approaches to work.
ConveyUX: Rethinking User Research Notes to Dana Chisnell at the ConveyUX conference on the future of user research. She says that modern products and bundles between them have become so complex and multifaceted that classical approaches to research are limited to them and new methods are needed.
Measuring the value and role of design The British organization Design Council conducted a study of the current state of the service design industry. The report describes the current problems of the industry, which in the UK is one of the most advanced in the world. Direct link to PDF .
Turning Your Products Into Services Fast Co.Design gives advice on how to turn a product into a service, because they bring about 75% of the income of the modern economy. These are three key areas and a couple of real life examples.
Learning to see Posh article by Oliver Reichenstein from Information Architects on design philosophy and the profession in general. He speaks about the visual presentation and logic of the product, passing in detail on the main controversial points and misconceptions, including the trend "No UI". By the way, a great article with his criticism .
Hack design The basic course of design and interface design in a convenient format - one of the lessons is sent to the post office once a week. Training materials make up and support a group of specialists from well-known and not-so-great services. And one more basic selection on the basic principles of design . And:
Publishing and presenting Jim Ross motivates designers and designers to speak at conferences more often and publish professional articles. This is a series of articles listing the main concerns like “I have nothing to say” and specific tips for preparing articles and presentations. Part 2 and 3 .
Conference proceedings
Interaction13 The tenth anniversary conference Interaction13 was held from January 27 to 31 in Toronto. Cooper Consulting’s blog posting reports on all four days — 1 , 2 , 3, and 4 .