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-August 2013 .
Patterns and Best Practices
iOS7 Before and After Pics A collection of comparisons of screenshots of well-known and not-so-great apps that managed to be updated for the release of iOS7. Showing versions before and after. Also on this topic:
Why cards are the future of the web Paul Adams praises the kind of presentation of information in the form of cards, popular on mobile, as particularly convenient for perception and work. Android uses it everywhere, but Apple, unfortunately, is moving away from the cards in iOS7.
An Insider's View Of Mobile-First Design - Don't Make These Mistakes Luke Wroblewski describes several useful interface techniques for creating mobile applications based on his experience with Polar. He talks about speeding up data loading and inscribing supporting scripts into basic ones. ')
Learning from Board Games We apply the principles of the design of board games for the design of applications. Useful article Jim Ross, in which he examines the learning patterns of non-digital interfaces.
Designing Effective Carousels Kara Pernice, NN / g gives advice on the effective design of the "carousel" with images.
Embedded Mobile Browser Use Interesting facts about the prevalence of embedded browsers on iOS and Android. They lag far behind standard browsers in features, while having a significant share in the total number of views. Luke Wroblewski recommends not to forget about the optimization of mobile sites and for them.
Onboarding Techniques and Examples for Your New Users Krzysztof Kozak describes several design examples that facilitate initial user adaptation in mobile and web applications — tutorials, helpers for first use, and tips on top of the screen. Techniques have long been known, but examples are good.
Optimizing UI icons for faster recognition Alla Kholmatova on effective icon design: “Iconic (resembling real objects) signs are perceived faster and easier than symbolic (representing abstract concepts). Contour icons and fill icons are perceived equally effectively. Text signatures facilitate perception. ” Several polar polls , in which users are for full icons. True, it is not very clear how representative both of the conducted studies are.
Understanding the user
Internet Activity Bias Causes Lumpy User Behavior A very important material from Jakob Nielsen, in which he talks about the danger of establishing a causal relationship between changes in the product and user activity based only on web analytics data. He cites two studies from Yahoo! and eBay, in which marketing activities randomly overlap with other events.
Replacing The User Story With The Job Story An interesting approach to the description of user scripts. Alan Klement suggests focusing not on the character, but on the trigger of the event.
Five Approaches To Creating Lightweight Personas Five approaches to create lightweight versions of characters / user profiles in the case when it is not possible to conduct a full study. Having a hypothesis about the target audience, even if based on incomplete information, is better than nothing.
How to Conduct a Top-Task Analysis Jeff Sauro describes a method for analyzing and selecting the most priority product use scenarios. This is, in fact, something like the KJ Method - users choose the five most valuable tasks for them that the product solves, and then the most requested ones are determined.
Designing the structure and interface screens
Interaction cost - Definition Jacob Nielsen describes a useful, old and forgotten usability metric - “interaction costs”. This is a very useful method like the simplified GOMS, which allows you to argue the choice of more convenient and understandable solutions.
Sketch mirror For the rapidly gaining momentum in the Sketch design and design tool, a mobile application Mirror has been released, allowing you to view the drawn layouts on the device. While this is a version for iOS, but an application is also being prepared for Android. Some more useful additions to Sketch:
Strikingly - Gorgeous, Mobile-Optimized Sites in Minutes The Strikingly service allows you to quickly assemble a template promo website for a mobile or tablet application. A good option in the case when there is no time or resources to do something different.
Adobe Photoshop CC Generator Released the official Generator plugin for Photoshop CC from Adobe - it facilitates the process of cutting the design of mobile applications.
Stand In - Prototyping that doesn't suck The Stand In plug-in for Photoshop makes it easy to create interactive prototypes of mobile applications based on PSD layouts. Marvel is another such tool, it synchronizes with Dropbox and shows directly on devices.
Basiliq by Cloud Castle Nice sketch template for designing interfaces in Photoshop from Cloud Castle. Objects vector.
ROCI - Return On Click Investment Christian Holst from Baymard Institute offers an interesting “Return on Click Investment” concept. This means that every click on a link on your site must at least meet the user's expectations, otherwise trust will be lost.
AppSeed - Turn sketches into functioning prototypes fast Kickstarter design tool for designing and prototyping mobile interfaces. In addition to linking the photographed sketches, he independently parses them into layers and allows you to edit them in Photoshop or directly on the phone.
Indigo Studio - Interaction Design Tool The second version of Indigo Studio, a multifunctional product for interface design, has been released. In addition to the standard set of different platforms and the creation of interactive prototypes, it allows you to describe animations, work with sketches, create storyboards. Review of changes from the first version and video review .
Google Web Designer New tool for designers from Google. Positioned as an ad, but potentially it can make prototypes with animation. True, while all the wildest damp.
User research and testing
Mobile Testing Toolbox Amber DeRosa has compiled a review of tools for moderated mobile usability testing. This is the first part of a series of articles on the topic. Its continuation .
The 1-page usability test plan David Travis usability test plan that fits on one page. This is a great way to involve managers and developers in the process - such an overview format is easier given to non-interface specialists.
Measuring Usability ROI for Government Websites A series of tips Jeff Sauro to improve public sites. He talks about what it is worth working on first and what metrics should be used to assess the success of changes.
Management of interface projects and processes
User don't hate change.They hate you Christina Wodtke about users' attitudes to product changes: “Users do not hate change. They hate changes that do not lead to a visible improvement, but at the same time force them to relearn. ”In the case of a redesign, the 9x effect works: users exaggerate the advantages of the current design 3 times, companies exaggerate the advantages 3 times. An article by Frank Guo on the same topic.
Three Design Team Leaders on the State of UX Design managers of Groupon, eBay, Lumension talk about the approach to UX in their companies. Particularly interested in the position was Peter Merholz, vice president of global design at Groupon, co-founder of Adaptive Path. He is no longer talking about UX, but about Global Design - when product and marketing designers work together in one centralized unit.
Building a Cohesive Design Team Jared Spool is divided into creating creation-design teams. They should be multidisciplinary - not limited to designers alone, but also include representatives of related specialties. Focus primarily on the positions and positions, and on the skills of team members. A successful team first investigates the problem, and not immediately throws the creation for solutions. And, the last of the secrets is effective internal communication.
The UX Professionals' Guide to Agile Scrum Teams Aviva Rosenstein surveyed a couple of dozen interface specialists on how they work in the agile development process. It turned out an excellent overview of successfully working mechanisms and problems, as well as tips on the introduction of designers into such teams.
How much does it cost to make an app? Online calculator of the cost of the entire process of design and development of a mobile application. It dynamically shows the dependence of prices on the requirements for platforms, functionality and design. All this is considered to be for the pool of Ooomf outsourcers, but the approach is interesting anyway.
Unification of interfaces: The experience of Mail.Ru e-commerce projects My colleagues from the e-commerce team at Mail.Ru described the product unification process that they have conducted over the past year and a half nicely. In the course of it, they proposed unified approaches to creating services on the web and on mobile.
Smaller, Better, Faster, Stronger A chic case of Chrus Yiu and Sarah Fink about how those impressive guidelines of the British government were created. They joined the project in 2006, and although at first he walked with difficulty, over time they managed to convince government officials and civil servants of the correctness of their digital strategy.
The Truth About Marissa Mayer: An Unauthorized Biography Marissa Meyer’s unofficial biography has a very interesting piece that describes the process of redesigning the mail and the Yahoo home page! .. Scroll to the heading “What is she actually saying?” In the second half of the material. However, after the history of the logo redesign, the criticism of the professional community collapsed on it.
How Facebook secretly redesigned its iPhone app with your help Facebook, in its update for iOS7, abandoned the sidebar in favor of the classic iPhone navigation in the bottom panel, despite the fact that it was they who popularized the sidebar. The Verge article contains an interesting story about why they did it and how they were able to customize the process of testing experimental solutions for the percentage of the audience in the native application. I wonder if the massive wave of sidebar rejection will now go - the higher screen of modern iPhones makes it possible to use the bottom panel again. At the same time, it is much easier to reach the buttons in it with the finger, and the swipe from left to right, which many people use to quickly open the sidebar, can be left for other actions.
Designing for iOS7 - Perils & Pluses A great case study for Polar iOS7 app redesign. Luke Wroblewski clearly shows why, when applying any official guidelines, you need to think with your head — blind use can lead to solutions that are ineffective for a specific task. And a couple of materials on the topic:
The Wired article , which practically repeats the idea of ​​Jeff Raskin that basic basic scenarios should be built at the operating system level and permeate the entire system, and not like now in separate isolated applications.
Interface Design in MMORPG Skyforge Our colleagues from the gaming division describe the categorization of gaming interfaces and talk about their choice of a suitable model for the new game Skyforge.
Fine-tuning user research to drive innovation A very interesting case study of a complex business tool, the work process in which by itself changes the workflow of employees and therefore imposes a lot of limitations and difficulties on the process of studying users.
An Oral History Of Apple Design Excellent co-publication series Fast Co.Design about the history of the creation of devices and operating systems Apple. The articles contain a lot of names of people who have defined the company's design since the beginning of the 90s. There will also be an interesting excerpt from the book Hartmut Esslinger , the founder of frog design and the author of the “snow-white” visual language prom design Apple.
Interface Designer: who exactly companies need Pavel Olari conducted a study of the Russian job market for the “Interface Designer” position. They are mainly looking for designers with graphic design skills or graphic designers who are familiar with the basics of design. For those who want to try themselves in this profession: “If you can draw, then start reading books and design articles. Own a theory - learn the basics of Photoshop. "
From Paths to Sandboxes Stephen P. Anderson is preparing a new presentation on an alternative look at service design. He proposes to abandon the job of optimizing specific scenarios and create a platform with simple rules of work that users could use as it suits them better. Such services have much greater involvement and flexibility - almost like game worlds.
Enabling new types of web user experiences Scott Jenson reflects on the W3C blog about how a mobile web should be in order for it not to be overwhelmed by a wave of native applications. He considers three scenarios for which system solutions are needed - a cheap replacement for native applications, a bundle with real-world objects and the interaction of several devices.
Content as Medium Matt Gemmell writes that with the advent of tablets, everyone started playing wrappers for content services and applications, forgetting that the user comes first for content. He says that the media is the content itself, not the device on which it is presented.
Philosophy of Interaction Basic theory for practitioners - how to use philosophical theories in the design of interactive products. Detailed analysis of the meaning of the terms Interaction (process) and Interactivity (property) from different positions. From the point of view of phenomenology, common sense, cognitive processes in general, and the perception process in particular. Separately, you should pay attention to references to literature and scientific work on the topic.
Your Boss Works for You Fred Beecher talks about his initial experience of moving from UX-consultants to UX-managers. A lot of useful things about how to help your team.