📜 ⬆️ ⬇️

Interface Digest, September 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-August 2013 .
Review of fresh materials, July-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.

How to create mood boards - 40 expert tips
40 tips for creating Paul Wyatt mindboards. The article describes the tasks of their creation, examples and tools.

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.

Marcin Treder - The User Experience Guide Book for Product Managers
New e-book from Marcin Treder and UXPin on the basics of UX for product managers. And one more of his book, about UX for startups .

Lifting the lid on the iOS 7 UIPicker
Sean Woodhouse parses the updated “drum” control in iOS7 and comes to sad conclusions - it is very poorly crafted and has a lot of interface problems. And about the problems in interface consistency and iOS7 bugs .

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.

Email on Mobile Devices
MailChimp study on the use of email on mobile devices. Jenn Downs talks about how they conducted it .

IPhone & iPad Usage
Flurry's research on the use of the iPhone and iPad by various behavioral groups. A similar study on the use of Android-smartphones and tablets .

Mad Libs for Designers - Ideating Based on User-Generated Scenarios
Jared S. Bauer and Julie A. Kientz talk about the method of design sharing with users when they themselves describe the behavior of the system depending on the context.

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.

Tools for Mobile UX Design - Adobe InDesign
Steven Hoober talks about how he prepares mobile interface specifications in Adobe InDesign. This is a generally good overview of the tool and its key capabilities for the designer. And one more overview of the possibilities of Adobe InDesign for designing and prototyping interfaces .

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.

minimorning - Create a UX with Axure widget library
Stensil library for Axure.

Frontify - Collaboration for Web Designers and Front-End Developers
Another service for online specification of stylistics and behavior of interfaces. Helps to coordinate the work of designers and developers.

Semantic UI - UI is the vocabulary of the web
Analogue Bootstrap for prototyping interfaces right in the code.

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.

A Book Apart, Just Enough Research
Just Enough Research, 9th book of the series A Book Apart - an introduction to design research from Erica Hall. Excerpt from an interview book.

A Five-Step Process For Conducting User Research
David Sherwin presented a short and comprehensive user research guide based on the experience and practices of frog Design.

Metrics and ROI


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.

Application Design Process in SoftFacade
Alexander Khmelevsky talks about the application design and design process, built in SoftFacade.



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.

Dan Brown - Designing Together: The Voices That Matter collaboration and conflict management handbook for creative professionals
Dan Brown’s “Inferno” was released this summer, but due to the hype that the book of his full namesake Dan Brown from Eight Shapes was almost unnoticed. Designing Together is a book about organizing teamwork of designers: how to solve working conflicts, what are the signs of difficult situations, the secrets of working with designers with different types of personality. Interview about her .

Cases


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:

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.

Fantasy Interactive - USA Today Case Study @ Offfest Barcelona
History of the redesign of the USA Today news portal from Fantasy Interactive. Last year the guys came to Moscow with a story and it was a full house. Their own video about this case .



Story


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.

The 17 Designs of the Telephone Buttons
History of usability testing push-button phones 60 years ago. How Bell Labs selected the optimal button layout.

Trends


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.

The International Design for Experience Awards by UX Magazine
UX Magazine website launches its award for the best UX. Two dozen nominations and a very representative jury are planned.

Scientists have tested the first neuro-communication between two people.
The future today - the laboratory experiment shows the direct human-person neural interface. The ideas of direct control over another's body, pronounced in films like Gamer or Surrogates become a reality. Video



Professional Development


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.

Designer Doner on his stealth startup, Apple vs. Android vs. Microsoft, and experience design
This year marks the 25th anniversary of Donald Norman’s The Design of Habitual Things, and on November 5, its extended and enlarged edition is released. In a fresh interview with Don you can find out what has changed in the design during this time, his opinion on current trends. By the way, to the new edition of Amazon makes discounts on paper versions of his books .

Conference proceedings


UX Strategy 2013
Presentations from the conference UX Strategy 2013, held September 9-11 in Atlanta. Overview of several workshops and discussion of the event participants .

Fresh links can also be tracked in the Facebook group of the same name . Thanks to everyone who also publishes links in it, especially Gennady Dragun.

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


All Articles