February 9, 2015 at 11:14Food Design Digest, January 2015
For almost five years now, 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 publications worth publishing are selected, which are interesting to share. Previous materials: April 2010-December 2014 .
New about design principles
Modern approaches to advertising
User Flow Patterns A
video collection of patterns devoted to interface animation and small details of interaction.
Formstack Form Conversion Report Form Conversion
Study 2014 from Formstack. An interesting report for those who want to compare 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 decision tables to support contextual targeting in your UI
Harry Brignul offers a methodology for determining the places in the interface and the right moment in order to ask the user for information or offer additional services. In general, it is similar to what Dan Saffer says in Microinteractions. Continuing the topic:
The Art of alt - Writing Great Descriptive Text For Images
Tips for writing alternative text for images from Dudley Storey.
Timing Guidelines for Exposing Hidden Content
Aurora Bedford recommends time delays when displaying content displayed on hover (mage menus, 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 discovered an interesting phenomenon - mobile versions sometimes benefit from ease of use metrics.
New about the burger menu
New about mailing letters
The Magnifying-Glass Icon in Search Design: Pros and Cons
Kathie Sherwin's research on the design of search fields and the use of the magnifying glass icon. Conclusions: you should visually highlight the search field; the magnifying glass icon is quite distinguishable by users and it is no longer necessary to use the “Search” inscription on the button; the icon itself should be as simple, large and contrasting as possible. Continuing the topic:
Ode to a Microinteraction: Amazon Kindle's “Time to Read”
Dan Saffer delights in the micro-interaction “Time to Read” in Amazon Kindle.
Top 3 IA Questions about Navigation Menus
Kathryn Whitenton briefly and succinctly answers three common questions about navigation. How many categories are optimal, do you need to sort them alphabetically, do you have to abandon the effects of cursor hovering given the distribution of touch laptops and tablets.
General Psychology (MSU Lecture Course)
A full course of lectures on modern general psychology. Very high quality material. Liraz Margalitallows you to begin to study the psychology of man.
Designing for Different Online Personality Types
Liraz gives his classification of the behavioral types of users of e-commerce sites. She identifies 5 patterns of behavior: “I want everything at once”; brand-specific 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 mobile phones - how the features of use in various situations and people with disabilities worsen the usual presets like the minimum pressure zone. He also notes problems with gestures from around the edge of the screen - given the popularity of covers, they are often impossible to complete.
At 90, She's Designing Tech For Aging Boomers
IDEO employs 90-year-old designer Barbara Beskind to help better understand older audiences.
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 it is probably one of the largest research sites. The scope of the experiments is not comparable with traditional university psychological research. Just a gem.
Use-Dependent Cortical Processing from Fingertips in Touchscreen Phone Users
A study of users of touchscreen smartphones by ADGindrat, M.Chytiris, M.Balerna, EMRouiller and Arko Ghosh, which confirms that their use is changing our brain. The situation is similar to athletes and musicians. We are waiting for a study confirming the growth of fingers from large screens.
Evidence Based Design Journal
Intelligent electronic journal on the study of user behavior in different contexts. He understands design in a fairly broad sense, but much applies to our work.
Running a CX Journey Mapping Design Session A
tutorial on creating a customer journey map from Mike Alber, used for his master class at Oracle. The presentation very, very coolly painted metrics for the effectiveness of design solutions that can be tracked and improved.
Designing Digital Strategies, part 2 - Connected User Experiences
Sofia Hussain is writing a series of articles on digital strategy and the ecosystem map technique. Reminds 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 Skala designers (the so-called utility for showing the layout from Photosop on the phone). They regularly post change reports and here is one of the latest with pieces of the interface .
UX App - Prototyping and Interaction Design for User Experience Experts
A new tool for interactively prototyping interfaces. Collaboration with the prototype, a good visual editor, a library of components, multi-screen prototypes, animations - a standard set. The stake is placed on the possibility of creating complex interface solutions using visual "programming" - a designer of such procedures, conditions and transitions .
Gravit
And one more modern tool for designers. Initially, it developed as a set of desktop applications, but due to the high cost of this approach, it goes to the browser .
Para
A tool for parametric "prototyping" of illustrations. You create vector forms 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 to automatically update 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 cinematic principles in interface design. The first part describes the principle of continuity.
The Ultimate Guide to Prototyping
144 pages of UXPin case studies, tips and tricks on interface prototyping. Tutorials 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 The
latest book from UXPin with a guide to usability testing and support for design solutions.
17 Usability Testing Myths and Misconceptions
Jim Ross debunks 17 usability testing myths.
Why You Should Do a Dry Run Every Time You Test Remotely
A good article about the benefits of pilot usability testing is for those who doubt it.
Native Tap Native Tap
service for testing the application on different devices.
Learning from Closed Card Sorts with Different Inputs
Kevin Sheldon tested and compared three approaches to card sorting - given categories and the need to recall interface elements; specified categories and interface elements and the need to distribute them; already distributed interface elements into categories and the ability to make changes. The third option gave better results, although for some reason one more popular approach is not given - given interface elements and the ability to define your categories.
How Confident Do You Need 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 custom research and testing from UI Patterns.
Stop Accosting People in Coffee Shops
Laura Klein about “guerrilla” research - what you can and cannot learn with their help, and why they are often used incorrectly.
Live guidelines and component systems
Slalom - Towards declarative touch interactions
Ralph Tomas describes Slalom, a coined system for quickly and briefly describing how elements interact with each other. Using this system (which, in essence, is a simplified system for solving constraint satisfaction problems), it is easy to specify the interaction of one element with another or many, that is, it is easy to prototype very non-trivial interface approaches. Slalom itself grew out of another article about prototyping animations and interactions using physical models .
The When, Why and How of Designing in Browser
Brooke Kao on design in the browser. Continuing the topic:
New to Bootstrap and Foundation
New about web fonts
Compositing And Blending In CSS
Sara Soueidan talks about the capabilities of modern browsers on the effects of blending. More and 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 tutorial by Rachel Andrew on how to use CSS to make printable versions of pages. Moreover, the possibilities are so vast that you can get a good book layout with all the features from the cover and content to footers and footnotes. A PDF script generator is also offered.
Creating Well-Behaved Sites With The Page Visibility API
Dudley Storey parses the page visibility API in browsers, which allows you to carefully turn off the playback of various media on the site if its tab is inactive. A great way to infuriate the user less, although older browsers do not support him.
A Quick Guide to Evaluating UX Roles for Non-UX People
Jacob Harris offers a very interesting model for evaluating the UX professionals needed by the project team. According to two parameters (complexity of interaction and 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 on UX managers and leadership.
UX Strategy - Goals and the future state
The fourth part of a series of articles by Austin Govella on the UX strategy - goals and ways to achieve them. Part 5 and 6 also came out.
Designing the hiring process
Michael Owens on how to properly hire designers with tons of opinions from industry experts.
UX Project Checklist
Not a very systematic, but rather interesting checklist of the important stages of work on the interface. A reference article is given for each step.
Framing a Sense of Direction
Guido Stompff on how teams work on innovative solutions.
Designing With Your Clients
Paul Boag is about co-design as a way to improve the relationship between design studios and clients.
Hold A Kickoff Meeting Before Diving Into The Design A
sensible kick-off tutorial from Chris Bank of UXPin.
Pixelapse + Dropbox
Dropbox bought Pixelapse, which makes design work easier for designers and planners. It helps to keep versions of layouts, quickly publish them from source and discuss with clients.
New About Design Sprints
Open Strategy A
curated collection of the best (according to the authors) tools for starting a business. The content is divided into categories: consumer research, online analytics and auditing, trends, advertising planning, etc. You can subscribe to the regular mailing list.
The Experience Makes the Product, Not the Features
Lee Dale on how to work 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 of application description in AppStore and Google Play. Creates a landing page that mimics the design of a store.
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 the 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 held several workshops on redesigning UX memorial museum visitors. Presentation of Roberta Tassi talks about workshops in Kingali, 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 today's understanding of the term.
Tablet UX Research From the Pioneer Days
Jakob Nielsen recalls his 1992 experience with tablet interfaces for GO PenPoint.
The ATM is Dead. Long Live the ATM!
The history of the appearance of ATMs, their current problems and prospects.
The Fascinating History of the Search Icon
Keith Ohlfs about how he proposed a magnifying glass icon for searching in NeXT seems to be the first time.
The Untold Story of the Invention of the Game Cartridge
The story of the creation of game cartridges that reformatted the market and may have influenced how applications are distributed.
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 methods, the role of research and researchers, and the creative.
A Brief History of the Formation of UX by Dirk Knemeyer
The Future of Large UX Design Firms
Commented on for UXMatters the trend of shopping for design studios by grocery companies. All this was before the story with Teehan + Lax, but in the Russian version for Zuckerberg it willring it already reflected. Continuing the topic:
Прогнозы на 2015
Microsoft HoloLens
In the framework of the detailed presentation of Windows 10, Microsoft showed the absolutely vile concept of HoloLens. This is the interface of augmented reality, which with the help of glasses allows you to display holographic objects in a real environment and makes it possible to manipulate them. There is already an API for Windows that allows you to develop for it.
Unlike Google Glass, many use cases of which were limited to the camera, and Oculus Rift, which suggests rather narrow conditions of use, this concept opens up very interesting prospects for the work of the designer and the designer. This interaction with the real environment, the binding of interface elements to objects in it. It is probably not very right to contrast them, but this is a powerful direction in the development of the profession, and even supported by one of the leading platforms. But technological editions are already calling Apple the new Microsoft 2000th (and The Verge ).
His video presentation and exclusive from Wired are available.. Microsoft's R&D is still one of its strongest track records. Moreover, the project is being conducted by 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 loves to tell a beautiful picture of the future and release only a piece of it. But you need to follow this direction accurately.
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 gradual automation.
7 Controversial Usability Predictions Results
In 2010, Craig Tomlin made 7 predictions about usability development. In some ways he guessed, in something he was mistaken.
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 designers
We've Lost the Guts to Think
Reflections on the role and tasks of a designer in a broad sense. The article is rather philosophical, it has many useful references to no less interesting materials.
UX Companion
The UX Companion for iPhone application 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 UI Engineering. Every day for good thought.
Salary Trends for UX Professionals
Jacob Nielsen updated his 1997 UX salary trends article from 1997. Over the past few years, the amounts have remained at a relatively stable level, although there is a slight decrease for beginners. The average annual salary in the USA for beginners is $ 63,000 and $ 90,000 for a professional with 5 years of experience (before taxes). For the first 10 years of his career, salary growth is $ 5,000 a year, then drops to $ 3,000.
Design for Dasein - Understanding the Design of Experiences
“Design for Dazine” is Thomas Wendt’s new book on the connection between phenomenology (based on the philosophy of Husserl and Heidegger), interaction design and design thinking. The site has a video of Thomas speaking at Interaction 2014 and LeanUX 2014 on this subject.
AMA: I'm Manoela Ilic, Co-founder of Codrops
Session with Manoela Ilic of Codrops. True, mostly thanks :) She also says that many scripts are made based on 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 sound attitude to such social networks.
Videos online of Service Design Global Conference 2014
Video of speeches from the Service Design Global Conference 2014 held on October 7-8 in Stockholm, Sweden.
Fresh links can also be tracked in the same Facebook group . Thanks to everyone who also publishes links in it, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov and Evgeny Sokolov. More and more materials appear in reviews thanks to them.
A letter arrives once a month.
Patterns and Best Practices
New about design principles
- Design principles of Marissa Mayer .
- Code Academy intelligently describes the principles that guided them in the recent redesign .
- The second part of the principles of Code Academy .
Modern approaches to advertising
User Flow Patterns A
video collection of patterns devoted to interface animation and small details of interaction.
Formstack Form Conversion Report Form Conversion
Study 2014 from Formstack. An interesting report for those who want to compare 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 decision tables to support contextual targeting in your UI
Harry Brignul offers a methodology for determining the places in the interface and the right moment in order to ask the user for information or offer additional services. In general, it is similar to what Dan Saffer says in Microinteractions. Continuing the topic:
The Art of alt - Writing Great Descriptive Text For Images
Tips for writing alternative text for images from Dudley Storey.
Timing Guidelines for Exposing Hidden Content
Aurora Bedford recommends time delays when displaying content displayed on hover (mage menus, cascading menus, additional content, etc.).
- Show visual feedback 0.1 seconds after mouse hover over interactive area.
- Wait 0.3-0.5 s (to avoid accidental pointing).
- If the courses are still in the interaction area, show the hidden content within 0.1 s.
- Show content until the mouse cursor leaves the interactive area for longer than 0.5 s (to avoid accidentally hiding the content).
Are Mobile Websites Truly Less Usable Than Desktop Websites?
Jeff Sauro explores the usability of mobile and traditional websites and discovered an interesting phenomenon - mobile versions sometimes benefit from ease of use metrics.
New about the burger menu
- Excerpts from Apple's Mike Stern speech at WWDC2014, in which he speaks in detail about the burger menu .
- Another Exis Web experiment on the topic .
- Another experiment from Redbooth .
New about mailing letters
- A piece from Jason Rodriguez's Professional Email Design . Very basic things, but still useful considering the environmental restrictions on everything that is possible.
- The book itself Professional Email Design .
The Magnifying-Glass Icon in Search Design: Pros and Cons
Kathie Sherwin's research on the design of search fields and the use of the magnifying glass icon. Conclusions: you should visually highlight the search field; the magnifying glass icon is quite distinguishable by users and it is no longer necessary to use the “Search” inscription on the button; the icon itself should be as simple, large and contrasting as possible. Continuing the topic:
Ode to a Microinteraction: Amazon Kindle's “Time to Read”
Dan Saffer delights in the micro-interaction “Time to Read” in Amazon Kindle.
Top 3 IA Questions about Navigation Menus
Kathryn Whitenton briefly and succinctly answers three common questions about navigation. How many categories are optimal, do you need to sort them alphabetically, do you have to abandon the effects of cursor hovering given the distribution of touch laptops and tablets.
User understanding
General Psychology (MSU Lecture Course)
A full course of lectures on modern general psychology. Very high quality material. Liraz Margalitallows you to begin to study the psychology of man.
Designing for Different Online Personality Types
Liraz gives his classification of the behavioral types of users of e-commerce sites. She identifies 5 patterns of behavior: “I want everything at once”; brand-specific 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 mobile phones - how the features of use in various situations and people with disabilities worsen the usual presets like the minimum pressure zone. He also notes problems with gestures from around the edge of the screen - given the popularity of covers, they are often impossible to complete.
At 90, She's Designing Tech For Aging Boomers
IDEO employs 90-year-old designer Barbara Beskind to help better understand older audiences.
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 it is probably one of the largest research sites. The scope of the experiments is not comparable with traditional university psychological research. Just a gem.
Use-Dependent Cortical Processing from Fingertips in Touchscreen Phone Users
A study of users of touchscreen smartphones by ADGindrat, M.Chytiris, M.Balerna, EMRouiller and Arko Ghosh, which confirms that their use is changing our brain. The situation is similar to athletes and musicians. We are waiting for a study confirming the growth of fingers from large screens.
Evidence Based Design Journal
Intelligent electronic journal on the study of user behavior in different contexts. He understands design in a fairly broad sense, but much applies to our work.
Information architecture, conceptual design, content strategy
Running a CX Journey Mapping Design Session A
tutorial on creating a customer journey map from Mike Alber, used for his master class at Oracle. The presentation very, very coolly painted metrics for the effectiveness of design solutions that can be tracked and improved.
Designing Digital Strategies, part 2 - Connected User Experiences
Sofia Hussain is writing a series of articles on digital strategy and the ecosystem map technique. Reminds 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 Skala designers (the so-called utility for showing the layout from Photosop on the phone). They regularly post change reports and here is one of the latest with pieces of the interface .
UX App - Prototyping and Interaction Design for User Experience Experts
A new tool for interactively prototyping interfaces. Collaboration with the prototype, a good visual editor, a library of components, multi-screen prototypes, animations - a standard set. The stake is placed on the possibility of creating complex interface solutions using visual "programming" - a designer of such procedures, conditions and transitions .
Gravit
And one more modern tool for designers. Initially, it developed as a set of desktop applications, but due to the high cost of this approach, it goes to the browser .
Para
A tool for parametric "prototyping" of illustrations. You create vector forms 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 to automatically update 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 cinematic principles in interface design. The first part describes the principle of continuity.
The Ultimate Guide to Prototyping
144 pages of UXPin case studies, tips and tricks on interface prototyping. Tutorials for Photoshop & Sketch for Sweet.
New for Material Design
- Tim Smith shows the design process for the Inbox app icon that has gone through 250 iterations. Outsourcers were again involved - the famous B-Reel studio helped with concepts .
- Unofficial Dropbox redesign .
- The official redesign of Trello .
- CSS framework Materialize .
New for iOS8
- A great free design template for iPhone apps for Photoshop and Sketch from Invision and UI8 . The design is different from the base, but still useful.
New for Apple Watch
- The concepts of well-known applications Inc Huge .
- One of the rare concepts of a serious productivity application, and not just an adaptation of Foursquare .
New to Sketch
- Plugins for Sketch .
- Plugin with material design color palette .
- Community at Slack .
- Another collection of resources .
- The plugin allows you to use CSS when defining layer styles .
New for Framer
- Lyft's Patrick Wong on prototyping with a bunch of 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 The
latest book from UXPin with a guide to usability testing and support for design solutions.
17 Usability Testing Myths and Misconceptions
Jim Ross debunks 17 usability testing myths.
Why You Should Do a Dry Run Every Time You Test Remotely
A good article about the benefits of pilot usability testing is for those who doubt it.
Native Tap Native Tap
service for testing the application on different devices.
Learning from Closed Card Sorts with Different Inputs
Kevin Sheldon tested and compared three approaches to card sorting - given categories and the need to recall interface elements; specified categories and interface elements and the need to distribute them; already distributed interface elements into categories and the ability to make changes. The third option gave better results, although for some reason one more popular approach is not given - given interface elements and the ability to define your categories.
How Confident Do You Need 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 custom research and testing from UI Patterns.
Stop Accosting People in Coffee Shops
Laura Klein about “guerrilla” research - what you can and cannot learn with their help, and why they are often used incorrectly.
Visual programming and design in the browser
Live guidelines and component systems
- Brad Frost is preparing a book on the ideology of Atomic Design . On the site you can read a draft .
- Brad Frost about the future directions of development of living guidelines and component design and technological 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 design work. In particular, Medium has well-defined basic design parameters, while Groupon has a very powerful component system.
Slalom - Towards declarative touch interactions
Ralph Tomas describes Slalom, a coined system for quickly and briefly describing how elements interact with each other. Using this system (which, in essence, is a simplified system for solving constraint satisfaction problems), it is easy to specify the interaction of one element with another or many, that is, it is easy to prototype very non-trivial interface approaches. Slalom itself grew out of another article about prototyping animations and interactions using physical models .
The When, Why and How of Designing in Browser
Brooke Kao on design in the browser. Continuing the topic:
New to Bootstrap and Foundation
New about web fonts
- A CSS template for defining basic text font settings .
- The popularity of fonts among the most popular sites .
Compositing And Blending In CSS
Sara Soueidan talks about the capabilities of modern browsers on the effects of blending. More and more things can be done without Photoshop.
New scripts
- An interesting implementation of a burger menu, something similar to Jolla .
- A script to maintain the current year of copyright in the footer .
- Funny effect for a modal window .
- Lightweight library for implementing animations (<4 KB, produces 60 FPS even on a mobile).
- A script to simulate a typing process by a real person .
- Typist, another script to simulate a typing process .
- Solutions for displaying and animating input field names .
- The 100 most popular scripts of 2014 on CodePen .
- A selection of the best scripts of 2014 from Codrops .
- Set of icons on pure CSS .
- Philip Walton compiles a guide to flexbox bugs and their cross-browser solutions .
- Nice sticky hat script .
- Four dynamic shopping cart options 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
- Chrome Inspector provides a convenient way to control CSS animations . Great simplifies debugging!
- About the nuances of hardware acceleration for CSS animation .
Work with SVG
- Optimization of SVG for the web and its methods of delivery to the client .
- Tool for optimizing SVG files .
- A plugin for GreenSock that simplifies SVG animation .
- Ready-made 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 tutorial by Rachel Andrew on how to use CSS to make printable versions of pages. Moreover, the possibilities are so vast that you can get a good book layout with all the features from the cover and content to footers and footnotes. A PDF script generator is also offered.
Creating Well-Behaved Sites With The Page Visibility API
Dudley Storey parses the page visibility API in browsers, which allows you to carefully turn off the playback of various media on the site if its tab is inactive. A great way to infuriate the user less, although older browsers do not support him.
Management of front-end 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 professionals needed by the project team. According to two parameters (complexity of interaction and 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 on UX managers and leadership.
UX Strategy - Goals and the future state
The fourth part of a series of articles by Austin Govella on the UX strategy - goals and ways to achieve them. Part 5 and 6 also came out.
Designing the hiring process
Michael Owens on how to properly hire designers with tons of opinions from industry experts.
UX Project Checklist
Not a very systematic, but rather interesting checklist of the important stages of work on the interface. A reference article is given for each step.
Framing a Sense of Direction
Guido Stompff on how teams work on innovative solutions.
Designing With Your Clients
Paul Boag is about co-design as a way to improve the relationship between design studios and clients.
Hold A Kickoff Meeting Before Diving Into The Design A
sensible kick-off tutorial from Chris Bank of UXPin.
Pixelapse + Dropbox
Dropbox bought Pixelapse, which makes design work easier for designers and planners. It helps to keep versions of layouts, quickly publish them from source and discuss with clients.
New About Design Sprints
Product Management and Analytics
Open Strategy A
curated collection of the best (according to the authors) tools for starting a business. The content is divided into categories: consumer research, online analytics and auditing, trends, advertising planning, etc. You can subscribe to the regular mailing list.
The Experience Makes the Product, Not the Features
Lee Dale on how to work 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 of application description in AppStore and Google Play. Creates a landing page that mimics the design of a store.
Cases
Redesign Cases
- The scalable interface of the Onefootball Android app .
- Dmitry Plotnikov talks in detail about the redesign of Megaplan . One of the most interesting cases described 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 the hardware and a description of specific solutions and cases . It will be interesting for practicing designers.
New About Editorial CMS
- A story about the Grid admin panel inside Look At Media .
- The story about the admin "Monitor" of the project Meduza .
- About the work of the technical team of Medusa .
Redesigning Museums for Good
Last year frog design held several workshops on redesigning UX memorial museum visitors. Presentation of Roberta Tassi talks about workshops in Kingali, Rwanda and Amsterdam.
History
'Human error' - Still undefined after all these years
Steven Shorrock on the concept of "human error" in ergonomics - its history, evolution and today's understanding of the term.
Tablet UX Research From the Pioneer Days
Jakob Nielsen recalls his 1992 experience with tablet interfaces for GO PenPoint.
The ATM is Dead. Long Live the ATM!
The history of the appearance of ATMs, their current problems and prospects.
The Fascinating History of the Search Icon
Keith Ohlfs about how he proposed a magnifying glass icon for searching in NeXT seems to be the first time.
The Untold Story of the Invention of the Game Cartridge
The story of the creation of game cartridges that reformatted the market and may have influenced how applications are distributed.
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 methods, the role of research and researchers, and the creative.
A Brief History of the Formation of UX by Dirk Knemeyer
Trends
The Future of Large UX Design Firms
Commented on for UXMatters the trend of shopping for design studios by grocery companies. All this was before the story with Teehan + Lax, but in the Russian version for Zuckerberg it willring it already reflected. Continuing the topic:
- Teehan+Lax переходят в Facebook. Шок, конечно! Самое время соревноваться в составлении списка потенциальных кандидатов на покупку в этом году :) Кстати, выяснились не очень приятные детали этой сделки — нанимают только трех основателей, 40 сотрудников Teehan+Lax остаются ни с чем. Не очень соответствует тем красивым заявлениям, которые описаны в их прощальном письме.
- Eric Portelance о главных уроках работы в Teehan+Lax.
- Оказалось, летом Pricewaterhouse Coopers купили новозеландскую Optimal Usability (теперь она называется Optimal Experience).
- В 2013 году Facebook купил HotStudio.
- John Rousseau из Artefact Group хорошо рассуждает на эту тему.
- И еще одна толковая статья Robert Fabricant на тему.
Прогнозы на 2015
- Предсказания от Craig Tomlin, Rich Gunther, Jan Jursa и Daniel Szuc.
- О профессии data scientist, которая станет одной из самых горячих в следующем году.
- Тренды на 2015 от frog Design.
- Тренды описывают ведущие UX-специалисты для UX Magazine.
- Обзор основных трендов с выставки CES 2015. В этом году там достаточно вяло, интересного мало.
- Прогнозы Dan Sung для носимых устройств в 2015.
Microsoft HoloLens
In the framework of the detailed presentation of Windows 10, Microsoft showed the absolutely vile concept of HoloLens. This is the interface of augmented reality, which with the help of glasses allows you to display holographic objects in a real environment and makes it possible to manipulate them. There is already an API for Windows that allows you to develop for it.
Unlike Google Glass, many use cases of which were limited to the camera, and Oculus Rift, which suggests rather narrow conditions of use, this concept opens up very interesting prospects for the work of the designer and the designer. This interaction with the real environment, the binding of interface elements to objects in it. It is probably not very right to contrast them, but this is a powerful direction in the development of the profession, and even supported by one of the leading platforms. But technological editions are already calling Apple the new Microsoft 2000th (and The Verge ).
His video presentation and exclusive from Wired are available.. Microsoft's R&D is still one of its strongest track records. Moreover, the project is being conducted by 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 loves to tell a beautiful picture of the future and release only a piece of it. But you need to follow this direction accurately.
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 gradual automation.
7 Controversial Usability Predictions Results
In 2010, Craig Tomlin made 7 predictions about usability development. In some ways he guessed, in something he was mistaken.
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 designers
- Fedor Podrezov from Parallels on the same topic .
- Another confession on the topic from the designer of SimilarWeb .
- Cap Watkins moved to BuzzFeed . If he succeeds, it will be another strong case of turning a fast-moving company into a system one in terms of design.
We've Lost the Guts to Think
Reflections on the role and tasks of a designer in a broad sense. The article is rather philosophical, it has many useful references to no less interesting materials.
UX Companion
The UX Companion for iPhone application 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 UI Engineering. Every day for good thought.
Salary Trends for UX Professionals
Jacob Nielsen updated his 1997 UX salary trends article from 1997. Over the past few years, the amounts have remained at a relatively stable level, although there is a slight decrease for beginners. The average annual salary in the USA for beginners is $ 63,000 and $ 90,000 for a professional with 5 years of experience (before taxes). For the first 10 years of his career, salary growth is $ 5,000 a year, then drops to $ 3,000.
Design for Dasein - Understanding the Design of Experiences
“Design for Dazine” is Thomas Wendt’s new book on the connection between phenomenology (based on the philosophy of Husserl and Heidegger), interaction design and design thinking. The site has a video of Thomas speaking at Interaction 2014 and LeanUX 2014 on this subject.
People and companies in the industry
AMA: I'm Manoela Ilic, Co-founder of Codrops
Session with Manoela Ilic of Codrops. True, mostly thanks :) She also says that many scripts are made based on 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 sound attitude to such social networks.
Conference proceedings
Videos online of Service Design Global Conference 2014
Video of speeches from the Service Design Global Conference 2014 held on October 7-8 in Stockholm, Sweden.
Fresh links can also be tracked in the same Facebook group . Thanks to everyone who also publishes links in it, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov and Evgeny Sokolov. More and more materials appear in reviews thanks to them.
Subscribe to Newsletter
A letter arrives once a month.