Product design digest, January 2015
For almost five 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-December 2014 .
New about design principles
')
Modern approaches to advertising
User Flow Patterns
Video collection of patterns, dedicated to interface animation and small details of interaction.
Formstack Form Conversion Report
Formstack 2014 Conversion Study. An interesting report for those who want to measure their results with the "average for the hospital." Direct link to PDF .
Showing Passwords on Log-In Screens
Luke Wroblewski on why and how to show users passwords in mobile applications.
Using context tables to support contextual targeting in your UI
Harry Brignul offers a method for determining the places in the interface and the right moment in order to ask the user for information or to offer an additional service. In general, it is similar to what Dan Saffer is talking about in Microinteractions. Continuing the theme:
The Art of Alt - Writing Great Descriptive Text For Images
Tips for writing alternative texts to images from Dudley Storey.
Timing Guidelines for Exposing Hidden Content
Aurora Bedford recommends time delays when displaying content shown by mouseover (mage menu, cascading menus, additional content, etc.).
Are Mobile Websites Truly Less Usable Than Desktop Websites?
Jeff Sauro explores the usability of mobile and traditional websites and found an interesting phenomenon - mobile versions sometimes benefit by ease of use metrics.
New burger menu
New about mailing letters
The Magnifying-Glass Icon in Search Design: Pros and Cons
Kathie Sherwin's study of search field design and the use of the Magnifier icon. Conclusions: you should visually select the search field; The icon with a magnifying glass is sufficiently distinguishable by users and it is no longer necessary to use the word “Search” on the button; The icon itself should be as simple, large and contrasty as possible. Continuing the theme:
Ode to a Microinteraction: Amazon Kindle's "Time to Read"
Dan Saffer is delighted with the Time to Read micro-interaction on the Amazon Kindle.
Top 3 IA Questions about Navigation Menus
Kathryn Whitenton briefly and succinctly answers three frequent questions about navigation. How many categories are optimal, whether you need to sort them alphabetically, whether to abandon the effects of pointing the cursor, taking into account the distribution of touch laptops and tablets.
General psychology (MSU lecture course)
Full course of lectures on modern general psychology. Very high quality material. Lets start learning about human psychology
Designing for Different Online Personality Types
Liraz Margalit classifies his behavioral types of users of e-commerce sites. She identifies 5 patterns of behavior: “I want everything at once”; focused on a particular brand; rational visitors; "Optimizers"; satisfiers.
Phones Aren't Flat - Designing for Real People in Diverse Contexts
Another article by Steven Hoober about the features of using mobiles - how features of use in various situations and people with disabilities worsen conventional presets, such as the minimum pressure zone. He also notes problems with gestures due to the edge of the screen - given the popularity of cases, they are often impossible to perform.
At 90, She's Designing Tech For Aging Boomers
90-year-old Barbara Beskind designer works at IDEO - it helps to better understand the elderly audience.
Inside the Largest Virtual Psychology Lab in the World
Riot Games uses big data and interface experiments to change the behavior of millions of League of Legends players. Now this is probably one of the largest research sites. The scope of the experiments is not comparable with traditional university psychological research. Just a pearl.
Use-Dependent Cortical Processing from Fingertips in Touchscreen Phone Users
A study of users of touchscreen smartphones from ADGindrat, M.Chytiris, M.Balerna, EMRouiller and Arko Ghosh, which confirms that their use changes our brain. The situation is similar with athletes and musicians. We are waiting for a study confirming the growth of fingers from large screens.
Evidence Based Design Journal
An intelligent e-journal on the topic of researching user behavior in different contexts. He understands design in a rather broad sense, but much is applicable to our work.
Running a CX Journey Mapping Design Session
Methodology for creating a customer journey map from Mike Alber, used for his master class at Oracle. The presentation is very, very cool metrics of the effectiveness of design solutions that can be monitored and improved.
Designing Digital Strategies, part 2 - Connected User Experiences
Sofia Hussain writes a series of articles on digital strategy and ecosystem map methodology (ecosystem map). It resembles CJM, but without a clearly defined sequence of steps and without a time axis.
Skala bjango
In 2014, Bjango was engaged in the development of its modern tool for designers Skala (this was the name of their utility for displaying the layout from Photosop in the phone). They regularly post reports of changes and here is one of the latest with bits of the interface .
UX App - Prototyping and Interaction for User Experience Experts
New tool for interactive prototyping of interfaces. Working together with a prototype, a good visual editor, a library of components, multiscreen prototypes, animations are a standard set. The bet is made on the possibility of creating complex interface solutions, using visual "programming" - the designer of such procedures, conditions and transitions .
Gravit
And another modern tool for designers. Initially, it developed as a set of desktop applications, but due to the high cost of this approach, it goes into the browser .
Para
A tool for parametric "prototyping" illustrations. You create vector shapes using familiar tools, and then you can add interactive distribution to them and set other parameters. There is an introductory video to make it clearer.
Markly
Markly connects to Photoshop and Sketch for Windows and Mac and makes it easy to prepare layout specifications. Promises automatic updating of documents when changing layouts.
Cinematic Continuity on UI Design
A series of articles by Claudio Guglieri, design director of Fantasy Interactive, on the application of the principles of cinematography in interface design. The first part describes the principle of continuity.
Ultimate Guide to Prototyping
144 pages of cases, analyzes and tips from UXPin on interface typing. Lessons for Photoshop & Sketch for sweet.
New for Material Design
New for iOS8
New for Apple Watch
New to Sketch
New for Framer
Tool comparisons
Predictive Customer Analytics 101: The Correlation
On February 2, Jeff Sauro's new book, Customer Analytics for Dummies, is released. His blog has a chapter on correlation. Book on amazon .
The Guide to Usability Testing
Fresh book from UXPin with a guide on usability testing and support for design solutions.
17 Usability Testing Myths and Misconceptions
Jim Ross debunks 17 myths about usability testing.
Run Remotely
A good article about the benefits of pilot usability testing is for those who doubt it.
Native tap
Native Tap service for testing applications on different devices.
Learning from Closed Card Sorts with Different Inputs
Kevin Sheldon tested and compared three approaches to card sorting — defined categories and the need to recall interface elements; specified categories and interface elements and the need to distribute them; already distributed interface elements by category and the ability to make changes. The third option gave the best results, although for some reason another popular approach is not given - given interface elements and the ability to define your categories.
How To Be In Your Research?
Jeff Sauro gives examples of confidence intervals for different situations and tasks.
Comprehensive review of UX tools for your website
A good list of tools for user research and testing from UI Patterns.
Stop Accosting People in Coffee Shops
Laura Klein on "partisan" research - what can and cannot be learned with their help, and why they are often used incorrectly.
Live guidelines and component systems
Slalom - Towards declarative touch interactions
Ralph Tomas describes Slalom, an invented system for quickly and briefly describing how elements interact with each other. Using this system (which, in essence, is a simplified system for solving problems of satisfying constraints) simply define the interaction of one element with another or a set, that is, it is easy to prototype highly nontrivial interface approaches. Slalom itself has grown from another article about prototyping animations and interactions using physical models .
Designing in Browser
Brooke Kao on the theme of design in the browser. Continuing the theme:
New to Bootstrap and Foundation
New about web fonts
Compositing And Blending In CSS
Sara Soueidan talks about the possibilities of modern browsers on the effects of overlay layers. More things can be done without Photoshop.
New scripts
New about CSS animations
Work with SVG
New about Form
Icon fonts
Templates, frameworks and tools for working with font icons, as well as ready-made sets.
Designing For Print With CSS
A great Rachel Andrew training manual on how to use CSS to prepare printed versions of pages. And the possibilities are so extensive that you can get a good book layout with all the features from the cover and content to footers and footnotes. Also offers a script generator PDF.
Creating Well-Behaved Sites With The Page Visibility API
Dudley Storey parses page visibility API in browsers, which allows you to gently turn off the playback of various media on the site if its tab is inactive. A great way to annoy the user less, although older browsers do not support it.
A Quick Guide to Evaluating UX Roles for Non-UX People
Jacob Harris offers a very interesting model for evaluating the UX specialists needed for the project team. For two parameters (the complexity of the interaction and the subject area), the project manager can determine the set of necessary skills and people.
UX Leadership, Part 2: What Great Leaders Must Do
The second and very powerful part of the Jim Nieters and Pabini Gabriel-Petit series about UX-managers and leadership.
UX Strategy - Goals and the future state
The fourth part of the Austin Govella series of articles about UX-strategy - goals and ways to achieve them. Also came part 5 and 6 .
Designing the Hiring Process
Michael Owens on how to hire designers with a bunch of opinions of strong industry experts.
UX Project Checklist
Not very systemic, but interesting enough checklist of important stages of work on the interface. Each stage is given a reference article.
Framing a Sense of Direction
Guido Stompff on how teams work on innovative solutions.
Designing With Your Clients
Paul Boag about co-design as a way to improve the relationship between design studios and customers.
Hold A Kickoff Meeting Before Diving Into The Design
An explanatory training manual on kick-off from Chris Bank from UXPin.
Pixelapse + Dropbox
Dropbox bought Pixelapse, which facilitates design work for designers and planners. It helps to store versions of layouts, quickly publish them from source, and discuss with clients.
New about design sprints
Open strategy
Supervised collection of the best (according to the authors) tools for starting a business. Content is divided into categories: consumer research, online analytics and auditing, trends, advertising planning, etc. You can subscribe to a regular mailing list.
The Experience Makes the Product, Not the Features
Lee Dale on how to deal with objections when launching MVP and not overload the interface of the first release.
Split Metrics - Increase conversion of App Store page
Service for A / B-testing application descriptions in the AppStore and Google Play. Creates a landing page that mimics the store's design.
Redesign Cases
Features of the UX-designer in the "iron" project
Features of work on the interface in the "iron" project on the example of "Simkomat". Ilya Alexandrov divided the article into two parts: about the features of "hardware" and a description of specific solutions and cases . It will be interesting for practicing designers.
New about editorial CMS
Redesigning Museums for Good
Last year, frog design conducted several workshops on UX redesign of visitors to memorial museums. The presentation of Roberta Tassi talks about workshops in Qingali, Rwanda and Amsterdam.
'Human error' - Still undefined after all these years
Steven Shorrock on the concept of "human error" in ergonomics - its history, evolution and the current understanding of the term.
Tablet UX Research From the Pioneer Days
Jakob Nielsen recalls his experience in researching tablet interfaces in 1992 for GO PenPoint.
The ATM is Dead. Long Live the ATM!
The history of the emergence of ATMs, their current problems and prospects.
The Fascinating History of the Search Icon
Keith Ohlfs about how he suggested the magnifying glass icon for searching in NeXT - it seems for the first time.
The Untold Story of the Game Cartridge
The story behind the creation of game cartridges that reformatted the market and possibly influenced how applications spread.
A Critical, Creative UX Community - CLUF
Gilbert Cockton's long, but very interesting material on the history of the transformation of the UX discipline and its worldview regarding the scientific nature of the methods, the role of research and researchers, and creative.
A brief history of the formation of the UX from Dirk Knemeyer
The Future of Large UX Design Firms
Commented for UXMatters trend of purchases of design studios by grocery companies. All this was before the story with Teehan + Lax, but in the Russian version for Zuckerberg Call it has already been reflected. Continuing the theme:
Forecasts for 2015
Microsoft HoloLens
As part of a comprehensive presentation of Windows 10, Microsoft showed the absolutely awesome concept of HoloLens. This is an augmented reality interface, which with the help of glasses allows displaying holographic objects in a real environment and makes it possible to manipulate them. Already have an API for Windows that allow you to develop for it.
Unlike Google Glass, many of which use scenarios were limited to the camera, and Oculus Rift, which assumes quite narrow application conditions, this concept opens up very interesting prospects for the work of the designer and designer. This interaction with the real environment, binding interface elements to objects in it. To oppose them is probably not very correct, but this is a powerful direction for the development of the profession, and it is also supported by one of the leading platforms. But technology editions already call Apple a new two thousandth Microsoft (and The Verge ).
Available his video presentation and exclusive from Wired . Microsoft's R & D is still one of the most powerful service records. And the project is Alex Kipman - one of the main initiators of Kinect. It's not a fact that it will take off - Google Glass is still not very good, and Microsoft likes to tell a beautiful picture of the future and release only a piece of it. But you need to follow this direction exactly.
The State of Responsive Web Design
Kezz Bracey describes the state of responsive design at the beginning of 2015.
The Human Side of Automation
Donald Norman on the dangers of ways to gradually automate machines.
7 Controversial Usability Predictions Results
In 2010, Craig Tomlin made 7 predictions about usability development. In something he guessed, in something was wrong.
The Need for Design History in HCI
Carl DiSalvo writes that the HCI discipline lacks attention to the history of design in general and interaction in particular.
Sober-minded designers
We've Lost the Guts to Think
Reflections on the role and tasks of the designer in a broad sense. The article is rather philosophical, it has a lot of useful references to equally interesting materials.
Ux companion
The UX Companion app for iPhone contains a glossary of methods, terms and concepts used in interface design.
UX Thought of the Day
A collection of quotes about working on interfaces from the company UI Engineering. Every day for a useful thought.
Salary Trends for UX Professionals
Jacob Nielsen updated his article on the trends in US wages in the UX of 1997. The past few years, the amounts are kept at a relatively stable level, although there is a slight decrease for beginners. The average annual salary in the USA for a beginner is $ 63,000 and $ 90,000 for a professional with 5 years of experience (before taxes). The first 10 years of a career wage increase is $ 5,000 per year, then it drops to $ 3,000.
Design for Dasein - Understanding the Design of Experiences
Design for the Dasein is a new book by Thomas Wendt about the relationship between phenomenology (based on the philosophy of Husserl and Heidegger), interaction design and design thinking. The site has video presentations by Thomas on Interaction 2014 and LeanUX 2014 on this topic.
AMA: I'm Manoela Ilic, Co-founder of Codrops
Session with Manoela Ilic from Codrops. True, they mostly thank :) It also says that many scripts are made on the basis of the concepts of Dribbble and Behance. After that, they are actively distributed through promotional sites and web services and gradually become standards. This is the topic of common attitude to such social networks.
Videos Online of Service Design Global Conference 2014
Video presentations from the Service Design Global Conference 2014, held October 7-8 in Stockholm, Sweden.
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, Pavel Skripkin, Dmitry Podluzhny, Anton Artyomov, Denis Efremov and Evgeny Sokolov. More and more materials in reviews appear thanks to them.
A letter arrives once a month.
Patterns and Best Practices
New about design principles
- Marissa Mayer Design Principles .
- Code Academy sensibly describe the principles that guided them in their recent redesign .
- The second part of the Code Academy principles .
')
Modern approaches to advertising
User Flow Patterns
Video collection of patterns, dedicated to interface animation and small details of interaction.
Formstack Form Conversion Report
Formstack 2014 Conversion Study. An interesting report for those who want to measure their results with the "average for the hospital." Direct link to PDF .
Showing Passwords on Log-In Screens
Luke Wroblewski on why and how to show users passwords in mobile applications.
Using context tables to support contextual targeting in your UI
Harry Brignul offers a method for determining the places in the interface and the right moment in order to ask the user for information or to offer an additional service. In general, it is similar to what Dan Saffer is talking about in Microinteractions. Continuing the theme:
The Art of Alt - Writing Great Descriptive Text For Images
Tips for writing alternative texts to images from Dudley Storey.
Timing Guidelines for Exposing Hidden Content
Aurora Bedford recommends time delays when displaying content shown by mouseover (mage menu, cascading menus, additional content, etc.).
- Show a visual feedback of 0.1 seconds after mouse over to the interactive area.
- Wait 0.3-0.5 s (to avoid accidental guidance).
- If the courses are still in the interaction area, show hidden content for 0.1 s.
- Show content until the mouse cursor leaves the interactive area for more than 0.5 seconds (to avoid accidental content hiding).
Are Mobile Websites Truly Less Usable Than Desktop Websites?
Jeff Sauro explores the usability of mobile and traditional websites and found an interesting phenomenon - mobile versions sometimes benefit by ease of use metrics.
New burger menu
- Excerpts from Mike Stern from Apple on WWDC2014, in which he speaks in detail about the burger menu .
- Another Exis Web experiment on the subject .
- Another experiment from Redbooth .
New about mailing letters
- A piece from the book Jason Rodriguez "Professional Email Design" . Very basic things, but still useful, given the limitations of the environment on all that is possible.
- The book itself Professional Email Design .
The Magnifying-Glass Icon in Search Design: Pros and Cons
Kathie Sherwin's study of search field design and the use of the Magnifier icon. Conclusions: you should visually select the search field; The icon with a magnifying glass is sufficiently distinguishable by users and it is no longer necessary to use the word “Search” on the button; The icon itself should be as simple, large and contrasty as possible. Continuing the theme:
- The Viget company experiment .
- Katie Sherwin about typical mistakes of designing a custom search on sites .
Ode to a Microinteraction: Amazon Kindle's "Time to Read"
Dan Saffer is delighted with the Time to Read micro-interaction on the Amazon Kindle.
Top 3 IA Questions about Navigation Menus
Kathryn Whitenton briefly and succinctly answers three frequent questions about navigation. How many categories are optimal, whether you need to sort them alphabetically, whether to abandon the effects of pointing the cursor, taking into account the distribution of touch laptops and tablets.
Understanding the user
General psychology (MSU lecture course)
Full course of lectures on modern general psychology. Very high quality material. Lets start learning about human psychology
Designing for Different Online Personality Types
Liraz Margalit classifies his behavioral types of users of e-commerce sites. She identifies 5 patterns of behavior: “I want everything at once”; focused on a particular brand; rational visitors; "Optimizers"; satisfiers.
Phones Aren't Flat - Designing for Real People in Diverse Contexts
Another article by Steven Hoober about the features of using mobiles - how features of use in various situations and people with disabilities worsen conventional presets, such as the minimum pressure zone. He also notes problems with gestures due to the edge of the screen - given the popularity of cases, they are often impossible to perform.
At 90, She's Designing Tech For Aging Boomers
90-year-old Barbara Beskind designer works at IDEO - it helps to better understand the elderly audience.
Inside the Largest Virtual Psychology Lab in the World
Riot Games uses big data and interface experiments to change the behavior of millions of League of Legends players. Now this is probably one of the largest research sites. The scope of the experiments is not comparable with traditional university psychological research. Just a pearl.
Use-Dependent Cortical Processing from Fingertips in Touchscreen Phone Users
A study of users of touchscreen smartphones from ADGindrat, M.Chytiris, M.Balerna, EMRouiller and Arko Ghosh, which confirms that their use changes our brain. The situation is similar with athletes and musicians. We are waiting for a study confirming the growth of fingers from large screens.
Evidence Based Design Journal
An intelligent e-journal on the topic of researching user behavior in different contexts. He understands design in a rather broad sense, but much is applicable to our work.
Information architecture, conceptual design, content strategy
Running a CX Journey Mapping Design Session
Methodology for creating a customer journey map from Mike Alber, used for his master class at Oracle. The presentation is very, very cool metrics of the effectiveness of design solutions that can be monitored and improved.
Designing Digital Strategies, part 2 - Connected User Experiences
Sofia Hussain writes a series of articles on digital strategy and ecosystem map methodology (ecosystem map). It resembles CJM, but without a clearly defined sequence of steps and without a time axis.
Design and design of interface screens
Skala bjango
In 2014, Bjango was engaged in the development of its modern tool for designers Skala (this was the name of their utility for displaying the layout from Photosop in the phone). They regularly post reports of changes and here is one of the latest with bits of the interface .
UX App - Prototyping and Interaction for User Experience Experts
New tool for interactive prototyping of interfaces. Working together with a prototype, a good visual editor, a library of components, multiscreen prototypes, animations are a standard set. The bet is made on the possibility of creating complex interface solutions, using visual "programming" - the designer of such procedures, conditions and transitions .
Gravit
And another modern tool for designers. Initially, it developed as a set of desktop applications, but due to the high cost of this approach, it goes into the browser .
Para
A tool for parametric "prototyping" illustrations. You create vector shapes using familiar tools, and then you can add interactive distribution to them and set other parameters. There is an introductory video to make it clearer.
Markly
Markly connects to Photoshop and Sketch for Windows and Mac and makes it easy to prepare layout specifications. Promises automatic updating of documents when changing layouts.
Cinematic Continuity on UI Design
A series of articles by Claudio Guglieri, design director of Fantasy Interactive, on the application of the principles of cinematography in interface design. The first part describes the principle of continuity.
Ultimate Guide to Prototyping
144 pages of cases, analyzes and tips from UXPin on interface typing. Lessons for Photoshop & Sketch for sweet.
New for Material Design
- Tim Smith shows the process of designing an Inbox application icon that has passed 250 iterations. Again, outsourcers were involved - the well-known studio B-Reel helped with concepts .
- Unofficial redesign for Dropbox .
- The official redesign of Trello .
- CSS framework Materialize .
New for iOS8
- A great free design template for iPhone Photoshop and Sketch apps from Invision and UI8 . The design is different from the base, but still useful.
New for Apple Watch
- Concepts of famous applications from Huge Inc.
- One of the rare concepts of a serious productivity application, and not just an adaptation of Foursquare .
New to Sketch
- Sketch Plugins
- Plugin with color palette material design .
- Slack Community
- Another collection of resources .
- The plugin allows you to use CSS when defining layer styles .
New for Framer
- Lyft Patrick Wong from prototyping with Framer and Pixate .
- Framer now allows you to share working prototypes on the web .
Tool comparisons
User research and testing, analytics
Predictive Customer Analytics 101: The Correlation
On February 2, Jeff Sauro's new book, Customer Analytics for Dummies, is released. His blog has a chapter on correlation. Book on amazon .
The Guide to Usability Testing
Fresh book from UXPin with a guide on usability testing and support for design solutions.
17 Usability Testing Myths and Misconceptions
Jim Ross debunks 17 myths about usability testing.
Run Remotely
A good article about the benefits of pilot usability testing is for those who doubt it.
Native tap
Native Tap service for testing applications on different devices.
Learning from Closed Card Sorts with Different Inputs
Kevin Sheldon tested and compared three approaches to card sorting — defined categories and the need to recall interface elements; specified categories and interface elements and the need to distribute them; already distributed interface elements by category and the ability to make changes. The third option gave the best results, although for some reason another popular approach is not given - given interface elements and the ability to define your categories.
How To Be In Your Research?
Jeff Sauro gives examples of confidence intervals for different situations and tasks.
Comprehensive review of UX tools for your website
A good list of tools for user research and testing from UI Patterns.
Stop Accosting People in Coffee Shops
Laura Klein on "partisan" research - what can and cannot be learned with their help, and why they are often used incorrectly.
Visual programming and browser design
Live guidelines and component systems
- Brad Frost is preparing a book on the ideology of Atomic Design . On the site you can read the draft .
- Brad Frost on the future directions for the development of living guidelines and component design and technology systems .
- Another fairly large collection .
- Last year, many well-known services published their approaches to working with CSS . Some of them reveal interesting details of the organization of work on design. In particular, Medium's basic design parameters are well defined, while Groupon has a very powerful component system.
Slalom - Towards declarative touch interactions
Ralph Tomas describes Slalom, an invented system for quickly and briefly describing how elements interact with each other. Using this system (which, in essence, is a simplified system for solving problems of satisfying constraints) simply define the interaction of one element with another or a set, that is, it is easy to prototype highly nontrivial interface approaches. Slalom itself has grown from another article about prototyping animations and interactions using physical models .
Designing in Browser
Brooke Kao on the theme of design in the browser. Continuing the theme:
New to Bootstrap and Foundation
New about web fonts
- CSS-template for defining the basic parameters of font text design .
- The popularity of fonts among the most popular sites .
Compositing And Blending In CSS
Sara Soueidan talks about the possibilities of modern browsers on the effects of overlay layers. More things can be done without Photoshop.
New scripts
- An interesting implementation of the burger menu, something like Jolla .
- Script to maintain the current year of copyright in the footer .
- Funny effect for modal window .
- Easy library for the implementation of animations (<4 KB, gives 60 FPS even on mobile).
- Script to simulate the process of typing a real person .
- Typist, another script to simulate the typing process .
- Solutions for displaying and animating input field names .
- 100 most popular scripts in 2014 on CodePen .
- A selection of the best scripts in 2014 from Codrops .
- Set of pure CSS icons .
- Philip Walton compiles a guide to flexbox bugs and their cross-browser solutions .
- A good script sticking caps .
- Four dynamic options for working with a basket in e-commerce .
- The script is a dynamic filter panel .
- Menu animation options .
- Another series of examples of turning a burger icon into a cross .
New about CSS animations
- The Chrome inspector has a convenient way to manage CSS animations . Great simplify debugging!
- About the nuances of hardware acceleration for CSS-animation .
Work with SVG
- Optimizing SVG for the web and its delivery methods to the client .
- A tool for optimizing SVG files .
- A plugin for GreenSock that simplifies SVG animation .
- Ready sets of SVG icons .
New about Form
Icon fonts
Templates, frameworks and tools for working with font icons, as well as ready-made sets.
Designing For Print With CSS
A great Rachel Andrew training manual on how to use CSS to prepare printed versions of pages. And the possibilities are so extensive that you can get a good book layout with all the features from the cover and content to footers and footnotes. Also offers a script generator PDF.
Creating Well-Behaved Sites With The Page Visibility API
Dudley Storey parses page visibility API in browsers, which allows you to gently turn off the playback of various media on the site if its tab is inactive. A great way to annoy the user less, although older browsers do not support it.
Management of interface projects, processes and teams
A Quick Guide to Evaluating UX Roles for Non-UX People
Jacob Harris offers a very interesting model for evaluating the UX specialists needed for the project team. For two parameters (the complexity of the interaction and the subject area), the project manager can determine the set of necessary skills and people.
UX Leadership, Part 2: What Great Leaders Must Do
The second and very powerful part of the Jim Nieters and Pabini Gabriel-Petit series about UX-managers and leadership.
UX Strategy - Goals and the future state
The fourth part of the Austin Govella series of articles about UX-strategy - goals and ways to achieve them. Also came part 5 and 6 .
Designing the Hiring Process
Michael Owens on how to hire designers with a bunch of opinions of strong industry experts.
UX Project Checklist
Not very systemic, but interesting enough checklist of important stages of work on the interface. Each stage is given a reference article.
Framing a Sense of Direction
Guido Stompff on how teams work on innovative solutions.
Designing With Your Clients
Paul Boag about co-design as a way to improve the relationship between design studios and customers.
Hold A Kickoff Meeting Before Diving Into The Design
An explanatory training manual on kick-off from Chris Bank from UXPin.
Pixelapse + Dropbox
Dropbox bought Pixelapse, which facilitates design work for designers and planners. It helps to store versions of layouts, quickly publish them from source, and discuss with clients.
New about design sprints
Product management and analytics
Open strategy
Supervised collection of the best (according to the authors) tools for starting a business. Content is divided into categories: consumer research, online analytics and auditing, trends, advertising planning, etc. You can subscribe to a regular mailing list.
The Experience Makes the Product, Not the Features
Lee Dale on how to deal with objections when launching MVP and not overload the interface of the first release.
Split Metrics - Increase conversion of App Store page
Service for A / B-testing application descriptions in the AppStore and Google Play. Creates a landing page that mimics the store's design.
Cases
Redesign Cases
- Scalable Android interface Onefootball .
- Dmitry Plotnikov talks in detail about the redesign of Megaplan . One of the most interestingly described cases with the right focus on business.
Features of the UX-designer in the "iron" project
Features of work on the interface in the "iron" project on the example of "Simkomat". Ilya Alexandrov divided the article into two parts: about the features of "hardware" and a description of specific solutions and cases . It will be interesting for practicing designers.
New about editorial CMS
- The story about the admin "Grid" inside Look At Media .
- The story about the admin "Monitor" project Meduza .
- On the work of the technical team of Medusa .
Redesigning Museums for Good
Last year, frog design conducted several workshops on UX redesign of visitors to memorial museums. The presentation of Roberta Tassi talks about workshops in Qingali, Rwanda and Amsterdam.
Story
'Human error' - Still undefined after all these years
Steven Shorrock on the concept of "human error" in ergonomics - its history, evolution and the current understanding of the term.
Tablet UX Research From the Pioneer Days
Jakob Nielsen recalls his experience in researching tablet interfaces in 1992 for GO PenPoint.
The ATM is Dead. Long Live the ATM!
The history of the emergence of ATMs, their current problems and prospects.
The Fascinating History of the Search Icon
Keith Ohlfs about how he suggested the magnifying glass icon for searching in NeXT - it seems for the first time.
The Untold Story of the Game Cartridge
The story behind the creation of game cartridges that reformatted the market and possibly influenced how applications spread.
A Critical, Creative UX Community - CLUF
Gilbert Cockton's long, but very interesting material on the history of the transformation of the UX discipline and its worldview regarding the scientific nature of the methods, the role of research and researchers, and creative.
A brief history of the formation of the UX from Dirk Knemeyer
Trends
The Future of Large UX Design Firms
Commented for UXMatters trend of purchases of design studios by grocery companies. All this was before the story with Teehan + Lax, but in the Russian version for Zuckerberg Call it has already been reflected. Continuing the theme:
- Teehan + Lax go to Facebook . Shock, of course! It's time to compete in drawing up a list of potential candidates for purchase this year :) By the way, it turned out not very pleasant details of this transaction - only three founders are hired, 40 employees of Teehan + Lax are left with nothing . Not very consistent with the beautiful statements that are described in their farewell letter.
- Eric Portelance about the main lessons of work in Teehan + Lax .
- It turned out that in the summer, Pricewaterhouse Coopers bought the New Zealand Optimal Usability (now called the Optimal Experience) .
- In 2013, Facebook bought HotStudio .
- John Rousseau of the Artefact Group is good at talking about this topic .
- And one more sensible article by Robert Fabricant .
Forecasts for 2015
- Predictions from Craig Tomlin, Rich Gunther, Jan Jursa and Daniel Szuc .
- About the data scientist profession, which will be one of the hottest next year .
- Trends for 2015 from frog Design .
- Trends are described by leading UX specialists for UX Magazine .
- Overview of the main trends from the exhibition CES 2015 . This year there is quite sluggish, interesting enough.
- Dan Sung forecasts for wearable devices in 2015 .
Microsoft HoloLens
As part of a comprehensive presentation of Windows 10, Microsoft showed the absolutely awesome concept of HoloLens. This is an augmented reality interface, which with the help of glasses allows displaying holographic objects in a real environment and makes it possible to manipulate them. Already have an API for Windows that allow you to develop for it.
Unlike Google Glass, many of which use scenarios were limited to the camera, and Oculus Rift, which assumes quite narrow application conditions, this concept opens up very interesting prospects for the work of the designer and designer. This interaction with the real environment, binding interface elements to objects in it. To oppose them is probably not very correct, but this is a powerful direction for the development of the profession, and it is also supported by one of the leading platforms. But technology editions already call Apple a new two thousandth Microsoft (and The Verge ).
Available his video presentation and exclusive from Wired . Microsoft's R & D is still one of the most powerful service records. And the project is Alex Kipman - one of the main initiators of Kinect. It's not a fact that it will take off - Google Glass is still not very good, and Microsoft likes to tell a beautiful picture of the future and release only a piece of it. But you need to follow this direction exactly.
The State of Responsive Web Design
Kezz Bracey describes the state of responsive design at the beginning of 2015.
The Human Side of Automation
Donald Norman on the dangers of ways to gradually automate machines.
7 Controversial Usability Predictions Results
In 2010, Craig Tomlin made 7 predictions about usability development. In something he guessed, in something was wrong.
For general and professional development
The Need for Design History in HCI
Carl DiSalvo writes that the HCI discipline lacks attention to the history of design in general and interaction in particular.
Sober-minded designers
- Fedor Podrezov from Parallels on the same topic .
- Another confession on the theme from the designer SimilarWeb .
- Cap Watkins moved to BuzzFeed . If he succeeds, it will be another strong case for turning the dumb company into a systemic one in terms of design.
We've Lost the Guts to Think
Reflections on the role and tasks of the designer in a broad sense. The article is rather philosophical, it has a lot of useful references to equally interesting materials.
Ux companion
The UX Companion app for iPhone contains a glossary of methods, terms and concepts used in interface design.
UX Thought of the Day
A collection of quotes about working on interfaces from the company UI Engineering. Every day for a useful thought.
Salary Trends for UX Professionals
Jacob Nielsen updated his article on the trends in US wages in the UX of 1997. The past few years, the amounts are kept at a relatively stable level, although there is a slight decrease for beginners. The average annual salary in the USA for a beginner is $ 63,000 and $ 90,000 for a professional with 5 years of experience (before taxes). The first 10 years of a career wage increase is $ 5,000 per year, then it drops to $ 3,000.
Design for Dasein - Understanding the Design of Experiences
Design for the Dasein is a new book by Thomas Wendt about the relationship between phenomenology (based on the philosophy of Husserl and Heidegger), interaction design and design thinking. The site has video presentations by Thomas on Interaction 2014 and LeanUX 2014 on this topic.
People and companies in the industry
AMA: I'm Manoela Ilic, Co-founder of Codrops
Session with Manoela Ilic from Codrops. True, they mostly thank :) It also says that many scripts are made on the basis of the concepts of Dribbble and Behance. After that, they are actively distributed through promotional sites and web services and gradually become standards. This is the topic of common attitude to such social networks.
Conference proceedings
Videos Online of Service Design Global Conference 2014
Video presentations from the Service Design Global Conference 2014, held October 7-8 in Stockholm, Sweden.
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, Pavel Skripkin, Dmitry Podluzhny, Anton Artyomov, Denis Efremov and Evgeny Sokolov. More and more materials in reviews appear thanks to them.
Subscribe to the newsletter
A letter arrives once a month.
Source: https://habr.com/ru/post/250071/
All Articles