Interface Digest, December 2013-January 2014
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-November 2013 .
User Interface library
A library of patterns dedicated to interface animation and small details of interaction. Roughly speaking, Little Big Details in dynamics.
Design Triggers from ZURB
ZURB collects a collection of Design Triggers - examples of the use of psychological motivators in design. For each pattern, use examples with parsing are provided.
First Time User Experiences
Krystal Higgins has gathered a collection of design experiences of first use for mobile applications. And Mikhail Dubakov from Target Process - 15 examples of experience of the first use for productivity-services .
')
Motion & Gesture Interactions in the Digital Age
Interesting presentation about animation in modern interfaces and gesture control, primarily in mobile applications. It is well structured and supplied with examples.
Surveying the Big Screen
Mike Pick writes about adapting the design for large and especially large screens. He examines different approaches to solve this problem. However, it is worth noting that the western tradition with a narrow column in this regard has always lagged behind the Russian, which has long used rubber and elastic design.
Recap: It's a Write / Read (Mobile) Web
Carol Chen talks about Luke Wroblewski speaking for the Designer + Geeks community, in which he recommended avoiding keyboard input on mobiles. About 75% of users work with the phone with one hand, and not all of them are comfortable with using the on-screen keyboard in this mode. This article describes several ways to optimize forms and screens in order to minimize keyboard calls.
Efficiently Simplifying Navigation, part 1 - Information Architecture
Detailed and accessible guide to simplify navigation and optimization of information architecture from Anastasios Karafillis.
UX Axioms by Erik Dahl
Erik Dahl formulated 26 basic postulates of UX - UX-axioms.
The Importance of the First Choice in Website Navigation
Jeff Sauro talks about user research on the importance of the first click for the success of his task on various e-commerce sites. If the site has a good search, different ways can be effective. But if the focus is on the menu and other navigation links, the conversion of the correct paths can be 3-8 times higher.
The value of customer feedback
Qubit's research on 10 major complaints from online store users. The main content in Russian .
Why The Pull-To-Refresh Gesture Must Die
Fast Co.Design quotes Instagram founder, who says it’s time to rethink the pull-to-refresh gesture on mobiles. In an ideal situation, the content should be updated automatically and in the background, so the manual action is not very optimal. On the other hand, the gesture itself is good and can be used for more useful things.
Suggested-Employee Search - Best Intranet Design Could Save You $ 500K
Kara Pernice advises on the design of the most important corporate intranet functionality - searching for information about employees. The tips are based on years of experience and have saved some companies hundreds of thousands of dollars a year.
Are you browsing comfortably?
Guide Steve Workman on the features of the use of responsive design to support viewing on television screens.
Infographics Lie. Here's the way to spot the BS
Randy Olson on how infographics can fool and share tips on how to recognize visual lies.
When Design Best Practices Become Performance Worst Practices
Tammy Everts emphasizes the importance of optimizing the speed of loading pages of e-commerce sites and provides interface solutions that may adversely affect it. The experience of many large online retailers suggests that speed is one of the most important factors affecting sales.
3 Guidelines for Search Engine "No Results" Pages
3 tips from Kathryn Whitenton from NN / g on the design of search pages for situations where nothing has been found.
Maps and Location Finders on Mobile Devices
Aurora Bedford of NN / g writes about the difficulties of using interactive maps on mobile devices. As a result, location search results are best displayed as a list by default.
Cards: The Next Paradigm?
The use of "cards", "islands" is the current trend in interface design. Wan-Ting Huang writes about the limitations of this approach and possible alternatives. Also there was a translation into Russian of an article by Paul Adams on this topic, one of the most powerful.
University Websites - Top 10 Design Guidelines
10 Katie Sherwin University Website Design Tips from NN / g.
Design the Details - Empty States
Hamish McNeil of RealMac Software about designing a first impression.
Why Japanese Web Design Is So ... Different
The author of the site Randomwire is trying to explain why Japanese web design is so different from Western for the worse.
A List Apart Pattern Library
The collection of patterns from A List Apart, describing the design of the site. In addition, they made open its code, as well as looking for new authors .
Customer Journey Map
Alexey Kopylov has published a Russian-language guide to creating Customer Journey Map. Also an excellent article on the topic was released by Chris Ridson from Adaptive Path - in it he breaks down the key element of Customer Journey Maps, “touchpoints”.
How to Breathe Life Into Personas
Barnabas Nagy offers its own way to describe custom scripts. This is a combination of a site map, a process diagram, and a user's relationship to each of the steps. Character template
Exploring iPhone Usage - The Influence of Socioeconomic Differences on Smartphone Adoption, Usage and Usability
Report on the study of users of the iPhone that lasted a year, telling about the features of their work with a smartphone and applications. The sample was limited to students, although despite this, such long-term experiments are rare. Findings from his results from Jeff Sauro.
Janaki Mythily Kumar & Mario Herger - Gamification at Work: Designing Engaging Business Software
The web version of Gamification at Work on the use of gamification in business applications is available on the website of the Interaction Design Foundation.
Elements of Learning Experience Design
Andre Plaut uses the classic Jesse-James Garrett model to describe the user training process. It has five levels - strategy, requirements, structure, interaction, sensations.
Designing Moments of Meaning and Pleasure. Experience Design and Happiness
Research material Marc Hassenzahl, Kai Eckoldt, Sarah Diefenbach, Matthias Laschke, Eva Len and Joonhwan Kim about how you can think through the emotional component when designing interfaces. They analyze the case of a television application for collective viewing and show how you can begin to work it out with the desired experience.
Whitney Quesenbery - A Web for Everyone: Accessibility as a Design Challenge
Rosenfeld Media is publishing the book “Web for Everyone” by Whitney Quesenbery. Materials in addition to it:
'Body Atlas' shows where emotions hit the hardest
An interesting study of the Finnish group of scientists about how the body reacts to various emotions. Direct link to PDF . It will also be interesting:
Multiplayer Logistics
A full-scale review of the nuances of building multiplayer interactions in games from Daniel Cook.
The Building Blocks of Designing UX for Kids
Review article about the design and design of applications and websites for children from Justin Smith.
Team work on interfaces
UX Fox translated the powerful Aarron Walter article from MailChimp about their interesting teamwork experience on interfaces.
Slow change interaction design
Martin Siegel and Jordan Beck describe the concept of slowly changing user behavior. Most of the materials on the topic of behavior change speak about some quick steps and actions, but really strong habits are not so easy to change.
Want Innovation in Healthcare? Map It!
Robert Karnick writes about designing processes in healthcare. And examines their importance on the example of the study of how best to use specialized blood glucose meters.
Designer Android 4.4 KitKat Review
Design review of the new version of Android from my colleague Evgeny Belyaev. The second part . He also maintains an excellent Facebook group dedicated to high-quality Android applications, tools for designers, as well as information about working with the platform as a whole. And collects a collection of interesting animation . Other materials on KitKat:
Photoshoplr
Regularly updated collection of plugins and scripts for Photoshop from Vadim Sherbakov. Facebook page .
Learning Xcode 5 As a Designer
Instructions on how to work in Xcode for mobile designers from Meng To. It describes the process of creating a simple application and lays out the source of the project for an example. His previous article on the topic . Other materials on the topic:
Sketch plugins
GitHub-collection of plug-ins for the design tool and design Sketch. Other useful tools and materials:
Origami - A Free Design Prototyping Toolkit for Quartz Composer
A framework for prototyping mobile applications and their animation from Facebook designers based on Quartz Composer. It makes it easier to work with a tool that is fairly non-trivial to an inexperienced user. How he helped create Paper .
Chrome DevTools now
The new version of Chrome makes it easy to test mobile versions of sites. Firstly, an advanced emulator appeared in DevTools, which allows you to see the page at different resolutions, user agents, specific devices and with different sensors. Secondly, you can now mirror what is happening on the phone in the browser on your computer with the ability to debug. And the Mirror tool helps to check Android applications being developed on the fly.
A better prototyping tool by Colm Tuite
Colm Tuite is working on yet another online interface design tool. It is interesting to create complex interactions (several simultaneous changes in different objects) with animation. Under the link you can subscribe to the project news.
Microsoft Project Siena (Beta)
Microsoft's Siena application allows you to create working applications for Windows 8 right on your tablet. Including their design and design.
Mockuphone
PlaceIt from Breezi became paid, but a fresh service was launched for inserting layouts into devices with a more extensive collection. There are smartphones, tablets, televisions.
Ghostlab
Ghostlab tool allows you to test mobile and tablet sites directly on a bunch of devices. All updates on connected phones and tablets occur simultaneously - scrolling, navigating through screens, working with forms. A similar shim tool.
Smaply - Smart Customer Service Mapping, Digital Customer Experience Mapping
Online service for creating customer journey maps and character descriptions. Also offers paper templates.
Test the Text - Test the text in the information style
The online service Test the Text helps to improve information texts in the interfaces. The service highlights unnecessary words, emotions, personal opinion, helping to reduce the volume and make the message more neutral. Introduction from the author .
iOS 7 Icon Template
IOS7 app icon template.
Launch - build mobile app prototypes in minutes
Another tool for mobile prototyping is Launch. The scheme is simple - on the basis of ready-made layouts, transitions between them and animation are tied, you can discuss the resulting prototype.
Hack Design Toolkit
A selection of tools for collaboration on the design of Hack Design.
Aga Bojko - Eye Tracking the User Experience
The long-awaited book Eye Tracking the User Experience by Aga Bojko, another from Rosenfeld Media, has been released. An excerpt from it (at the end is the code at 20% discount).
Lessons Learned from Watching 200,000 User Testing Videos (PDF)
Lessons learned from viewing 200,000 UserTesting usability testing sessions.
Competitive Usability Evaluations - Definition
Amy Schade from NN / g on competitive usability testing, when, in addition to your own product, several products from closest competitors are being tested.
The 3 Most Surprising Insights From a 200 Website Eye-Tracking Study
Eyequant develops algorithms that predict eye-tracking results for image analysis. While not quite working out, but as a result of a series of tests, several myths have been debunked: the faces in the images have a strong emotional impact, but they do not always attract so much attention; large print - visually noticeable, but by itself does not attract the attention of users; The “magic” word FREE doesn’t automatically attract attention either.
Conducting Expert Reviews - What Works Best?
Column UXMatters, dedicated to the nuances of expert assessments. A dozen experts share their experiences and techniques.
10 Ways to Conduct Usability Tests with Credit Cards & Personal Data
Jeff Sauro gives you 10 tips on user testing when using credit cards and other personal information of participants.
Talking with Users in a Usability Test
During usability testing, the subjects may ask the researcher questions or try to start a dialogue with him, thereby disrupting the testing process. Kara Pernice from NN / g talks about three methods of communication during the test - “Echo”, “Boomerang”, “Colombo”.
Participatory Observation
Jim Ross writes about the method of user research, in which the researcher together with the user solves problems and learns all the details not only from communication, but also from direct experience.
A More Natural Approach to Usability Testing
Fresh approaches to guerrilla usability testing from nForm - BYOD (Bring Your Own Device) and Google Fake.
How to Deal With Quantitative Criticism
Jeff Sauro on how a researcher can “protect” quantitative research results.
5 Reasons You Should Should Not Test With 5 Users
Jeff Sauro gives 5 reasons, when 5 users are enough for usability testing and 5 reverse situations.
Create your own Mac-based usability testing lab with viewing room
Harry Brignull shares the recipe for creating a "guerrilla" usability lab based on MacOS computers (tested in the British newspaper The Telegraph).
UXPeople2013: Yuri Vetrov - UX-strategy. Theory and practice
My presentation on the UX strategy from the UX People 2013 conference. This is the first review of a series of presentations and articles on three levels of UX maturity - operational, tactical and strategic. As well as the business environment, which determines the development of design in the company. In future publications, I will describe in detail each of the three levels. Article for UXMatters , on the basis of which the presentation was made. Its Russian version .
<iframe src = "http://www.slideshare.net/slideshow/embed_code/29096677" width = "427" height = "356" frameborder = "0" marginwidth = "0" marginheight = "0" scrolling = "no "style =" border: 1px solid #CCC; border-width: 1px 1px 0; margin-bottom: 5px; max-width: 100%; " allowfullscreen class = "slides-16-9"> </ iframe>
10 Commandments of UX Strategy
10 commandments of the UX-strategy from Ronnie Battista.
Soldiers & Hessians, Ronin & Ninja
Stephen Turbek describes the pros and cons of four ways to attract interface specialists to the project - a third-party consultant, agency, employee, and his own design team. Continuation of the article with a very deep managerial view on how the design team is built. It looks like what is happening in our team.
Design rot
Design does not end after product release. You need to follow the design, care. Otherwise, it begins to deteriorate, "rot." And at a certain point nothing more than a global redesign can help. And Dmitry Fadeev writes about how to make your design longer alive, fresh and does not require radical intervention .
The Best Ways to Prioritize Products and Features
The new column UXMatters discusses approaches to prioritizing usage scenarios and functions. Itamar Medeiros provides a selection of useful links to various methods for selecting the most important ones.
Visual Definitions of User Experience
Gennady Dragun updated his collection of UX-diagrams. He tried to trace the evolution of the understanding of the term UX Design from its inception to the present day.
The Lean UX Manifesto - Principle-Driven Design
Manifesto Lean UX by Anthony Viviano.
frog Collective Action Toolkit
Guide to organizing group activities from frog design. This is a training manual with a set of methods and activities.
Graphics and typography of the new 2GIS
A very interesting case of the redesign of the domestic 2GIS map service, in which Dmitry Pilikov talks about the experience of using non-system fonts in a high-load service. The company ordered a revision of the existing font for use with Cyrillic and briefly describes the problems and difficulties in this process. Creating your own or refining the existing font to your needs is a serious step for any company, and in Russia such cases are unique at all.
Look at Media Arcticle Editor
Look at Media talked about their CMS, Arcticle Editor, thanks to which the content of all publications of the group (Look at Me, The Village, FurFur, Wonderzine, Hopes & Fears) looks so cool and allows you to form long articles with an interesting magazine grid. This is a very cool example for everyone who is involved in content projects and wants to have high-quality materials on output. The product, unfortunately, is domestic and has no plans to spread.
How Customers Helped Us Design a Better Social Tool
How to create a new mapping tool in Pinterest. Excellent promotional site in terms of visual presentation.
An Interview with Leisa Reichelt
Interview with Leisa Reichelt, head of user research under the UK Government.
From Superman to the Avengers - Rethinking Bruce Mau Design
An interesting case study studio Bruce Mau Design, which was faced with the fact that its founder left the company, while it was important to keep the brand and rethink how it works.
When content is not a good idea
Content audit is an effective method for analyzing information architecture and site content. But, in especially neglected cases, it no longer works. Gerry McGovern describes one such case — about 100,000 pages have accumulated on the corporate website over the years, and no one has visited many of them for years. It would have taken many months to conduct a full content audit and it was pointless. The company made a willful decision - they simply deleted 97,000 abandoned pages. A year later, the traffic on the site of 3,000 pages was the same as on the old site with 100,000 pages.
Tufte's National Gallery Kiosk & Image Quilts
Benjamin Whetsell offers an information kiosk interface redesign for the American National Art Gallery in Washington, originally designed by Edward Tufte in 1994. By the way, the original design, which is already almost 20 years old, looks quite modern.
Product Style Guide, Visual guidelines for Salesforce1
Interface guidelines for mobile applications SalesForce1. Direct link to PDF . About how they were created .
Dear Ticketmaster, the master of all tickets
Recently popular designer redesigned airline tickets. Matthew Lew, who checks concert tickets, quite interestingly and deeply describes his vision of the right tickets for TicketMaster. In addition:
The Mac turns 30 - A visual history
Yesterday turned 30 years old the first Apple Macintosh. Although the platform was not the first windowed interface, it seriously improved the ideas of Xerox and made the GUI with its WIMP paradigm (windows, icons, menus, pointers) popular and commercially successful. The Verge collected the history of the development of the Mac (although there is more about iron), and Apple itself collected an anniversary promo site with lots of interesting information.
The lost secrets of webOS
The history of the development of the interface and devices on WebOS, one of the most interesting and at the same time unlucky mobile platforms. Fortunately, now LG is actively developing it and showed a very interesting solution for TVs . The story of designers about it . Detailed WebOS history .
Tech Trends 2014
Will come true - will not come true? frog design is voting on the likelihood of 2014 technological trends. Another presentation on this topic from JWT Intelligence . UX Magazine Listed
The main UX-trends of the past 2013 and made a forecast for 2014 . Other results of 2013:
Wolfram Connected Devices Project
Stephen Wolfram has launched a catalog of modern plug-in devices that fit the ideology of the Internet of Things. Unfortunately, so far there is no categorization, but the base is already impressive and will be actively replenished. By the way, after CES, there was a lot of criticism towards the concept of IoT - most of the modern devices do not communicate with each other, so sane ecosystems are not yet obtained.
How WIRED Designed the Ultimate Smartwatch
The case of how Wired created a conceptual design of a bundle of “smart watches + glasses” for the cover of the January issue. True, their promise that wearable devices will replace smartphones is refuted by several experts at once. Michael Mace, one of the most interesting mobile analysts, is about why Wired is wrong and wearable devices are still very far away . Kevin McCullagh - why wearable devices will not be as powerful a breakthrough as mobile ones were .
Why Her Will Dominate UI Design Even More Than Minority Report
Kyle Vanhemert says that the era of endless imitation of the interfaces from the Minority Report may finally end. The new film Spike Jonze "Her" shows a completely different world, in which the technology becomes so utilitarian that it dissolves in everyday things and does not require special attention from the user. This goes against the posture of the Internet of Things - every knickknack in the house requires attention, manual adjustment and control.
The Dream of the '90s
Helen Tran about emotional design, how the design from science fiction films of the 80s-90s affects today's interfaces.
UX Review of Samsung Galaxy Smartwatch
NN / g analyzed the interfaces and usability of the “smart watches” Gamsung Galaxy Gear. Verdict: 1) Users: While the clock is damp in the plans of functionality and usability. Wait for the next generation. 2) For companies: buy a device, experiment, think about creating services for a new generation of “smart watches”, which may appear for a year already.
Motorola Just Hired One Of The World's Greatest Interaction Designers
One of the most famous compatriots in the profession is Ivan Pupyrev, who did a lot of the coolest things in the Disney research team, and before that Sony, now works in the new laboratory of Motorola Mobility together with the former DARPA chief. True, in late January, it was announced the sale of Motorola Lenovo. However , Ivan’s division remains at Google and more closely merges with the company.
The year developers and designers collided
Donnie Berkholz writes that in the past 2013, the blur between the designers and developers has largely happened. Two disciplines merged into one spectrum. A common phenomenon has become not only designers who know how to write code, but also developers who specialize exclusively in user interfaces.
Avon's Failed SAP Implementation Reflects Rise of Usability
Loud, clear call to the creators of corporate software: "Corporate users expect quality UX, comparable to the quality of leading consumer applications." Wall Street Journal about how Avon curtailed SAP implementation project, which took 4 years and cost $ 125 million. Reason for closing a technically working project - mass resistance of sellers so dissatisfied with the level of usability, that a significant number of them preferred to leave the company rather than use the new system. Continuing the theme:
VICE VERSA - Diagonal UI optimized for single hand UX
Michael Oh offers the concept of Vice Versa for mobile devices - a diagonal UI optimized for use with one hand.
The UX Explorers at Ford - An Interview with Parrish Hanna and Chris Thibodeau
UX- Ford, MyFord Touch.
Designing Personality
Kevin Jeong «» , . .
UX
UX . Dan Saffer Rosenfeld Media Victor Lombardi, Laura Klein, Nate Bolt .
User experience has stunted information architecture
10 UX. Groupon, Peter Merholz , .
The YotaPhone
Chris Noessel Cooper Consulting YotaPhone. : « , .»
Bret Victor's Links 2013
Bret Victor , . , , . But they will be very useful for pumping the theoretical base.
Psychological Pitfalls And Lessons of A Designer-Founder
Aza Raskin : « , , ».
Product Design on Medium
Medium - . Evan Williams. . :
Unicorn Institute — Courses to shape the future of UX design
Jared Spool KickStarter UX Unicorn Institute . , , , .
User Experience Careers
Nielsen Norman Group . .
Online UX Courses, Conferences & Presentations
- UX Udemy, -.
UXmas — Wishing you a great experience through the festive season!
UX- UX Mastery. — . :
I want to become an information designer - what's next?
Look at Me makes a good series of introductory and review articles in various design areas. For example, for information and font designers . Pro design, however, turned out too fluently. Game design
The Button Test
An interesting test from Marc Hemeon, offering to define a brand by the colors of the interface buttons. Article Fast CoDesign on colors in the interface and branding .
Using Brainwriting For Rapid Idea Generation
Chauncey Wilson talks about how to conduct brainwriting work meetings. He solves brainstorm-like tasks, but more effectively - participants write down their ideas on paper instead of discussing them, and then exchange notes several times in order to develop other people's ideas.
Up On The Wall - How Working Walls Unlock Creative Insight
Laura Busche talks about how office walls can help in the work process, from brainstorms to any other collective activities.
Secrets of buttons in Android, Part 1 - The Basics of Layout
Stepan Furdey gives an excellent introduction to the basics of layout design in Android. Given the gradual blurring of boundaries between the designer and the developer, it will be helpful to understand the basics. The second part .
Should designers trust their instincts - or the data?
In some cases, designers should make decisions based on their instincts, sometimes based on data. In what cases to rely on, trying to figure out Braden Kowitz, Design Partner of Google Ventures.
Design is the Rendering of Intent
By examining two cases of design of US government sites (one with a good, and the second with a weak level of usability), Jared Spool comes to a deadly simple conclusion: "Design is a reflection of the real priorities of the product team." (Realization of real intentions) If the design is in priority, then It turns out most often at the level. If the priority is simply to release the product on time, then it turns out that it turns out. Continuing the theme:
Are you ready to be an Independent UX Consultant?
Article Cory Lebson on the features of the work as a hired consultant (in fact - a freelancer). We, however, this model is less common among specialists in the design of interfaces. But in the west, as it seems to me, is one of the key reasons for the abundance of professional content — in many respects, for the promotion of their services, each of these consultants actively writes articles and makes presentations. Essentially close article on 5 levels of success for a UX consultant .
Rosenfeld Media UX Book Clubs
Rosenfeld Media supports UX Book Clubs. The organizer receives a free e-book, and all participants generate a temporary code for a 30% discount.
How to Land Your Dream Design Job
Representatives of strong design studios give 8 tips on how to get a job with such a company.
UXPeople 2013
Video recordings of reports from the conference UX People 2013, held on November 30 in Minsk.
Videos from the 2013 AIGA Design Conference
Video from the AIGA conference "Heart, Heart, Hand", held in October 2013 in Minneapolis. Main topics: design thinking, design as a means of social impact, design craft.
Beyond the Desktop Conference 2013
Video materials of the Beyond the Desktop 2013 conference, held October 21-23 in Nashville.
Conferences Round-Up - Upcoming Web Design Events (Jan. 2014 - Jun. 2014)
The main European and American events UX and web design of the first half of 2014. By the way, on April 9-11, UXPoland will be held in Warsaw - a fairly affordable international event with interesting Western speakers.
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.
Patterns and Best Practices
User Interface library
A library of patterns dedicated to interface animation and small details of interaction. Roughly speaking, Little Big Details in dynamics.
- A collection of preloaders .
- Animation Library UI Animations .
- Captivate , animation in iOS applications.
- Interface with examples .
Design Triggers from ZURB
ZURB collects a collection of Design Triggers - examples of the use of psychological motivators in design. For each pattern, use examples with parsing are provided.
First Time User Experiences
Krystal Higgins has gathered a collection of design experiences of first use for mobile applications. And Mikhail Dubakov from Target Process - 15 examples of experience of the first use for productivity-services .
')
Motion & Gesture Interactions in the Digital Age
Interesting presentation about animation in modern interfaces and gesture control, primarily in mobile applications. It is well structured and supplied with examples.
Surveying the Big Screen
Mike Pick writes about adapting the design for large and especially large screens. He examines different approaches to solve this problem. However, it is worth noting that the western tradition with a narrow column in this regard has always lagged behind the Russian, which has long used rubber and elastic design.
Recap: It's a Write / Read (Mobile) Web
Carol Chen talks about Luke Wroblewski speaking for the Designer + Geeks community, in which he recommended avoiding keyboard input on mobiles. About 75% of users work with the phone with one hand, and not all of them are comfortable with using the on-screen keyboard in this mode. This article describes several ways to optimize forms and screens in order to minimize keyboard calls.
Efficiently Simplifying Navigation, part 1 - Information Architecture
Detailed and accessible guide to simplify navigation and optimization of information architecture from Anastasios Karafillis.
UX Axioms by Erik Dahl
Erik Dahl formulated 26 basic postulates of UX - UX-axioms.
The Importance of the First Choice in Website Navigation
Jeff Sauro talks about user research on the importance of the first click for the success of his task on various e-commerce sites. If the site has a good search, different ways can be effective. But if the focus is on the menu and other navigation links, the conversion of the correct paths can be 3-8 times higher.
The value of customer feedback
Qubit's research on 10 major complaints from online store users. The main content in Russian .
Why The Pull-To-Refresh Gesture Must Die
Fast Co.Design quotes Instagram founder, who says it’s time to rethink the pull-to-refresh gesture on mobiles. In an ideal situation, the content should be updated automatically and in the background, so the manual action is not very optimal. On the other hand, the gesture itself is good and can be used for more useful things.
Suggested-Employee Search - Best Intranet Design Could Save You $ 500K
Kara Pernice advises on the design of the most important corporate intranet functionality - searching for information about employees. The tips are based on years of experience and have saved some companies hundreds of thousands of dollars a year.
Are you browsing comfortably?
Guide Steve Workman on the features of the use of responsive design to support viewing on television screens.
Infographics Lie. Here's the way to spot the BS
Randy Olson on how infographics can fool and share tips on how to recognize visual lies.
When Design Best Practices Become Performance Worst Practices
Tammy Everts emphasizes the importance of optimizing the speed of loading pages of e-commerce sites and provides interface solutions that may adversely affect it. The experience of many large online retailers suggests that speed is one of the most important factors affecting sales.
3 Guidelines for Search Engine "No Results" Pages
3 tips from Kathryn Whitenton from NN / g on the design of search pages for situations where nothing has been found.
Maps and Location Finders on Mobile Devices
Aurora Bedford of NN / g writes about the difficulties of using interactive maps on mobile devices. As a result, location search results are best displayed as a list by default.
Cards: The Next Paradigm?
The use of "cards", "islands" is the current trend in interface design. Wan-Ting Huang writes about the limitations of this approach and possible alternatives. Also there was a translation into Russian of an article by Paul Adams on this topic, one of the most powerful.
University Websites - Top 10 Design Guidelines
10 Katie Sherwin University Website Design Tips from NN / g.
Design the Details - Empty States
Hamish McNeil of RealMac Software about designing a first impression.
Why Japanese Web Design Is So ... Different
The author of the site Randomwire is trying to explain why Japanese web design is so different from Western for the worse.
A List Apart Pattern Library
The collection of patterns from A List Apart, describing the design of the site. In addition, they made open its code, as well as looking for new authors .
Understanding the user
Customer Journey Map
Alexey Kopylov has published a Russian-language guide to creating Customer Journey Map. Also an excellent article on the topic was released by Chris Ridson from Adaptive Path - in it he breaks down the key element of Customer Journey Maps, “touchpoints”.
How to Breathe Life Into Personas
Barnabas Nagy offers its own way to describe custom scripts. This is a combination of a site map, a process diagram, and a user's relationship to each of the steps. Character template
Exploring iPhone Usage - The Influence of Socioeconomic Differences on Smartphone Adoption, Usage and Usability
Report on the study of users of the iPhone that lasted a year, telling about the features of their work with a smartphone and applications. The sample was limited to students, although despite this, such long-term experiments are rare. Findings from his results from Jeff Sauro.
Janaki Mythily Kumar & Mario Herger - Gamification at Work: Designing Engaging Business Software
The web version of Gamification at Work on the use of gamification in business applications is available on the website of the Interaction Design Foundation.
Elements of Learning Experience Design
Andre Plaut uses the classic Jesse-James Garrett model to describe the user training process. It has five levels - strategy, requirements, structure, interaction, sensations.
Designing Moments of Meaning and Pleasure. Experience Design and Happiness
Research material Marc Hassenzahl, Kai Eckoldt, Sarah Diefenbach, Matthias Laschke, Eva Len and Joonhwan Kim about how you can think through the emotional component when designing interfaces. They analyze the case of a television application for collective viewing and show how you can begin to work it out with the desired experience.
Whitney Quesenbery - A Web for Everyone: Accessibility as a Design Challenge
Rosenfeld Media is publishing the book “Web for Everyone” by Whitney Quesenbery. Materials in addition to it:
'Body Atlas' shows where emotions hit the hardest
An interesting study of the Finnish group of scientists about how the body reacts to various emotions. Direct link to PDF . It will also be interesting:
- Experimental application and service Moodies , which recognizes the emotions in the voice and is used in call centers.
Multiplayer Logistics
A full-scale review of the nuances of building multiplayer interactions in games from Daniel Cook.
The Building Blocks of Designing UX for Kids
Review article about the design and design of applications and websites for children from Justin Smith.
Team work on interfaces
UX Fox translated the powerful Aarron Walter article from MailChimp about their interesting teamwork experience on interfaces.
Slow change interaction design
Martin Siegel and Jordan Beck describe the concept of slowly changing user behavior. Most of the materials on the topic of behavior change speak about some quick steps and actions, but really strong habits are not so easy to change.
Want Innovation in Healthcare? Map It!
Robert Karnick writes about designing processes in healthcare. And examines their importance on the example of the study of how best to use specialized blood glucose meters.
Tools: information architecture, design and design of interface screens
Designer Android 4.4 KitKat Review
Design review of the new version of Android from my colleague Evgeny Belyaev. The second part . He also maintains an excellent Facebook group dedicated to high-quality Android applications, tools for designers, as well as information about working with the platform as a whole. And collects a collection of interesting animation . Other materials on KitKat:
- Ui kit .
- Mini-presentation of Roman Nurik about widgets .
- Collection of Android patterns .
Photoshoplr
Regularly updated collection of plugins and scripts for Photoshop from Vadim Sherbakov. Facebook page .
Learning Xcode 5 As a Designer
Instructions on how to work in Xcode for mobile designers from Meng To. It describes the process of creating a simple application and lays out the source of the project for an example. His previous article on the topic . Other materials on the topic:
- Canvas framework for easy animation in xCode.
Sketch plugins
GitHub-collection of plug-ins for the design tool and design Sketch. Other useful tools and materials:
- Review from Meng To .
- Key hotkeys ( alternative ).
- IPhone and iPad templates .
- Template iOS7 by Teehan + Lax and Taps + Apps .
- Analogue of Photoshop Generator for Sketch .
Origami - A Free Design Prototyping Toolkit for Quartz Composer
A framework for prototyping mobile applications and their animation from Facebook designers based on Quartz Composer. It makes it easier to work with a tool that is fairly non-trivial to an inexperienced user. How he helped create Paper .
Chrome DevTools now
The new version of Chrome makes it easy to test mobile versions of sites. Firstly, an advanced emulator appeared in DevTools, which allows you to see the page at different resolutions, user agents, specific devices and with different sensors. Secondly, you can now mirror what is happening on the phone in the browser on your computer with the ability to debug. And the Mirror tool helps to check Android applications being developed on the fly.
A better prototyping tool by Colm Tuite
Colm Tuite is working on yet another online interface design tool. It is interesting to create complex interactions (several simultaneous changes in different objects) with animation. Under the link you can subscribe to the project news.
Microsoft Project Siena (Beta)
Microsoft's Siena application allows you to create working applications for Windows 8 right on your tablet. Including their design and design.
Mockuphone
PlaceIt from Breezi became paid, but a fresh service was launched for inserting layouts into devices with a more extensive collection. There are smartphones, tablets, televisions.
Ghostlab
Ghostlab tool allows you to test mobile and tablet sites directly on a bunch of devices. All updates on connected phones and tablets occur simultaneously - scrolling, navigating through screens, working with forms. A similar shim tool.
Smaply - Smart Customer Service Mapping, Digital Customer Experience Mapping
Online service for creating customer journey maps and character descriptions. Also offers paper templates.
Test the Text - Test the text in the information style
The online service Test the Text helps to improve information texts in the interfaces. The service highlights unnecessary words, emotions, personal opinion, helping to reduce the volume and make the message more neutral. Introduction from the author .
iOS 7 Icon Template
IOS7 app icon template.
Launch - build mobile app prototypes in minutes
Another tool for mobile prototyping is Launch. The scheme is simple - on the basis of ready-made layouts, transitions between them and animation are tied, you can discuss the resulting prototype.
Hack Design Toolkit
A selection of tools for collaboration on the design of Hack Design.
User research and testing
Aga Bojko - Eye Tracking the User Experience
The long-awaited book Eye Tracking the User Experience by Aga Bojko, another from Rosenfeld Media, has been released. An excerpt from it (at the end is the code at 20% discount).
Lessons Learned from Watching 200,000 User Testing Videos (PDF)
Lessons learned from viewing 200,000 UserTesting usability testing sessions.
Competitive Usability Evaluations - Definition
Amy Schade from NN / g on competitive usability testing, when, in addition to your own product, several products from closest competitors are being tested.
The 3 Most Surprising Insights From a 200 Website Eye-Tracking Study
Eyequant develops algorithms that predict eye-tracking results for image analysis. While not quite working out, but as a result of a series of tests, several myths have been debunked: the faces in the images have a strong emotional impact, but they do not always attract so much attention; large print - visually noticeable, but by itself does not attract the attention of users; The “magic” word FREE doesn’t automatically attract attention either.
Conducting Expert Reviews - What Works Best?
Column UXMatters, dedicated to the nuances of expert assessments. A dozen experts share their experiences and techniques.
10 Ways to Conduct Usability Tests with Credit Cards & Personal Data
Jeff Sauro gives you 10 tips on user testing when using credit cards and other personal information of participants.
Talking with Users in a Usability Test
During usability testing, the subjects may ask the researcher questions or try to start a dialogue with him, thereby disrupting the testing process. Kara Pernice from NN / g talks about three methods of communication during the test - “Echo”, “Boomerang”, “Colombo”.
Participatory Observation
Jim Ross writes about the method of user research, in which the researcher together with the user solves problems and learns all the details not only from communication, but also from direct experience.
A More Natural Approach to Usability Testing
Fresh approaches to guerrilla usability testing from nForm - BYOD (Bring Your Own Device) and Google Fake.
How to Deal With Quantitative Criticism
Jeff Sauro on how a researcher can “protect” quantitative research results.
5 Reasons You Should Should Not Test With 5 Users
Jeff Sauro gives 5 reasons, when 5 users are enough for usability testing and 5 reverse situations.
Create your own Mac-based usability testing lab with viewing room
Harry Brignull shares the recipe for creating a "guerrilla" usability lab based on MacOS computers (tested in the British newspaper The Telegraph).
Management of interface projects and processes
UXPeople2013: Yuri Vetrov - UX-strategy. Theory and practice
My presentation on the UX strategy from the UX People 2013 conference. This is the first review of a series of presentations and articles on three levels of UX maturity - operational, tactical and strategic. As well as the business environment, which determines the development of design in the company. In future publications, I will describe in detail each of the three levels. Article for UXMatters , on the basis of which the presentation was made. Its Russian version .
10 Commandments of UX Strategy
10 commandments of the UX-strategy from Ronnie Battista.
Soldiers & Hessians, Ronin & Ninja
Stephen Turbek describes the pros and cons of four ways to attract interface specialists to the project - a third-party consultant, agency, employee, and his own design team. Continuation of the article with a very deep managerial view on how the design team is built. It looks like what is happening in our team.
Design rot
Design does not end after product release. You need to follow the design, care. Otherwise, it begins to deteriorate, "rot." And at a certain point nothing more than a global redesign can help. And Dmitry Fadeev writes about how to make your design longer alive, fresh and does not require radical intervention .
The Best Ways to Prioritize Products and Features
The new column UXMatters discusses approaches to prioritizing usage scenarios and functions. Itamar Medeiros provides a selection of useful links to various methods for selecting the most important ones.
Methodologies, procedures, standards
Visual Definitions of User Experience
Gennady Dragun updated his collection of UX-diagrams. He tried to trace the evolution of the understanding of the term UX Design from its inception to the present day.
The Lean UX Manifesto - Principle-Driven Design
Manifesto Lean UX by Anthony Viviano.
frog Collective Action Toolkit
Guide to organizing group activities from frog design. This is a training manual with a set of methods and activities.
Cases
Graphics and typography of the new 2GIS
A very interesting case of the redesign of the domestic 2GIS map service, in which Dmitry Pilikov talks about the experience of using non-system fonts in a high-load service. The company ordered a revision of the existing font for use with Cyrillic and briefly describes the problems and difficulties in this process. Creating your own or refining the existing font to your needs is a serious step for any company, and in Russia such cases are unique at all.
Look at Media Arcticle Editor
Look at Media talked about their CMS, Arcticle Editor, thanks to which the content of all publications of the group (Look at Me, The Village, FurFur, Wonderzine, Hopes & Fears) looks so cool and allows you to form long articles with an interesting magazine grid. This is a very cool example for everyone who is involved in content projects and wants to have high-quality materials on output. The product, unfortunately, is domestic and has no plans to spread.
How Customers Helped Us Design a Better Social Tool
How to create a new mapping tool in Pinterest. Excellent promotional site in terms of visual presentation.
- On the redesign of the knowledge management system .
- Case redesign of Balsamiq user support pages : the page became simpler, optimized navigation within the page, from text-based help come to step-by-step illustrated tutorials and video tips.
An Interview with Leisa Reichelt
Interview with Leisa Reichelt, head of user research under the UK Government.
From Superman to the Avengers - Rethinking Bruce Mau Design
An interesting case study studio Bruce Mau Design, which was faced with the fact that its founder left the company, while it was important to keep the brand and rethink how it works.
When content is not a good idea
Content audit is an effective method for analyzing information architecture and site content. But, in especially neglected cases, it no longer works. Gerry McGovern describes one such case — about 100,000 pages have accumulated on the corporate website over the years, and no one has visited many of them for years. It would have taken many months to conduct a full content audit and it was pointless. The company made a willful decision - they simply deleted 97,000 abandoned pages. A year later, the traffic on the site of 3,000 pages was the same as on the old site with 100,000 pages.
Tufte's National Gallery Kiosk & Image Quilts
Benjamin Whetsell offers an information kiosk interface redesign for the American National Art Gallery in Washington, originally designed by Edward Tufte in 1994. By the way, the original design, which is already almost 20 years old, looks quite modern.
Product Style Guide, Visual guidelines for Salesforce1
Interface guidelines for mobile applications SalesForce1. Direct link to PDF . About how they were created .
Dear Ticketmaster, the master of all tickets
Recently popular designer redesigned airline tickets. Matthew Lew, who checks concert tickets, quite interestingly and deeply describes his vision of the right tickets for TicketMaster. In addition:
- Alisher Khasanov has collected a collection of designer redesigns .
- Boarding Pass Peter Smart .
Story
The Mac turns 30 - A visual history
Yesterday turned 30 years old the first Apple Macintosh. Although the platform was not the first windowed interface, it seriously improved the ideas of Xerox and made the GUI with its WIMP paradigm (windows, icons, menus, pointers) popular and commercially successful. The Verge collected the history of the development of the Mac (although there is more about iron), and Apple itself collected an anniversary promo site with lots of interesting information.
The lost secrets of webOS
The history of the development of the interface and devices on WebOS, one of the most interesting and at the same time unlucky mobile platforms. Fortunately, now LG is actively developing it and showed a very interesting solution for TVs . The story of designers about it . Detailed WebOS history .
Trends
Tech Trends 2014
Will come true - will not come true? frog design is voting on the likelihood of 2014 technological trends. Another presentation on this topic from JWT Intelligence . UX Magazine Listed
The main UX-trends of the past 2013 and made a forecast for 2014 . Other results of 2013:
- Excellent review of the best iOS-apps of 2013 , broken down by months of their release.
- Best interface solutions for the year according to Fast Co.Design.
Wolfram Connected Devices Project
Stephen Wolfram has launched a catalog of modern plug-in devices that fit the ideology of the Internet of Things. Unfortunately, so far there is no categorization, but the base is already impressive and will be actively replenished. By the way, after CES, there was a lot of criticism towards the concept of IoT - most of the modern devices do not communicate with each other, so sane ecosystems are not yet obtained.
- On attempts to standardize "smart home" .
- Hannah Alvarez from UserTesting writes about the potential danger posed by the “Internet of things” : the threat to personal data, security, and high requirements for supporting the entire diversity of users (the design should be truly universal).
- A powerful series of articles by Andy Fitzgerald about what a growing number of devices means for designers and how the profession should change in order to learn how to work with such complex ecosystems from different manufacturers. The second part , about how much will have to change the minds of designers, and users too, so that we can work with such complex concepts.
How WIRED Designed the Ultimate Smartwatch
The case of how Wired created a conceptual design of a bundle of “smart watches + glasses” for the cover of the January issue. True, their promise that wearable devices will replace smartphones is refuted by several experts at once. Michael Mace, one of the most interesting mobile analysts, is about why Wired is wrong and wearable devices are still very far away . Kevin McCullagh - why wearable devices will not be as powerful a breakthrough as mobile ones were .
Why Her Will Dominate UI Design Even More Than Minority Report
Kyle Vanhemert says that the era of endless imitation of the interfaces from the Minority Report may finally end. The new film Spike Jonze "Her" shows a completely different world, in which the technology becomes so utilitarian that it dissolves in everyday things and does not require special attention from the user. This goes against the posture of the Internet of Things - every knickknack in the house requires attention, manual adjustment and control.
The Dream of the '90s
Helen Tran about emotional design, how the design from science fiction films of the 80s-90s affects today's interfaces.
UX Review of Samsung Galaxy Smartwatch
NN / g analyzed the interfaces and usability of the “smart watches” Gamsung Galaxy Gear. Verdict: 1) Users: While the clock is damp in the plans of functionality and usability. Wait for the next generation. 2) For companies: buy a device, experiment, think about creating services for a new generation of “smart watches”, which may appear for a year already.
Motorola Just Hired One Of The World's Greatest Interaction Designers
One of the most famous compatriots in the profession is Ivan Pupyrev, who did a lot of the coolest things in the Disney research team, and before that Sony, now works in the new laboratory of Motorola Mobility together with the former DARPA chief. True, in late January, it was announced the sale of Motorola Lenovo. However , Ivan’s division remains at Google and more closely merges with the company.
The year developers and designers collided
Donnie Berkholz writes that in the past 2013, the blur between the designers and developers has largely happened. Two disciplines merged into one spectrum. A common phenomenon has become not only designers who know how to write code, but also developers who specialize exclusively in user interfaces.
Avon's Failed SAP Implementation Reflects Rise of Usability
Loud, clear call to the creators of corporate software: "Corporate users expect quality UX, comparable to the quality of leading consumer applications." Wall Street Journal about how Avon curtailed SAP implementation project, which took 4 years and cost $ 125 million. Reason for closing a technically working project - mass resistance of sellers so dissatisfied with the level of usability, that a significant number of them preferred to leave the company rather than use the new system. Continuing the theme:
- The article by Ritch Macefield on how to avoid employee sabotage when introducing internal information systems and on the dynamics of socio-technical systems in general.
VICE VERSA - Diagonal UI optimized for single hand UX
Michael Oh offers the concept of Vice Versa for mobile devices - a diagonal UI optimized for use with one hand.
The UX Explorers at Ford - An Interview with Parrish Hanna and Chris Thibodeau
UX- Ford, MyFord Touch.
Designing Personality
Kevin Jeong «» , . .
UX
UX . Dan Saffer Rosenfeld Media Victor Lombardi, Laura Klein, Nate Bolt .
User experience has stunted information architecture
10 UX. Groupon, Peter Merholz , .
The YotaPhone
Chris Noessel Cooper Consulting YotaPhone. : « , .»
Bret Victor's Links 2013
Bret Victor , . , , . But they will be very useful for pumping the theoretical base.
Psychological Pitfalls And Lessons of A Designer-Founder
Aza Raskin : « , , ».
Product Design on Medium
Medium - . Evan Williams. . :
Unicorn Institute — Courses to shape the future of UX design
Jared Spool KickStarter UX Unicorn Institute . , , , .
User Experience Careers
Nielsen Norman Group . .
Online UX Courses, Conferences & Presentations
- UX Udemy, -.
UXmas — Wishing you a great experience through the festive season!
UX- UX Mastery. — . :
- , UX- .
- Indy Young .
- Amir Ansari .
- Indy Young Brad Colbow.
- — . . , . Stephen Anderson .
I want to become an information designer - what's next?
Look at Me makes a good series of introductory and review articles in various design areas. For example, for information and font designers . Pro design, however, turned out too fluently. Game design
The Button Test
An interesting test from Marc Hemeon, offering to define a brand by the colors of the interface buttons. Article Fast CoDesign on colors in the interface and branding .
Using Brainwriting For Rapid Idea Generation
Chauncey Wilson talks about how to conduct brainwriting work meetings. He solves brainstorm-like tasks, but more effectively - participants write down their ideas on paper instead of discussing them, and then exchange notes several times in order to develop other people's ideas.
Up On The Wall - How Working Walls Unlock Creative Insight
Laura Busche talks about how office walls can help in the work process, from brainstorms to any other collective activities.
Secrets of buttons in Android, Part 1 - The Basics of Layout
Stepan Furdey gives an excellent introduction to the basics of layout design in Android. Given the gradual blurring of boundaries between the designer and the developer, it will be helpful to understand the basics. The second part .
Should designers trust their instincts - or the data?
In some cases, designers should make decisions based on their instincts, sometimes based on data. In what cases to rely on, trying to figure out Braden Kowitz, Design Partner of Google Ventures.
Design is the Rendering of Intent
By examining two cases of design of US government sites (one with a good, and the second with a weak level of usability), Jared Spool comes to a deadly simple conclusion: "Design is a reflection of the real priorities of the product team." (Realization of real intentions) If the design is in priority, then It turns out most often at the level. If the priority is simply to release the product on time, then it turns out that it turns out. Continuing the theme:
- Peter Merholz develops the theme by tying "design, as the realization of intentions" to the theory of "double design diamond." The first diamond is the work on the product idea, the second is the realization of intentions. Often, food teams miss work on the first part, taking everything for granted. And start to implement, without having a clear vision.
- Marc Retting that intentions are the heart of the design .
- According to Jake Solomon, the main problem of the quality of state sites and services provided by the state is disregard for users - the recipients of those services, which is manifested in countless examples. Empathy - the way to resolve?
Are you ready to be an Independent UX Consultant?
Article Cory Lebson on the features of the work as a hired consultant (in fact - a freelancer). We, however, this model is less common among specialists in the design of interfaces. But in the west, as it seems to me, is one of the key reasons for the abundance of professional content — in many respects, for the promotion of their services, each of these consultants actively writes articles and makes presentations. Essentially close article on 5 levels of success for a UX consultant .
Rosenfeld Media UX Book Clubs
Rosenfeld Media supports UX Book Clubs. The organizer receives a free e-book, and all participants generate a temporary code for a 30% discount.
How to Land Your Dream Design Job
Representatives of strong design studios give 8 tips on how to get a job with such a company.
Conference proceedings
UXPeople 2013
Video recordings of reports from the conference UX People 2013, held on November 30 in Minsk.
Videos from the 2013 AIGA Design Conference
Video from the AIGA conference "Heart, Heart, Hand", held in October 2013 in Minneapolis. Main topics: design thinking, design as a means of social impact, design craft.
Beyond the Desktop Conference 2013
Video materials of the Beyond the Desktop 2013 conference, held October 21-23 in Nashville.
Conferences Round-Up - Upcoming Web Design Events (Jan. 2014 - Jun. 2014)
The main European and American events UX and web design of the first half of 2014. By the way, on April 9-11, UXPoland will be held in Warsaw - a fairly affordable international event with interesting Western speakers.
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/211556/
All Articles