Digest of grocery design, August-October 2014
For four and a half years, I have been publishing regular reviews of recent 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-July 2014 .
Designing for Large Screen Smartphones
Immediately, two autumn announcements (iPhone 6 Plus and Nexus 6) showed a sad future for managing smartphones - prohibitively large screens are becoming the main standard. Luke Wroblewski gives a quick overview of how to live with it. In this post, patterns will be collected to solve this problem.
What is a Card?
Khoi Vinh conducted a large study of the card approach for Wildcard . Continuing the theme:
')
Mobile & Multi-Device Design: Lessons Learned
New free book by Luke Wroblewski “Mobile design and design for multiple devices: lessons learned from the creation of the Polar app.” Available as PDF and iBook . By the way, the Polar service itself was recently purchased by Google and Luke becomes part of the corporation .
Experience "Rockett": How to make effective landing pages for business
Aleksey Kolesnikov shares Rocketbank's experience in creating landing pages. He examines in detail the whole process and pays special attention to the importance of the main message of the proposed product or special offer.
Petit hacks
A library of patterns, similar to Little Big Details, but focused on product solutions that ensure the growth of metrics on one of the most popular AARRR models (Acquisition, Activation, Retention, Revenue, Referral).
Swipe Left, Swipe Right, But Why?
Steve Melendez writes about a quick decision-making interface pattern using swipe cards left / right, which has become wildly popular thanks to the Tinder dating service.
Falling in Love with Forms (Presentation by Aaron Gustafson)
Materials from the workshop Aaron Gustafson on the design of forms from the conference BlendConf 2014.
Reducing Abandoned Shopping Carts In E-Commerce
Keir Whitaker examines a way to reduce the number of abandoned shopping carts by online shoppers using reminder letters. The letter is sent a few hours after the user has left the process and boosts sales (the article provides statistics).
Simple dogma when working with color in interfaces
Basics of working with color in the interface.
Why Keyboard Usability?
David Sloan and Sarah Horton on why accessibility is important when using only the keyboard. Continuing the theme:
Would you like fries with that?
Booking.com conducted A / B testing of navigation on mobile and using the burger icon in particular. For them, none of the options showed significant superiority.
Think Breadcrumb Links Aren't Good For User Experience? Yes, They Are!
Shari Thurow wrote a detailed guide on using bread crumbs in navigation.
Excerpts from Baymard Institute e-commerce search report
Form Usability: Validations vs Warnings
New article Baymard Institute about the validation of forms. Continuing the theme:
Mobile Design Pattern: Inventory-Based Discrete Slider
Mobile user guide for sliders by Greg Nudelmann and Daria Kempka.
The Balance Between UX and Security
About UX balance and security from Hong Yi Dong - a designer in a security company. He also writes about the role of the designer in such an organization .
Search Is Not Enough: Synergy Between Navigation and Search
One of the trends of the moment is an attempt to replace global navigation with search. Raluca Budiu describes 5 reasons why a search is not enough and you need to share it with navigation.
Animation for Attention and Comprehension
Aurora Bedford of NN / g writes about the use of animation in interfaces. Its two main objectives: to draw the user's attention to certain elements of the interface, or to simplify the understanding of the relationship between interface elements. Transitions and animations are difficult to be fast enough so as not to annoy users and not hinder their effective work. Continuing the theme:
What Every App Developer Should Know About Android
Extensive statistics on current versions, popular devices and screens, the prevalence of custom shells, etc.
Size Matters: Size In Responsive Web Design
Laura Franz describes the nuances of line length and line spacing when adapting a design.
Is there a Formula for Delight?
Ben Rowe about the design, admirable user. The deepest and versatile of what was found on this topic. The rest affected rather private aspects. Continuing the theme:
Dynamic user interfaces, to increase player performance
Bjorn Buchner about the idea of ​​dynamic interfaces that adapt to the current situation, for example, in games. Continuing the theme:
Icon Classification: Resemblance, Reference, and Arbitrary Icons
Analysis of the ease of use of various categories of icons from Jakob Nielsen.
The Danger of Dogfooding
“Designing for yourself”, when members of the product team themselves use their product every day - a simple and effective technique. Des Traynor writes that from time to time you need to forget about yourself as a professional user, and look at the interaction with the product from the perspective of a beginner.
Designing information architecture for e-commerce
Interesting introduction to Information Architecture by Oleg Voronko. Part 2 .
Character separators in paper forms
Formulate on the effectiveness of explicit character delimiters in paper forms. To the web is poorly applicable, but informative.
When to Use Which User-Experience Research Methods
Christian Rohrer has updated his user research guidelines. The 20 most common research methods are distributed according to the following characteristics: a study of user behavior or attitudes toward the product; qualitative or quantitative research; context of use (natural use of the product; use according to a given scenario; research out of context of the product; hybrid methods).
Insights on Switching, Centering, and Gestures for Touchscreens
A new study by Steven Hoober on the ergonomics of using smartphones, dedicated to the distribution of gestures on the screen.
Designing Features Using Job Stories
Alan Klement tells why Persons and User Story is yesterday and why you should use Job Story. Another good reception that can make the work of the product team effective.
A Big Article About Wee Things
A wonderful visual study of Lena Groeger about the perception of small parts and their use in design. Continuing the theme:
The Ethics of UX Research
Nicholas Bowman, a professor at West Virginia University, writes about the ethics of conducting user research. The basic rules for its evaluation: 1) Is it possible to substantiate the need for user manipulation logically or theoretically? 2) Is user manipulation really necessary? 3) Does the manipulation of any potential harm? 4) What will users feel about the company when they find out about the study? Continuing the theme:
UX Tips for Surveys (Presentation by Gennady Dragun)
Tips for compiling user surveys.
http://www.slideshare.net/Hienadz.Drahun/ux-tips-for-surveys
Understanding Personas - An Interview with Alan Cooper
Alan Cooper on understanding characters.
Promise, Vision, Scenario, and User Stories
Jared Spool is about several levels of features and usage scenarios. He suggests the term “promises”, which generally describes the desired interface solution.
Eye-Tracking Study: How Users View Google Search Result Pages
A new eye-tracking study of Google search results pages. What has changed in 10 years? The golden triangle has disappeared; users almost twice as fast began to scan pages; almost one and a half times more often they began to click on links located in 2-4 places on the results page. Here you can download a detailed study .
Ruslan Kryuchkov from UsabilityLab tells the story: For the first time, the golden triangle on the SERP was opened in 2005 using eye-tracking (then this company was called Enquiro). A year later, a comparative study was conducted on several search engines (Google, Yahoo !, MSN). In Russia, Dmitry Satin, Ruslan Kryuchkov, Evgeny Kulakov, Tatyana Kravchuk and Maria Rybakova-Kuznetsova confirmed this phenomenon on domestic search engines in 2009 . The study was also conducted on 50 users. There are many questions to the study design and conclusions, but the triangle is the result in which we are more confident than others. It is interesting now to see that the golden triangle has turned into another pattern. So I understand the main reasons for this: 1) The structure of the SERP is changing (there used to be a more or less homogeneous set of links, and now there are different inserts from the witches); 2) The perceptions of users on the SERP page are changing.
An Alphabet of Accessibility Issues
Alphabet health problems affecting the work with the interface. Compiled on the basis of friends, is not a standard set of characters.
Researching User Needs
New course Tomer Sharon from Google to research users at Treehouse.
Design Accessibly, See Differently - Color Contrast Tips And Tools
Chic article by Cathy O 'Connor, PayPal Accessibility Expert. How the company tests mobile design for color contrast and availability for users with color blindness and low vision.
Designing for Dyslexia
10-20% of people are dyslexic. Andrew Zusman writes about the design available to them.
Ui peeps
The generator of micro-profiles with the name, avatar and a brief description.
Why don't behavioral change apps work?
Ivan Zamesin translated into Russian the article "Why do not the applications aimed at changing behavior."
The Games User Research Book
A team of experts in the field of Game User Research are looking for co-authors for a book on this topic.
Conducting an effective stakeholder interview
Dr. Philip Hodgson on interviewing key project participants.
Responsive Content Modeling
Steve Fisher describes the procedure for collecting content for the project, as well as building the interface and content strategy based on it.
Introducing the Post-it® Plus App
3M has released the Post-It Plus application, which helps structure the brainstorm results. It is necessary to photograph a board or wall with stickers and the service will help digitize them and organize further collaboration. For now only for iPhone and iPad.
Resources for Mapping the Experience with Alignment Diagrams
A bunch of links from James Kalbach about the alignment diagrams tool that help describe business processes in relation to custom products.
Complexity
Anna Viggedal writes about the difference between the notions of “complex” (complex) and “complicated” (complicated) in relation to interfaces and socio-technical systems. They are determined by the internal structure and behavior and can not always be simplified, so they have their own approaches to interacting with them.
The Digital Crown - Winning at Content on the Web
Ahava Leibtag's The Digital Crown book about content strategy has been released. UXMatters publishes an excerpt from it (chapter 2). It has a good reminder for those who are engaged in the design strategy - how to analyze the company and its current state. Continuing the theme:
Story map
James Buckhouse about creating a Story Map and working with documents. Not to be confused with Customer Jouney Map and User Story Map :)
Card sorting
Detailed case of card sorting application from Lisa Sy. Showing interesting techniques and techniques. Continuing the theme:
Validating UX Strategy Concepts Through Service Design (Presentation by Ashley Hemingway)
Ashley Hemingway talked about how to test the UX-strategy using service design methods at the UX Strat 14 conference. Key concepts of the strategy are compared with the touch-points of the customer journey map. Continuing the theme:
Apple Watch
September 9, Apple introduced its version of the smart watch Watch, speculation around which has been going on for a long time. This is a new application platform, with which many of us will have to work in the coming years. In this thread will be collected material on the design and design of interfaces for them.
In one device, a significant number of cases of using watches and bracelets are collected in all four key areas - notifications, medicine / sports, authorization (payment, entrance to hotels), controller (remote control for TV control). And all this with a very careful understanding of the fact that the watch is an important accessory tied to the fashion industry (an interesting analysis from the browser of a classic watch ). True, a category redefinition was expected from the announcement, as it happened earlier with the player, phone and tablet, but it turned out to be just the most systematic solution on the market. Which, moreover, fixed the basic understanding of the role of such devices - a more or less rigid appendage to a smartphone (and without cross-platform yet).
There are many interesting interface solutions - a zoom-panned start-up screen with an unusual arrangement of application icons; The second coming click wheel in the form of the winding head of the winding mechanism for replacing part of touch gestures (easier to get on the small screen, the interface does not overlap with a finger). It's funny that the skeorphism returned in the form of three-dimensional emoticons, achivok and other trifles. The density of information in the interface rolls over, which is quite strongly contrasted with the lighter approach of Android Wear (two comparisons from ArsTechnica and The Verge ). But the overall message is different - if Google has a more accessible screen for viewing notifications, then Apple has a mini-smart phone with a wealth of features.
There are no official guidelines yet, but templates for designers are already emerging. A separate font was created for the watch, somewhat reminiscent of Din and Roboto ( The Verge and Fast Co Design ), but there is no specifics about it either. The clock will be produced in two sizes, but nothing is said about the screen resolution again ( Josh Worth is trying to calculate it ). Information should appear closer to the output of the device at the beginning of next year.
On the official site a lot of photos and videos. And a bunch of pictures from the presentation .
iPhone 6 Screens Demystified
The iPhone 6+ came out, where the screen resolution and the resolution of the resources that designers should give it to him do not match. In just a few hours, this gave rise to a lot of rumors: “Will the iPhone wipe out the plant?”, “Is the new smart scaling system?”, “Is Ive gone crazy?”. The guys from Paintcode are trying to figure it out. Structured table Continuing the theme:
Affinity designer
Fast vector raster editor for Mac. A small review .
New about Material Design
New for Android Wear
New for iOS8
Designer's Guide to DPI
An elegant analysis of the terminology and principles of operation of modern screens from Sebastien Gabriel, including the features of the transfer of design to developers. Article in the form of an electronic book .
The Sticker UI Book by Killer inc.
An unusual album format for interface sketches, much more useful than regular screen templates. It includes templates for different devices, convenient fields for commenting and, most pleasantly, a set of stickers with typical interface elements and icons. A little about its creators .
Pixate
A promising tool for creating mobile interactive prototypes out of beta. The ability to visualize animations, both from time to time, and from interaction. Instant "native" launch on the device. Nice interface.
New to Sketch
Mobile Design Tools
Single Page Promotional Website Designers
New about mailing letters
New iPad Templates
Prototyping Animation with Keynote
Use Keynote to prototype animations in the interface.
POP Gets $ 700K To Make Prototyping Apps Easy, Releases Second Version
The prototyping tool for mobile applications received $ 700 thousand investment and released the second version.
Designing for yosemite
Apple HIG has been updated, now it includes information on Yosemite.
On Web Typography
The 11th book has been published by A Book Apart - On Web Typography by Jason Santa Maria. A List Apart publishes a short excerpt from its 1st part .
True, it turned out to be extremely weak - this is just a review of the basic concepts of typography, and there are already enough of such books. And what is most disappointing - with a minimum of pro, in fact, features typography on the web. Localization, rendering, connecting nuances of third-party fonts, etc. - At best, a couple of paragraphs. It is better to read Alexander Korolkov. Continuing the theme:
Map glyphs
Another library of vector maps.
60 flat styled icon sets
Icons in a flat style are still very popular among designers. Martin LeBlanc, the founder of Icon Finder, collected 60 sets on one page.
Writing Great Alt Text (Whitney Quesenbery Presentation)
Guide to writing alternative texts to images from Whitney Quesenbery.
Wireframe kit
A template for designing interfaces in Adobe Illustrator by Chris Rowe.
28 Resources For Getting Started In UX
A selection of links on user research for beginners from Jeff Sauro.
Digital Tools for Digital Research
Research tools used by IDEO.
What is the Client’s Role in User Research?
Memo for companies that order custom research. Jim Ross describes the main stages of the process and the participation that the customer must take in them. Continuing the theme:
Experimental Lean UX-research in Yandex
Ivan Zamesin tells about the experience of using in Yandex both the traditional and Lean UX-approach and research.
Eye Tracking in User Experience Design
An article about I-tracking questionnaires and forms from Caroline Jarrett and Jennifer Romano Bergstrom. This is a chapter from their book " Eye Tracking in User Experience Design ". She is pretty good. It deals with the practical application of the results of the research in various applications and conclusions from them.
How Effective Are Heuristic Evaluations?
Jeff Sauro talks about the peer review by several experts. The conclusions are not very comforting - even a group of experts may not notice critical problems and give a lot of insignificant.
Conducting Large-Scale User Research
Jim Ross talks about his experience in conducting large-scale (150 people) user research. He gives advice on the organization of the process so that the task is lifting.
Collaborative User Testing - Less Bias, Better Research
Alla Kholmatova on how to make usability testing more objective and improve their quality. At each stage involve several researchers: a small group makes a test plan, makes observations and analyzes the results together.
Testing Mobile: Emulators, Simulators And Remote Debugging
Review of how to test mobile sites and applications from Jon Raasch. Emulators, remote connection tools and other tools for Android and iOS.
Demonstrate Thinking Aloud by Showing Users a Video
A little secret about testing usability from Jacob Nielsen. Before testing, users are shown a 1-minute video, with an example of how to properly “think out loud”.
How to properly conduct Lean research
Translation into Russian of the article “The Right Way to Do Lean Research”, which was made by Ivan Zamesin.
Essential Visual Feedback Tools For Web Designers
A good overview of the site review tools and layouts from Lucy Galkina. She describes five tools — InVision LiveCapture, TrackDuck, BugMuncher, BugHerd, and Notable.
Unexpected consequences of compiling user feedback at collection
o .
Typeform — Create awesome forms & surveys that function seamlessly across devices
TypeForm , . . :
Usability Testing Is Undermining UX Design
Peter Hornsby , -. «» , . , , , , . :
:
, , . , .
Ptengine — Leading Heatmap and Web Analytics Platform
- Ptengine, . .
Be a designer who knows Xcode
Xcode Scott Hurff.
The script for creating initial letters from Adobe .
An interesting effect for switching pages or slides .
Frameworks and solutions for responsive design
Work with SVG
uilang - a minimal, ui-focused programming language for web designers
Script pseudo-language for prototyping interfaces in code. It includes the behavior of typical elements and the possibility of an easy description of their style - in fact, a little more simple packaging of HTML, CSS and JS.
New to Quartz Composer
Form by RelativeWave
Suddenly, a fresh Origami-like tool for interactive prototyping called Form was discovered. Of the obvious advantages is the ability to interact with the prototype on the device on the fly, just as with Sketch Mirror.
Noodl
A new tool for the whole cycle of prototyping: animation, interactive interactions and the entire process of working with the prototype. The project is in the closed beta stage, you can ask for an invite right now. They tried not just to repeat the Apple Quartz Composer, as the Form did, adopting all the birth injuries and shortcomings, but taking the concept of nodes, to implement a convenient tool suitable for designers.
Economic Logic Customer Experience
Roman Chernykh published his presentation with User Experience Russia 2014 on the economics of ergonomics. It would not hurt a more readable design, but the models and calculations of ROI presented in it are wildly cool and interesting. Roman has a long experience in a large company (Beeline), as well as close communication with top management. Continuing the theme:
Software Usability & Net Promoter Benchmarks For 2014
A collection of metrics from Jeff Sauro with the latest data for 2014.
How to come to success (ergonomic)
Vlad Golovach on the success of the interface, large screens and mobile design.
How To Compute In 5 Easy Steps
Jeff Sauro's manual of confidence intervals for discrete and continuous data.
CUBI UX Model
A very detailed and powerful UX model from Corey Stern. It includes 4 components - content, business objectives, user goals and interaction. An article on UXMag with its description .
New UX Strategy
UX Strategy: Defining strategy, current states, and future states
Austin Govella article series on the UX strategy. The first part defines the strategy. This is a way of transition from the current state to some desired future by consistently achieving intermediate goals. Part 2 and 3 .
The Designer's Dilemma
Durward Sobek writes about the designer's dilemma. At the beginning of the project we have relatively complete freedom in choosing possible solutions to the problem, but there is little knowledge of the subject area. Over time, this relationship is changing - we have deeply understood the problem and know what to do, but have already advanced far enough in implementing the solution and changing it is too late.
Avoiding the Unintended Consequences of Casual Feedback
Sometimes, one quick comment from top management can cause weeks of extra work for designers and developers. Jeff Weiner, the CEO of LinkedIn, shares his tips on how to take comments from above correctly.
Understanding UX Skills
Irene Au writes a series of articles on how to hire UX specialists. In the first part, she parses UX-specialization. In the second position description , and in the third - where to find candidates for UX positions?
Good UX Manager / Bad UX Manager
Peter Cho about the difference between a good UX manager and a bad one.
Google Ventures' Formula For Attracting Top Design Talent
Tips for hiring designers and writing descriptions of design jobs from Daniel Burka from Google Ventures.
Design Sprints by Google Ventures
"Note And Vote": How Google Ventures Avoids Groupthink In Meetings
On the effective method of controlled brainstorm, which is used in Google Ventures.
You're My Favorite Client
On September 30, A Book Apart published a new book by Mike Monteiro, You're You're My Favorite Client. Excerpts from it and materials on the topic:
The Guide to Minimum Viable Products
A good selection of materials on MVP in the new book UXPin.
Margaret Gould Stewart: How giant websites
The data can help you make a good design great, but they are not able to make a good design out of a weak design. Speech by Margaret Gould Stewart (product design director for Facebook, ex-Google / YouTube) about design for products with multimillion audiences.
Death To Page Views! Long Live "Acts Of Engagement"
The Chartbeat web analytics service promotes user engagement tracking as an addition to traditional metrics such as viewing depth. Every 5-10 seconds, they track the user's behavior on the page and improve the understanding of what exactly he does on the site.
What Does Statistically Significant Mean?
Jeff Sauro continues the basic statistics courses and explores the notion of “statistical significance”.
Is Your Responsive Design Working? Google Analytics Will Tell You
An interesting way to calculate device types using Google Analytics.
A / B testing
7 Techniques For Prioritizing Customer Requirements
Jeff Sauro lists 7 methods for prioritizing user requirements.
Feature Grading: An Introduction to the Kano Model
A step-by-step guide on how to use the Kano model from Ori Zmora. Continuing the theme:
http://www.slideshare.net/Hienadz.Drahun/understanding-kano-model
Professional Standard "Graphic and User Interface Designer"
Specialists of the company Usetiks together with the Academy of Modern InfoCommunication Technologies prepare the professional standard "Graphic and User Interface Designer". The work is carried out by order of the Russian Union of Industrialists and Entrepreneurs.
Now ready version of the standard, which can and should be discussed. Authors need feedback to improve the standard, which we all really need. Under the link you will find a draft, which you can comment directly on the text.
Principles Over Standards
Peter Hornsby writes about the importance of defining and describing product design principles in addition to guidelines. They describe common values ​​and ideologies, so they help to better understand why certain interface decisions are made.
Burger-driven design. Mail.Ru framework for unifying content projects (Presentation by Yuri Vetrov)
My presentation from the User Experience Russia 2014 conference dedicated to the development of the Mail.Ru Group framework for the unification of design. Last year we launched a mobile web on its base , this time we went further and used a more complicated task - we transfer large content projects to the design and technical platform. Such a platform solves several tasks at once:
The platform was launched quite recently and there is still a very long list of improvements and bugs. But the most difficult thing is over and the results are impressive - this year we made more for updating content projects than for the two previous ones. The presentation describes in detail what path we have traveled and what we learned from its course.
Cases redesign news sites
Modern editorial CMS
Redesign Cases
Denis Beskov launched the Interface Design School. There are already two trainings in the program set by Phil Smirnov and Alina Zotova. Facebook group .
Intertwingled: Information Changes Everything
An excerpt from the new book by Peter Morville "Intertwingled: Information Changes Everything". It is somewhere at the junction of professional and cultural studies. Continuing the theme:
Christopher Alexander's book The Language of Patterns. Cities. Building. Building"
The legendary “Pattern Language” Christopher Alexander was translated into Russian. The book is not applied, but rather conceptual. The author first introduced the concept of patterns (patterns). After this book inspired people to start collecting interface templates, influenced the emergence of information architecture. Perhaps it is because of this book that it is called that.
Career Advice for User Experience Talent
Participants in Adaptive Path UX Week 2014 in San Francisco share career tips on UX.
Junior Designers vs. Senior designers
Julie Zhuo clearly shows the difference between junior and senior designers in 6 pictures.
Subjective And Objective Design Choices
Steven Bradley on the often impossible and unnecessary attempts to achieve complete objectivity in design solutions.
Design Kit: The Course for Human-Centered Design
Free online course on Human-Centered Design. Takes place from October 14 to December 3.
New interesting books on O'Reilly
Many of them are still in development, however, it is already possible to order and download. With the WCYAZ code there will be a 50% discount on electronic versions:
UX Crash Course Translations by The Hipper Element
Two courses on UX have been translated and laid out in a convenient way: Fundamentals and User Psychology . For this many thanks to the girl under the pseudonym (?) Nancy Pong .
What I Learned About
An excellent article by Alvin Hsia about his first experience in the role of a product designer and its features.
The boring designer
Cap Watkins is about a boring designer who prefers proven working solutions to those that create a wow effect. Keenan Cummings responds with an ode to the brave designer .
Alan Cooper: Talking Business and Design
Alan Cooper reflects on business and design.
Without Computers
Another article about Paul Otlet and that at that time the idea of ​​the Internet came from different people.
Google Form 2014
November 4-5, 2014, Google hosted the Form San Francisco conference. It is devoted to a combination of design and technology and includes a powerful list of speakers from fashionable Internet services. Participation is by invitation only, but the materials should be extremely interesting.
UX Thursday, Detroit 2014
Audio recordings of speeches at the UX Thursday conference, held June 26, 2014 in Detroit, USA.
UI18
Video materials of the UI18 conference held on October 21-23, 2013 in Boston, USA.
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 and Pavel Skripkin. More and more materials in reviews appear thanks to them.
Patterns and Best Practices
Designing for Large Screen Smartphones
Immediately, two autumn announcements (iPhone 6 Plus and Nexus 6) showed a sad future for managing smartphones - prohibitively large screens are becoming the main standard. Luke Wroblewski gives a quick overview of how to live with it. In this post, patterns will be collected to solve this problem.
What is a Card?
Khoi Vinh conducted a large study of the card approach for Wildcard . Continuing the theme:
- Khoi Vinh collection in Pinterest .
- Cezary Pietrak on the same topic .
- CITIA service , which focuses on the presentation of information in the form of cards.
')
Mobile & Multi-Device Design: Lessons Learned
New free book by Luke Wroblewski “Mobile design and design for multiple devices: lessons learned from the creation of the Polar app.” Available as PDF and iBook . By the way, the Polar service itself was recently purchased by Google and Luke becomes part of the corporation .
Experience "Rockett": How to make effective landing pages for business
Aleksey Kolesnikov shares Rocketbank's experience in creating landing pages. He examines in detail the whole process and pays special attention to the importance of the main message of the proposed product or special offer.
Petit hacks
A library of patterns, similar to Little Big Details, but focused on product solutions that ensure the growth of metrics on one of the most popular AARRR models (Acquisition, Activation, Retention, Revenue, Referral).
Swipe Left, Swipe Right, But Why?
Steve Melendez writes about a quick decision-making interface pattern using swipe cards left / right, which has become wildly popular thanks to the Tinder dating service.
Falling in Love with Forms (Presentation by Aaron Gustafson)
Materials from the workshop Aaron Gustafson on the design of forms from the conference BlendConf 2014.
Reducing Abandoned Shopping Carts In E-Commerce
Keir Whitaker examines a way to reduce the number of abandoned shopping carts by online shoppers using reminder letters. The letter is sent a few hours after the user has left the process and boosts sales (the article provides statistics).
Simple dogma when working with color in interfaces
Basics of working with color in the interface.
Why Keyboard Usability?
David Sloan and Sarah Horton on why accessibility is important when using only the keyboard. Continuing the theme:
Would you like fries with that?
Booking.com conducted A / B testing of navigation on mobile and using the burger icon in particular. For them, none of the options showed significant superiority.
Think Breadcrumb Links Aren't Good For User Experience? Yes, They Are!
Shari Thurow wrote a detailed guide on using bread crumbs in navigation.
Excerpts from Baymard Institute e-commerce search report
- Selection of product categories when searching .
- Article with conclusions from the report for Smashing Magazine .
- Faceted sorting is a new method of sorting search results .
Form Usability: Validations vs Warnings
New article Baymard Institute about the validation of forms. Continuing the theme:
Mobile Design Pattern: Inventory-Based Discrete Slider
Mobile user guide for sliders by Greg Nudelmann and Daria Kempka.
The Balance Between UX and Security
About UX balance and security from Hong Yi Dong - a designer in a security company. He also writes about the role of the designer in such an organization .
Search Is Not Enough: Synergy Between Navigation and Search
One of the trends of the moment is an attempt to replace global navigation with search. Raluca Budiu describes 5 reasons why a search is not enough and you need to share it with navigation.
Animation for Attention and Comprehension
Aurora Bedford of NN / g writes about the use of animation in interfaces. Its two main objectives: to draw the user's attention to certain elements of the interface, or to simplify the understanding of the relationship between interface elements. Transitions and animations are difficult to be fast enough so as not to annoy users and not hinder their effective work. Continuing the theme:
- Katie Sherwin from the Nielsen / Norman Group on which load indicators to use in different situations .
- Speech by Courtney Hemphill on the mathematical foundations of interface animation .
What Every App Developer Should Know About Android
Extensive statistics on current versions, popular devices and screens, the prevalence of custom shells, etc.
Size Matters: Size In Responsive Web Design
Laura Franz describes the nuances of line length and line spacing when adapting a design.
Is there a Formula for Delight?
Ben Rowe about the design, admirable user. The deepest and versatile of what was found on this topic. The rest affected rather private aspects. Continuing the theme:
- Presentation of Ben Tollady and Ben Rowe on the subject of design for admiration .
- Des Traynor: Not everything can be shown by prototypes . If you want to design for admiration, to create an aesthetic effect, to involve users in the game, then wireframes are not enough to simulate impressions. We need more detailed prototypes that are indistinguishable from the real product.
Dynamic user interfaces, to increase player performance
Bjorn Buchner about the idea of ​​dynamic interfaces that adapt to the current situation, for example, in games. Continuing the theme:
Icon Classification: Resemblance, Reference, and Arbitrary Icons
Analysis of the ease of use of various categories of icons from Jakob Nielsen.
The Danger of Dogfooding
“Designing for yourself”, when members of the product team themselves use their product every day - a simple and effective technique. Des Traynor writes that from time to time you need to forget about yourself as a professional user, and look at the interaction with the product from the perspective of a beginner.
Designing information architecture for e-commerce
Interesting introduction to Information Architecture by Oleg Voronko. Part 2 .
Character separators in paper forms
Formulate on the effectiveness of explicit character delimiters in paper forms. To the web is poorly applicable, but informative.
Understanding the user
When to Use Which User-Experience Research Methods
Christian Rohrer has updated his user research guidelines. The 20 most common research methods are distributed according to the following characteristics: a study of user behavior or attitudes toward the product; qualitative or quantitative research; context of use (natural use of the product; use according to a given scenario; research out of context of the product; hybrid methods).
Insights on Switching, Centering, and Gestures for Touchscreens
A new study by Steven Hoober on the ergonomics of using smartphones, dedicated to the distribution of gestures on the screen.
Designing Features Using Job Stories
Alan Klement tells why Persons and User Story is yesterday and why you should use Job Story. Another good reception that can make the work of the product team effective.
A Big Article About Wee Things
A wonderful visual study of Lena Groeger about the perception of small parts and their use in design. Continuing the theme:
The Ethics of UX Research
Nicholas Bowman, a professor at West Virginia University, writes about the ethics of conducting user research. The basic rules for its evaluation: 1) Is it possible to substantiate the need for user manipulation logically or theoretically? 2) Is user manipulation really necessary? 3) Does the manipulation of any potential harm? 4) What will users feel about the company when they find out about the study? Continuing the theme:
UX Tips for Surveys (Presentation by Gennady Dragun)
Tips for compiling user surveys.
Understanding Personas - An Interview with Alan Cooper
Alan Cooper on understanding characters.
Promise, Vision, Scenario, and User Stories
Jared Spool is about several levels of features and usage scenarios. He suggests the term “promises”, which generally describes the desired interface solution.
Eye-Tracking Study: How Users View Google Search Result Pages
A new eye-tracking study of Google search results pages. What has changed in 10 years? The golden triangle has disappeared; users almost twice as fast began to scan pages; almost one and a half times more often they began to click on links located in 2-4 places on the results page. Here you can download a detailed study .
Ruslan Kryuchkov from UsabilityLab tells the story: For the first time, the golden triangle on the SERP was opened in 2005 using eye-tracking (then this company was called Enquiro). A year later, a comparative study was conducted on several search engines (Google, Yahoo !, MSN). In Russia, Dmitry Satin, Ruslan Kryuchkov, Evgeny Kulakov, Tatyana Kravchuk and Maria Rybakova-Kuznetsova confirmed this phenomenon on domestic search engines in 2009 . The study was also conducted on 50 users. There are many questions to the study design and conclusions, but the triangle is the result in which we are more confident than others. It is interesting now to see that the golden triangle has turned into another pattern. So I understand the main reasons for this: 1) The structure of the SERP is changing (there used to be a more or less homogeneous set of links, and now there are different inserts from the witches); 2) The perceptions of users on the SERP page are changing.
An Alphabet of Accessibility Issues
Alphabet health problems affecting the work with the interface. Compiled on the basis of friends, is not a standard set of characters.
Researching User Needs
New course Tomer Sharon from Google to research users at Treehouse.
Design Accessibly, See Differently - Color Contrast Tips And Tools
Chic article by Cathy O 'Connor, PayPal Accessibility Expert. How the company tests mobile design for color contrast and availability for users with color blindness and low vision.
Designing for Dyslexia
10-20% of people are dyslexic. Andrew Zusman writes about the design available to them.
Ui peeps
The generator of micro-profiles with the name, avatar and a brief description.
Why don't behavioral change apps work?
Ivan Zamesin translated into Russian the article "Why do not the applications aimed at changing behavior."
The Games User Research Book
A team of experts in the field of Game User Research are looking for co-authors for a book on this topic.
Conducting an effective stakeholder interview
Dr. Philip Hodgson on interviewing key project participants.
Information architecture, conceptual design, content strategy
Responsive Content Modeling
Steve Fisher describes the procedure for collecting content for the project, as well as building the interface and content strategy based on it.
Introducing the Post-it® Plus App
3M has released the Post-It Plus application, which helps structure the brainstorm results. It is necessary to photograph a board or wall with stickers and the service will help digitize them and organize further collaboration. For now only for iPhone and iPad.
Resources for Mapping the Experience with Alignment Diagrams
A bunch of links from James Kalbach about the alignment diagrams tool that help describe business processes in relation to custom products.
Complexity
Anna Viggedal writes about the difference between the notions of “complex” (complex) and “complicated” (complicated) in relation to interfaces and socio-technical systems. They are determined by the internal structure and behavior and can not always be simplified, so they have their own approaches to interacting with them.
The Digital Crown - Winning at Content on the Web
Ahava Leibtag's The Digital Crown book about content strategy has been released. UXMatters publishes an excerpt from it (chapter 2). It has a good reminder for those who are engaged in the design strategy - how to analyze the company and its current state. Continuing the theme:
- A content strategy framework describing five types of content .
- Mark Baker says content reuse is a good tactic, but not a strategy .
Story map
James Buckhouse about creating a Story Map and working with documents. Not to be confused with Customer Jouney Map and User Story Map :)
Card sorting
Detailed case of card sorting application from Lisa Sy. Showing interesting techniques and techniques. Continuing the theme:
- More review article from Akendi . This includes the difference between “closed” (as in the example of Liza) and “open” sorting, when respondents are asked to define categories themselves.
- A brief practical guide to conducting card sorting from Pierre Croft .
Validating UX Strategy Concepts Through Service Design (Presentation by Ashley Hemingway)
Ashley Hemingway talked about how to test the UX-strategy using service design methods at the UX Strat 14 conference. Key concepts of the strategy are compared with the touch-points of the customer journey map. Continuing the theme:
Design and design of interface screens
Apple Watch
September 9, Apple introduced its version of the smart watch Watch, speculation around which has been going on for a long time. This is a new application platform, with which many of us will have to work in the coming years. In this thread will be collected material on the design and design of interfaces for them.
In one device, a significant number of cases of using watches and bracelets are collected in all four key areas - notifications, medicine / sports, authorization (payment, entrance to hotels), controller (remote control for TV control). And all this with a very careful understanding of the fact that the watch is an important accessory tied to the fashion industry (an interesting analysis from the browser of a classic watch ). True, a category redefinition was expected from the announcement, as it happened earlier with the player, phone and tablet, but it turned out to be just the most systematic solution on the market. Which, moreover, fixed the basic understanding of the role of such devices - a more or less rigid appendage to a smartphone (and without cross-platform yet).
There are many interesting interface solutions - a zoom-panned start-up screen with an unusual arrangement of application icons; The second coming click wheel in the form of the winding head of the winding mechanism for replacing part of touch gestures (easier to get on the small screen, the interface does not overlap with a finger). It's funny that the skeorphism returned in the form of three-dimensional emoticons, achivok and other trifles. The density of information in the interface rolls over, which is quite strongly contrasted with the lighter approach of Android Wear (two comparisons from ArsTechnica and The Verge ). But the overall message is different - if Google has a more accessible screen for viewing notifications, then Apple has a mini-smart phone with a wealth of features.
There are no official guidelines yet, but templates for designers are already emerging. A separate font was created for the watch, somewhat reminiscent of Din and Roboto ( The Verge and Fast Co Design ), but there is no specifics about it either. The clock will be produced in two sizes, but nothing is said about the screen resolution again ( Josh Worth is trying to calculate it ). Information should appear closer to the output of the device at the beginning of next year.
On the official site a lot of photos and videos. And a bunch of pictures from the presentation .
- Photoshop templates .
- Template information card for Photoshop .
- Sketch template .
- Opinion Bruce Tognazzini .
- Interesting reflections Josh Clark on wearable devices on the eve of the announcement .
- Apple Watch Free Mockups .
- Apple Watch GUI PSD .
- Prototyping Apple Watch micro-interactions and animations with Framer Studio .
- Josh Worth is trying to calculate the screen resolution, which has not yet been officially announced .
- Sketch Template by Sagi Shrieber .
- Francesco Scalambrino Photoshop Template .
- Template for Photoshop by Juan Carlos Ferraris .
- Template for sketches on paper from Jed Bridges .
- What if the Apple Watch were round? .
- And the answer shows that the interface is not designed for round screens .
- Template from Piotr Szwach .
- Fast Co Design on the notes of skeomorphism in Apple Watch .
- Application concepts for Watch and the most complete PSD with interface elements .
iPhone 6 Screens Demystified
The iPhone 6+ came out, where the screen resolution and the resolution of the resources that designers should give it to him do not match. In just a few hours, this gave rise to a lot of rumors: “Will the iPhone wipe out the plant?”, “Is the new smart scaling system?”, “Is Ive gone crazy?”. The guys from Paintcode are trying to figure it out. Structured table Continuing the theme:
- The investigation continues to Bruce Wang .
- Screen resolutions of different generations of the iPhone .
- IOS resources for marketing, devices, badges, icons, etc. .
- Interestingly, now you can give iOS vector resources .
- Scott Hurff is adapting the classic iPhone thermal touch map for new devices . The picture is predictably sad.
- Updated workflow from Marc Edwards for the design of applications for iOS, Android and Mac, taking into account the released new iPhone .
- Grid Pattern for iPhone 6 and 6 Plus .
- Template iPhone 6 for Photoshop from Dmitry Kovalenko .
- Template iPhone 6 for Photoshop from Pixeden .
- IPhone 6 Illustrator template by Maxim Georgian-Sorin .
- IPhone 6 and iPhone 6 Plus templates for Photoshop from Wellgraphic .
- Aubrey Sketch iPhone 6 Template .
- The iPhone 6 Photoshop template from Cloud Castle .
- Template iPhone 6 for Photoshop from Ramotion .
- Template for Sketch by George Otsubo .
- Template iPhone 6 Plus for Photoshop from Pixeden .
- Some more iPhone 6 templates for Photoshop from Pixeden .
- Opinion of well-known designers on how the final transition to phones with large screens will affect application interfaces .
- The availability of the iPhone 6 screen for thumb depending on the person's height (about half of the screen is not available for people with small hands).
- IPhone 6 and iPhone 6 Plus templates for Sketch by Marcus Gellermark .
- The iPhone 6 Photoshop template by Balraj Chana .
- Another iPhone 6 template for Photoshop from Pixeden .
Affinity designer
Fast vector raster editor for Mac. A small review .
New about Material Design
- Roman Nurik about the details of creating an application illustrating the Material Design, presented at the Google I / O 2014 conference .
- Android Material UI Kit .
- A small analysis of the first problems of introducing ideology into Google .
- A detailed story about the creation of a simple sports application on material design guidelines .
- UI Kit by Ruban Khalid .
- For the upcoming release of Android 5.0 Lollipop, the development team has updated the design guidelines . You can download templates for Photoshop, Illustrator and Sketch, a set of system icons in raster and SVG is also available.
- Roman Nurik says Lollipop supports SVG graphics in developer resources .
- Lots of screens and animations from a fresh pre-release version .
- Google has put in free access a set of 750 Material Design icons .
- Chris Banes and Nick Butcher on the key points of transferring applications to new guidelines .
New for Android Wear
- Early sketches and the evolution of Android Wear design .
- Gallery comparison interfaces Apple Watch and Android Wear .
- Product Director David Singleton talks about two opposing scenarios for using smart watches, which they found out in their research . Firstly, they are hardcore geeks who want to receive all the information instantly and the clock allows them to do it faster. Secondly, people who want to interact less with the smartphone and notifications - for them this is a simplified version of the basic functions of the phone.
New for iOS8
- A Meng To story about how a designer works with Swift .
- Vector kit for iOS8 with all the latest changes .
- There are no official guidelines for widgets in the notification panel, so for now you can only rely on common sense, official decisions and third-party applications. The Verge has collected a collection of interesting solutions from the first wave of applications adapted for iOS8 .
- UI Kit for Photoshop.
- Guideline on the adaptability of applications under the resulting variety of devices and permissions .
- The required size of the application icons, taking into account the new devices .
- Updated PSD from Teehan + Lax: iOS8, iPhone 6, etc.
Designer's Guide to DPI
An elegant analysis of the terminology and principles of operation of modern screens from Sebastien Gabriel, including the features of the transfer of design to developers. Article in the form of an electronic book .
The Sticker UI Book by Killer inc.
An unusual album format for interface sketches, much more useful than regular screen templates. It includes templates for different devices, convenient fields for commenting and, most pleasantly, a set of stickers with typical interface elements and icons. A little about its creators .
Pixate
A promising tool for creating mobile interactive prototypes out of beta. The ability to visualize animations, both from time to time, and from interaction. Instant "native" launch on the device. Nice interface.
New to Sketch
- Template Android L for tablets .
- Hack Design's extensive Sketch Design Guide .
- Another collection of plugins .
- Set of icons .
- Work with Bezier curves .
- IPad Air design pattern .
- Comparison of work with key functions in Photoshop and Sketch .
- On November 1, the Mail.Ru Group office will host a Sketch Meetup. It is organized by Oleg Andrianov, Dmitry Novikov and Alisher Yakupov . Facebook group with useful materials .
Mobile Design Tools
- Another tool for viewing layouts on a device from Roman Nurik .
- Plugin for Photoshop from Nikolay Kuchkarov, facilitating cutting for all permissions .
- DPI calculator . It is in the form of an extension for Chrome .
Single Page Promotional Website Designers
- Another service for fast and beautiful publishing, Innnk .
- Designer The Grid . His review in Fast Design Co.
- A large collection of publishing tools .
New about mailing letters
- How to create scalable mailing letters .
- Recently, animated GIFs are increasingly used in mailing letters. Cossa reviews successful cases and gives advice on their appropriate use .
- Responsive email templates .
- Statistics of devices and clients for reading e-mail, as well as their capabilities .
- On August 18-20, the first conference for mailing list designers was held in Boston .
- Lee Munroe talks about how he works on mailing list design . Interesting about the toolkit and testing.
- BeeFree, designer of layout rich e-mails .
New iPad Templates
Prototyping Animation with Keynote
Use Keynote to prototype animations in the interface.
POP Gets $ 700K To Make Prototyping Apps Easy, Releases Second Version
The prototyping tool for mobile applications received $ 700 thousand investment and released the second version.
Designing for yosemite
Apple HIG has been updated, now it includes information on Yosemite.
On Web Typography
The 11th book has been published by A Book Apart - On Web Typography by Jason Santa Maria. A List Apart publishes a short excerpt from its 1st part .
True, it turned out to be extremely weak - this is just a review of the basic concepts of typography, and there are already enough of such books. And what is most disappointing - with a minimum of pro, in fact, features typography on the web. Localization, rendering, connecting nuances of third-party fonts, etc. - At best, a couple of paragraphs. It is better to read Alexander Korolkov. Continuing the theme:
Map glyphs
Another library of vector maps.
60 flat styled icon sets
Icons in a flat style are still very popular among designers. Martin LeBlanc, the founder of Icon Finder, collected 60 sets on one page.
Writing Great Alt Text (Whitney Quesenbery Presentation)
Guide to writing alternative texts to images from Whitney Quesenbery.
Wireframe kit
A template for designing interfaces in Adobe Illustrator by Chris Rowe.
User research and testing, analytics
28 Resources For Getting Started In UX
A selection of links on user research for beginners from Jeff Sauro.
Digital Tools for Digital Research
Research tools used by IDEO.
What is the Client’s Role in User Research?
Memo for companies that order custom research. Jim Ross describes the main stages of the process and the participation that the customer must take in them. Continuing the theme:
Experimental Lean UX-research in Yandex
Ivan Zamesin tells about the experience of using in Yandex both the traditional and Lean UX-approach and research.
Eye Tracking in User Experience Design
An article about I-tracking questionnaires and forms from Caroline Jarrett and Jennifer Romano Bergstrom. This is a chapter from their book " Eye Tracking in User Experience Design ". She is pretty good. It deals with the practical application of the results of the research in various applications and conclusions from them.
How Effective Are Heuristic Evaluations?
Jeff Sauro talks about the peer review by several experts. The conclusions are not very comforting - even a group of experts may not notice critical problems and give a lot of insignificant.
Conducting Large-Scale User Research
Jim Ross talks about his experience in conducting large-scale (150 people) user research. He gives advice on the organization of the process so that the task is lifting.
Collaborative User Testing - Less Bias, Better Research
Alla Kholmatova on how to make usability testing more objective and improve their quality. At each stage involve several researchers: a small group makes a test plan, makes observations and analyzes the results together.
Testing Mobile: Emulators, Simulators And Remote Debugging
Review of how to test mobile sites and applications from Jon Raasch. Emulators, remote connection tools and other tools for Android and iOS.
Demonstrate Thinking Aloud by Showing Users a Video
A little secret about testing usability from Jacob Nielsen. Before testing, users are shown a 1-minute video, with an example of how to properly “think out loud”.
How to properly conduct Lean research
Translation into Russian of the article “The Right Way to Do Lean Research”, which was made by Ivan Zamesin.
Essential Visual Feedback Tools For Web Designers
A good overview of the site review tools and layouts from Lucy Galkina. She describes five tools — InVision LiveCapture, TrackDuck, BugMuncher, BugHerd, and Notable.
Unexpected consequences of compiling user feedback at collection
o .
Typeform — Create awesome forms & surveys that function seamlessly across devices
TypeForm , . . :
- FormKeep . .
Usability Testing Is Undermining UX Design
Peter Hornsby , -. «» , . , , , , . :
- , - . , — - ...
:
, , . , .
Ptengine — Leading Heatmap and Web Analytics Platform
- Ptengine, . .
Be a designer who knows Xcode
Xcode Scott Hurff.
- CSS .
- - . .
- HTML5 .
- ( , , ).
- . , .
- .
- . , . !
- A library for implementing animations on the web similar to real physical interaction .
- A useful tool for measuring any size of browser content .
- Animated easily changeable icons .
- A new pack of cool effects to show navigation .
- Design Patterns - graphs, tabs, menus, buttons, forms, etc. krutilki. .
- Julian Shapiro about the advantages of JS-animation over made in pure CSS .
- How to improve the work of modal windows .
- Simple handy utility for visual creation of circular CSS gradients .
- An interesting tool for generating seamless patterns .
- A cool tool for visualizing tabular data .
- <a href=" c chrisnager.imtqy.com/cursors> HTML Cursor Options
The script for creating initial letters from Adobe .
An interesting effect for switching pages or slides .
Frameworks and solutions for responsive design
- Grid Style Sheets, another CSS framework for responsive design .
- Constructor Flexbox . Useful for those designers who work in conjunction with technologists.
- Cheat Sheet by Flexbox, simplest understandable .
- Theme for Bootstrap in the style of Google Material .
- An interesting tool for creating typographic system, with modules and vertical rhythm .
- About CSS3 Grid Layout technology .
- How to create an easy and simple script for one-page promotional sites .
Work with SVG
- An excellent updateable knowledge base about SVG: basics, icons, fonts, filters, animation, adaptability, and much more .
- Library for fast SVG animation (as in the Polygon article about consoles) .
- A tool for creating SVG patterns for seamless patterns .
- Implement responsive icons with SVG .
uilang - a minimal, ui-focused programming language for web designers
Script pseudo-language for prototyping interfaces in code. It includes the behavior of typical elements and the possibility of an easy description of their style - in fact, a little more simple packaging of HTML, CSS and JS.
New to Quartz Composer
Form by RelativeWave
Suddenly, a fresh Origami-like tool for interactive prototyping called Form was discovered. Of the obvious advantages is the ability to interact with the prototype on the device on the fly, just as with Sketch Mirror.
Noodl
A new tool for the whole cycle of prototyping: animation, interactive interactions and the entire process of working with the prototype. The project is in the closed beta stage, you can ask for an invite right now. They tried not just to repeat the Apple Quartz Composer, as the Form did, adopting all the birth injuries and shortcomings, but taking the concept of nodes, to implement a convenient tool suitable for designers.
Metrics and ROI
Economic Logic Customer Experience
Roman Chernykh published his presentation with User Experience Russia 2014 on the economics of ergonomics. It would not hurt a more readable design, but the models and calculations of ROI presented in it are wildly cool and interesting. Roman has a long experience in a large company (Beeline), as well as close communication with top management. Continuing the theme:
- Alexey Anokhin: A very vital issue on which the promotion of a profession depends. Very rarely discussed - there are practically no books, few articles. If Roman is going to write an article, I think that the “Human Factor” will publish it with pleasure. And I am in the bulletin "Ergonomist" in parallel. A similar work is published in the OSHA report , but it concerns work safety and ergonomics (physical).
Software Usability & Net Promoter Benchmarks For 2014
A collection of metrics from Jeff Sauro with the latest data for 2014.
How to come to success (ergonomic)
Vlad Golovach on the success of the interface, large screens and mobile design.
How To Compute In 5 Easy Steps
Jeff Sauro's manual of confidence intervals for discrete and continuous data.
Management of interface projects, processes and teams
CUBI UX Model
A very detailed and powerful UX model from Corey Stern. It includes 4 components - content, business objectives, user goals and interaction. An article on UXMag with its description .
New UX Strategy
- LEGO's case, which, through the integration of design, business and marketing, was able to emerge from the crisis several times .
- Template for describing the UX-strategy from James Kalbach . A podcast with his participation in which he explains the nuances of his model .
- A series of articles by Jim Nieters and Pabini Gabriel-Petit on how to change the approach to the UX in large companies . Some maximalism in the approach, but then it should be interesting.
- Peter Jones on the need for system design, as there are system engineers .
UX Strategy: Defining strategy, current states, and future states
Austin Govella article series on the UX strategy. The first part defines the strategy. This is a way of transition from the current state to some desired future by consistently achieving intermediate goals. Part 2 and 3 .
The Designer's Dilemma
Durward Sobek writes about the designer's dilemma. At the beginning of the project we have relatively complete freedom in choosing possible solutions to the problem, but there is little knowledge of the subject area. Over time, this relationship is changing - we have deeply understood the problem and know what to do, but have already advanced far enough in implementing the solution and changing it is too late.
Avoiding the Unintended Consequences of Casual Feedback
Sometimes, one quick comment from top management can cause weeks of extra work for designers and developers. Jeff Weiner, the CEO of LinkedIn, shares his tips on how to take comments from above correctly.
Understanding UX Skills
Irene Au writes a series of articles on how to hire UX specialists. In the first part, she parses UX-specialization. In the second position description , and in the third - where to find candidates for UX positions?
Good UX Manager / Bad UX Manager
Peter Cho about the difference between a good UX manager and a bad one.
Google Ventures' Formula For Attracting Top Design Talent
Tips for hiring designers and writing descriptions of design jobs from Daniel Burka from Google Ventures.
Design Sprints by Google Ventures
- Alok Jain review .
- 4-day research sprints .
- The experience of the Air Force team with design sprints .
"Note And Vote": How Google Ventures Avoids Groupthink In Meetings
On the effective method of controlled brainstorm, which is used in Google Ventures.
You're My Favorite Client
On September 30, A Book Apart published a new book by Mike Monteiro, You're You're My Favorite Client. Excerpts from it and materials on the topic:
- What you need to do before you hire a designer . If you simply throw a new designer into the company without prior preparation, without changing culture, without managerial support, leaving him alone with the old processes, then as a result you will get an obedient artist at best - all the design power will be inaccessible to you.
- 13 tips for designers how not to spoil the presentation of their work to customers .
- 8 secrets for finding and hiring a designer as a long-term partner .
- Mike Monteiro about his new book . If the first was for designers, the second was for customers, how to work more effectively with designers.
- Cognitive discussion on Designer News about customer criticism . For those who think that strange customers are only in the domestic market.
Product management and analytics
The Guide to Minimum Viable Products
A good selection of materials on MVP in the new book UXPin.
Margaret Gould Stewart: How giant websites
The data can help you make a good design great, but they are not able to make a good design out of a weak design. Speech by Margaret Gould Stewart (product design director for Facebook, ex-Google / YouTube) about design for products with multimillion audiences.
Death To Page Views! Long Live "Acts Of Engagement"
The Chartbeat web analytics service promotes user engagement tracking as an addition to traditional metrics such as viewing depth. Every 5-10 seconds, they track the user's behavior on the page and improve the understanding of what exactly he does on the site.
What Does Statistically Significant Mean?
Jeff Sauro continues the basic statistics courses and explores the notion of “statistical significance”.
Is Your Responsive Design Working? Google Analytics Will Tell You
An interesting way to calculate device types using Google Analytics.
A / B testing
- Phil Sharp from UserTesting on pre-testing A / B testing ideas .
- Academic approach to A / B testing .
- 5 examples of A / B tests (with more than 303% growth rates) .
- 29 tips to improve your A / B testing skills .
7 Techniques For Prioritizing Customer Requirements
Jeff Sauro lists 7 methods for prioritizing user requirements.
Feature Grading: An Introduction to the Kano Model
A step-by-step guide on how to use the Kano model from Ori Zmora. Continuing the theme:
Methodologies, procedures, standards
Professional Standard "Graphic and User Interface Designer"
Specialists of the company Usetiks together with the Academy of Modern InfoCommunication Technologies prepare the professional standard "Graphic and User Interface Designer". The work is carried out by order of the Russian Union of Industrialists and Entrepreneurs.
Now ready version of the standard, which can and should be discussed. Authors need feedback to improve the standard, which we all really need. Under the link you will find a draft, which you can comment directly on the text.
Principles Over Standards
Peter Hornsby writes about the importance of defining and describing product design principles in addition to guidelines. They describe common values ​​and ideologies, so they help to better understand why certain interface decisions are made.
Cases
Burger-driven design. Mail.Ru framework for unifying content projects (Presentation by Yuri Vetrov)
My presentation from the User Experience Russia 2014 conference dedicated to the development of the Mail.Ru Group framework for the unification of design. Last year we launched a mobile web on its base , this time we went further and used a more complicated task - we transfer large content projects to the design and technical platform. Such a platform solves several tasks at once:
- Guaranteed design unification. The product development and update method uses a single code base, which stores once created and tested interface patterns.
- Scaling improvements. Having finished the pattern in one of the projects (for example, by increasing the depth of viewing in the news block on the topic), you can quickly distribute it to the others and increase the product efficiency of the entire service line.
- Constant relevance of design. Avoiding heroic products every few years to regular hygiene. The restarts take a lot of energy and lose thousands of small developments bolted to the product over a long time of its development.
- Less routine for the designer, more focus on food tasks. Finally, there is time to think about something besides the endless support of a sufficient state of design.
The platform was launched quite recently and there is still a very long list of improvements and bugs. But the most difficult thing is over and the results are impressive - this year we made more for updating content projects than for the two previous ones. The presentation describes in detail what path we have traveled and what we learned from its course.
Cases redesign news sites
- Why many recent redesigns of news sites are alike .
- About the redesign of The New Yorker .
- How the new The Guardian was launched .
Modern editorial CMS
- CMS Tarbell from Chicago Tribune . A small review .
- Overview of the meeting of representatives of the modern media, in which they discuss the problems and best practices for creating long-reads . Much attention is paid to building platforms.
- WOS will make its CMS product, details will be known soon . Today a new version of the site has been launched with a bunch of interesting solutions and, most importantly, with the broadest possibilities for submitting articles with a bunch of interactivity.
- PageKit is another “simple and convenient” CMS for creating websites. Excellent opportunities for developers, you can change almost everything.
Redesign Cases
- How to destroy ..., ugh, redesigned Foursquare.
Anand Sharma on Aplizero website design . The coolest example of how in the modern world a designer can make an entire product by himself.
A little about creating Mailbox for Mac . The article has pieces of iterations in which the team was looking for a way to transfer branded gestures to the desktop. And the most interesting internal tool for fine-tuning animations.
Denis Beskov launched the Interface Design School. There are already two trainings in the program set by Phil Smirnov and Alina Zotova. Facebook group .
Intertwingled: Information Changes Everything
An excerpt from the new book by Peter Morville "Intertwingled: Information Changes Everything". It is somewhere at the junction of professional and cultural studies. Continuing the theme:
- Peter's free webinar on November 18th .
- On the creation of cultural conformity and the use of ethnography .
Christopher Alexander's book The Language of Patterns. Cities. Building. Building"
The legendary “Pattern Language” Christopher Alexander was translated into Russian. The book is not applied, but rather conceptual. The author first introduced the concept of patterns (patterns). After this book inspired people to start collecting interface templates, influenced the emergence of information architecture. Perhaps it is because of this book that it is called that.
Career Advice for User Experience Talent
Participants in Adaptive Path UX Week 2014 in San Francisco share career tips on UX.
Junior Designers vs. Senior designers
Julie Zhuo clearly shows the difference between junior and senior designers in 6 pictures.
Subjective And Objective Design Choices
Steven Bradley on the often impossible and unnecessary attempts to achieve complete objectivity in design solutions.
Design Kit: The Course for Human-Centered Design
Free online course on Human-Centered Design. Takes place from October 14 to December 3.
New interesting books on O'Reilly
Many of them are still in development, however, it is already possible to order and download. With the WCYAZ code there will be a 50% discount on electronic versions:
- Designing Connected Products. UX for the Consumer Internet of Things .
- Understanding Context. Environment, Language, and Information Architecture (also about IoT).
- UX Strategy. How To Devise Innovative Digital Products That People Want .
- User Story Mapping. Discover the Whole Story, Build the Right Product .
- The Uncertain Web. Web development in a changing landscape .
- Designing Mobile Payment Experiences. Principles and Best Practices for Mobile Commerce .
UX Crash Course Translations by The Hipper Element
Two courses on UX have been translated and laid out in a convenient way: Fundamentals and User Psychology . For this many thanks to the girl under the pseudonym (?) Nancy Pong .
What I Learned About
An excellent article by Alvin Hsia about his first experience in the role of a product designer and its features.
The boring designer
Cap Watkins is about a boring designer who prefers proven working solutions to those that create a wow effect. Keenan Cummings responds with an ode to the brave designer .
Important people in the industry
Alan Cooper: Talking Business and Design
Alan Cooper reflects on business and design.
Without Computers
Another article about Paul Otlet and that at that time the idea of ​​the Internet came from different people.
Conference proceedings
Google Form 2014
November 4-5, 2014, Google hosted the Form San Francisco conference. It is devoted to a combination of design and technology and includes a powerful list of speakers from fashionable Internet services. Participation is by invitation only, but the materials should be extremely interesting.
UX Thursday, Detroit 2014
Audio recordings of speeches at the UX Thursday conference, held June 26, 2014 in Detroit, USA.
UI18
Video materials of the UI18 conference held on October 21-23, 2013 in Boston, USA.
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 and Pavel Skripkin. More and more materials in reviews appear thanks to them.
Source: https://habr.com/ru/post/243365/
All Articles