Product design digest, April-May 2014
For four years now I have been publishing regular reviews of fresh articles on the topic of interfaces, new tools and collections of patterns, interesting cases and historical stories. From the tapes of several hundred thematic subscriptions, approximately 5% of the worthwhile publications are selected that are interesting to share. Previous materials: April 2010-March 2014 .
Responsive Email Patterns
The collection of patterns of responsive mailing lists.
Wear UI
A collection of wearable device interface patterns.
')
Principles of Mobile Site Design - Delight Users and Drive Conversions
Google and AnswerLab have published joint recommendations on the creation of mobile sites. These are 25 well-illustrated rules covering all aspects of their creation. Also, a tutorial on the best web practices from Google.
The Right Way To Ask Users For iOS Permissions
Brenden Mulligan on how to properly request user permission in iOS. Translation into Russian .
Rethinking Mobile Tutorials - Which Patterns Really Work?
Theresa Neil examines successful and not-so-great training screen patterns in mobile applications. And gives advice on creating truly popular and useful to the user.
Side Drawer Navigation Could Cost
An interesting case Android application zeebox from Anthony Rose, in which he talks about the lower efficiency of the sidebar as the main principle of navigation. They conducted a series of experiments and always visible on-screen tabs showed much more user involvement. Continuing the theme:
Telling stories about screens for screens
An excellent overview of how to display your product in promotional or educational videos by Matthew Latkiewicz from Zendesk. He identifies 6 main approaches with varying degrees of utility and reliability.
User Onboarding - A frequently-updated compendium of web app first-run experiences
Site dedicated to the analysis of onboarding patterns. Continuing the theme:
You are not Google. You are not amazon
You are not Google. You are not Amazon. Why not always have to follow large companies? Paul Boag on non-underlined links in Google search results.
The Ideal Length for All Online Content
What is the optimal length of a Twitter or Facebook post? How long should the title of the article and the article itself be, the paragraph of the text, the line? The results of many studies are collected in the Kevan Lee article.
House of buttons
Gallery of examples of buttons. Static, animated, standard, custom and many many others. Continuing the theme:
The “Psychological” Speed ​​of Mobile Interfaces
Oz Lubling is about psychological “secrets” about how to increase the user-perceived speed of mobile interfaces. Continuing the theme:
List Beats Grid - Linear Feeds Two to Bet Times Than Grids
For the Prismatic service, placing the elements of the news feed in the form of a list turned out to be 2-3 times more efficient than a grid of cards. They arrived at this conclusion after experiments conducted jointly with Teehan + Lax. Studio about the project .
Why users can't find answers in help material
Tom Johnson presentation on how to make the help system more efficient. He describes the main problems that users encounter in working with them, and leads a step-by-step process to solve them.
Mobile Usability
The report on mobile usability from Practicology based on an analysis of 15 leading UK e-commerce sites. The main 5 conclusions from the report .
Single-Field Credit Card Input Pattern
Brad Frost refined the script, which facilitates the entry of credit card data on mobile, inspired by the decision Square. All fields are entered in one line. Continuing the theme:
Notification Design Strategies
Email Notification Design Strategies.
Four Things I Wish Every Chart Did
Des Traynor proposed 4 ideas to improve the interactivity and informativeness of graphs and diagrams.
Where are the brands going wrong online?
Internet mistakes of luxury brands. The main thing is that the sites are made by advertisers who look at the impression of static images and do not think about the real experience of use.
Keyboard-Only Navigation for Improved Accessibility
Support for navigating the site using only the keyboard. How to provide it? Marieke McCloskey tips: 1) clear display of keyboard input focus; 2) all interactive elements must be available; 3) Give users the opportunity to skip the navigation and go directly to the main content.
The One Little Box That's Costing You Big Dollars
The tricks of the interface for entering bonus codes in online stores. What can you lose and what can you earn on it?
Design better faceted navigation for your websites
Excellent analysis of faceted navigation from Jim Kalbach. Pros, cons, pitfalls are well described.
Responsive Design: The Old Old Select Element
An interesting version of the replacement drop-down lists, which works for both web and mobile, proposed by Mikkel Bo Schmidt.
Email Subject Lines: 5 Tips to Attract Readers
Jannele Estes tips on writing email headers that appeal to readers.
This is Responsive - Tips, Resources and Responsive Web Design
A collection of patterns, articles and other useful materials on responsive design. All examples can be felt, it is a working code. Continuing the theme:
Accordions for Complex Website Content on Desktops
Hoa Loranger about using accordions to display content.
The Illusion of Motion
Detailed article on the perception of the movement of the human eye / brain, frame rate, sweep rate, motion and televisions. It will help once and for all to understand what FPS is.
Mobile And Accessibility - What You Can Do About It
The basics of mobile accessibility from TJ VanToll. He mentions an interesting color contrast checking tool .
Design with Temperament (Presentation by Hienadz Drahun)
The presentation of Gennady Dragun from the “Design by Fire Cafe # 34” meeting on Monday, May 19. Using types of temperament as the basis for the rapid construction of user behavioral models.
http://www.slideshare.net/Hienadz.Drahun/hienadz-drahun-design-with-temperament-design-by-fire-cafe
Task Analysis - The Key UX Design Step Everyone Skips
Larry Marine on task analysis is a simple and effective method that everyone has heard about but does not use much.
Behavior Change Strategy Cards
The Artefact Group has published a training manual on how to influence user behavior. This is a set of basic rules for building good interfaces. Direct link to PDF .
Barry the Blog Post ...
Chris Noessel from Cooper Consulting writes about the subtleties of choosing names for characters.
Inside Goal-Directed Design - A Two-Part Conversation With Alan Cooper
Talk with Alan Cooper about Goal-Directed Design. Part 2 about the present.
Gaining UX Insight through Dyads and Triads
James Breeze and Gowri Penkar on the method of group user research using "dyads" and "triads". This is a great option if you need to understand the interaction of the family with the product.
QuickPanel: Dyslexia
10% of people suffer from dyslexia - congenital physical difficulties with reading. 5-20% - dysgraphia - difficulties with writing. 11% of children and 4% of adults have attention deficit, difficulty concentrating. Accessibility experts on how design can help these people.
Personality And Play Styles - A Unified Model
In search of a combined player character model - a fascinating mix of Keirsey’s temperament types, Bartle’s player typology, Chris Bateman’s demographic game design, Kahlu and Lazzaro’s theories and much more. After reading, it remains to throw player personas on the dikes, unless. Continuing the theme:
Designing with the Mind in Mind - Simple Guide to Understanding User Interface Design Guidelines
An excerpt from Jeff Johnson’s recently released second edition of Designing with the Mind in Mind: A Simple Guide to Understanding User Interface Design Guidelines. The basic principles of perception and how to use them when designing an interface are very well described.
Resources: Mental Modeling For Content Work (Daniel Eizans Presentation with Confab Minneapolis)
Presentation and useful materials from the Daniel Eizans master class on the creation of mental models from the conference Confab Minneapolis. Very good overview of the process and methods.
Designing for Your Objectives
Rachel McCollin method of designing tasks. Simply. Effectively. Productively. Nothing extra.
Defining Patient Experience
Scientific publication describing the 14-year experience in the study and design of the nuances of the interaction of patients and medical personnel from Jason A. Wolf, Victoria Niederhauser, Dianne Marshburn and Sherri L. LaVela. Useful material for those involved in the design of services.
Mobile First? Not so fast
Laura Klein on a more meaningful approach to mobile design. The deciding factors should be the task facing the user and the context of use, not the size of the device.
Learner Centered Design (Book Review)
A small book review on Dorian Peters Learner Centered Design: Interface Design for Learning. It describes the approaches to training users in different products - from sites to games.
Boardroom Comics - A Business-Scenario Visualization Tool For Executives
Ajax Revels about the method of understanding the target audience and the scenarios of its work through the collective creation of comics.
Playful or gameful? Creating delightful UX
Andrés Lucero, Evangelos Karapanos, Juha Arrasvuori and Hannu Korhonen propose the PLEX (Playful Experience) concept for designing interfaces with game elements. The concept is well described, including a set of playing cards and the characteristics of such interfaces.
Data-Driven Design vs Design Intuition
Design based on data and design based on intuition. Bradford Cross (founder and CEO Prismatic), Brynn Evans (lead UX-designer Google) and David Gauquelin (head of Prezi design) and Braden Kowitz (design partner of Google Ventures) discuss the topic.
Why 55% of Potential B2B Buyers Might Not Trust Your Website Content
The main problems with the confidence of B2B sites. The list is headed by: 1) lack of available contact information; 2) low-quality content in the section “About the company”.
Creating a Concept Model (Dave Gray Video)
Video workshop from Dave Gray and Christina Wodtke on creating conceptual models. Step by step 40-minute video. After that a detailed article was published .
Orchestrating Touchpoints
A video of the performance of Chris Risdon from Adaptive Path, in which he examines such an element of Customer Journey Maps as touch points. Continuing the theme:
Brainsketching: Collaborative Interaction Design
Jay Vidyarthi writes about brainsketching work meetings. Participants draw their ideas on paper instead of discussing them, and then exchange notes several times in order to develop other people's ideas.
Service blueprinting
Presentation of Izac Ross from Cooper Consulting on the Blueprinting service.
Rumor: Google's Plan To Bridge Chrome, Android, And Search To Do Everything On Your Device
June 25-26, Google I / O will be held and it is likely that the new version of Android will look something like this. Application icons can also be simplified . Continuing the theme:
Sketch Plugins and Templates
The Guide to Wireframing
Chris Bank of UX Pin wrote a series of articles on wireframes, then combined them into an e-book. Articles themselves:
Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web
Adobe launched the Parfait online service to facilitate the translation of PSD layouts into layout. It allows you to dimension the design and get the CSS code for the selected objects. Continuing the theme:
Speed ​​Design with Illustrator - 14 tips to create interfaces in minutes
Basic memo for creating interfaces in Adobe Illustrator. 14 tips about the main features of the work.
Creating Style Guides
Susan Robertson on how to create HTML guidelines.
Website deck
Playing cards with thumbnails of typical interface screens.
Demonstrate - Mobile Prototyping
Demonstrate application for rapid prototyping of mobile applications for iOS.
UI Design Dos and Don'ts
A selection of basic rules for creating interfaces for Apple's iOS7. By the way, the official guidelines came out in the form of a book in iBooks .
Mitya - Prototype your Interaction Animations
Another tool for creating interactive prototypes from layouts. Syncs with dropbox and shows directly on devices. Official Facebook Tool Group .
MMLayershots
MMLayerShots allows you to collect all the screens of an iOS application into a single structured PSD, which is quite convenient for checking the quality of implementation. Involves some coding and mac skills.
Density Converter by Jeff Broderick
Calculator to adapt the design of smartphone and tablet applications to screens of different resolutions and densities from Jeff Broderick.
Collaborating With Adobe Fireworks On Large Design Teams
Dan Nisbet details how to effectively use Adobe Fireworks in teamwork. Although the support of the tool is essentially discontinued, many still use it effectively and it still has a couple of years.
Peek view
Plugin for Photoshop, allowing you to quickly view layouts on a bunch of connected smartphones and tablets. The creators say it is faster than Skala. Continuing the theme:
iOS 7 UI Kit Photoshop Action Set
A set of actions for Photoshop, simplifying work with iOS7 layouts.
Experiments at Airbnb
Excellent material AirBnB team on their methods of conducting A / B testing, as well as the features of the use of tools and methods. Translation into Russian . Continuing the theme:
Easy Color Contrast Testing
A simple way to test color contrast with Chrome Accessibility Developer Tools.
The Moderator's Survival Guide - Handling Common, Tricky, and Sticky Situations in User Research
Excerpt from Donna Tedesco and Fiona Tranquada’s last year’s book The Moderator's Survival Guide: Handling Common, Tricky, and Sticky Situations in User Research.
Identifying the 3 Types of Missing Data
Jeff Sauro explains how to analyze incomplete user survey data. Different situations are possible - a specific question was uncomfortable for a significant part of the respondents and there is no answer to a large percentage of them or the answers are missed randomly.
Usability Testing for Detailed Design Using Mechanical Turk
The case of how the Prismatic team used the Amazon Mechanical Turk service to simplify the selection of options using A / B testing.
Readability.io - Check for readability of texts
The online service Readability.io helps to improve information texts in the interfaces.
The “designers should code”
Interesting thoughts Davide Casali on the topic of the popular in recent years promise whether the designer should be able to impose.
Macaw - The Code-Savvy Web Design Tool
Macaw came out of beta, a new modern tool for designers and designers to replace heavyweight Photoshop. Like Sketch, it simplifies the workflow, but it goes further and promises visual programming, which leading designers have long dreamed of. The output is clean and neat HTML and CSS that supports adaptability. Continuing the theme:
Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw
A detailed review of modern tools for the visual "layout" of responsive sites. Continuing the theme:
Framer - Modern Prototyping
The third version of Framer.js has been released with a bunch of new features. Continuing the theme:
Avocado for Quartz Composer
IDEO's Avocado framework, another add-on to Quartz Composer. Version 1.0 has been released . Continuing the theme:
Understanding CSS Timing Functions
A detailed analysis of how the modern CSS-animation from Stephen Greig. Considering that it is becoming easier to do such things with your hands, it is helpful to understand general principles and details.
Famo.us
Javascript framework for creating complex user interfaces for any screens. Good documentation, full of demo materials and educational articles, a growing community. Built-in 3D-engine that works in almost any browser - you can do anything: from complex animations to games.
Facebook Pop
Facebook has opened the code for its Pop framework for animation in mobile applications, which was used to create Paper. Read more about it . Continuing the theme:
Parallax Done Right
Dave Gamache from the Medium team describes the technical details of creating the right parallax on the web. Demo in support of the article .
Refills
Another Refills designer for quickly building projects. Made on the basis of the CSS framework Bourbon and its add-ons Bitters and Neat.
Hello processing
As part of Hour of Code ™, a sub-site was launched with a video tutorial on the programming language Processing, sharpened for data visualization.
Flowhub - Peer-to-peer full-stack visual programming for your fingers
A tool for visual programming Flowhub (formerly NoFlo ) at the beginning of this year raised money for KickStarter and is now in beta. It is based on JavaScript and allows you to work with the web and applications on Android and iOS. Review article .
Forms - The Complete Guide
The Martin Polley Form Prototyping Guide, using the Zurb Foundation framework. Part 2 .
Webflow - Website Interactions without Code
Webflow adds interactive animation capabilities, so it’s even better for single-page promo sites.
Snap.svg
JS-library for creating graphics and its animation in SVG. Continuing the theme:
Cody
Renewable collection of building blocks for your web project. There are both complex HTML / CSS / Javascript solutions, and individual small components.
iOS Hat
iOS Hat helps turn layers from Photoshop into working code on Objective-C. Supports the export of color, vector shapes, text styles. Sizes and bindings are taken into account.
Paintcode
Another modern tool for designers who want to cut the chain from layouts to implementation. It allows you to export layouts for iOS to resources and code in Objective-C and C #.
Visual Programming Languages ​​Snapshots
The history of visual programming tools from the 60s to our time from Eric Hosick of Interface Vision.
Get shit done
Bootstrap 3 based framework.
The Answer to PhoneGap UI Development
HTML5 framework Onsen UI for creating Android and iOS applications. Positioned as the best alternative to PhoneGap.
Why consumer product metrics are all terrible
Andrew Chen writes the truth about user metrics for social services. In some cases, only 1% of visitors will register; 95% percent of your users will be inactive on any particular day; More than 50% percent of users will remain alone, they will not join anyone.
PJ McCormick's Leading Your Design Through Danger
PJ McCormic on building a process within his design team at Amazon.
Building a Solid Foundation for Efficient Design
Angela Cravel from EffectiveUI on how to analyze the situation in the company.
A look Inside Design at HubSpot
Joshua Porter, UX-director of HubSpot, talks about the organization of the design process in the company.
Fuck Innovation, Everything We Have Now
Amy Hoy about product design, that you first need to make simple things work, and only then chase after “innovation”. Continued . Continuing the theme:
4 Myths About Apple Design, From An Ex-Apple Designer
Mark Kawano, ex-evangelist for UX at Apple, exposes 4 myths about the design process in the company. Translation into Russian .
7 Reasons Usability Problems Don't Get Fixed
Jeff Sauro describes 7 main reasons why the found usability problems remain unsolved: 1) It is not clear how often the problem is encountered, how many users it affects; 2) The problem affects a small number of users; 3) There is no agreement within the team whether the problem is really a problem; 4) Recovery requires major rework of the product; 5) The effect of the problem has little noticeable effect on user experience; 6) Estimating the cost of fixing more than the potential gain; 7) The product already works, earns money. The hosts are aware of the problems, but are satisfied and do not want to change anything yet.
Maximum Viable Product
Joe Leech from CXPartners on the reverse concept for lean UX - Maximum Viable Product. This is the set of functions that is the limit, after which the overload of opportunities and the deterioration of the interface begins.
Stop Dancing Around Criticism from Airbnb's Head of UX
Airbnb Katie Hill tips on how to criticize design. And painted on both sides - the presenter and the critic. Continuing the theme:
How to Spot Good UX Designers
New column UXMatters on how to notice a good UX-designer?
Designer Duds - Losing Our Seat at the Table
Is the design for the sake of design, for example, the Carousel application from Dropbox, Paper from Facebook, Jelly? After all, design must produce results. The “gorgeous” design that brings little return is in fact a failure. Tuhin Kumar from Facebook replies to the article . True, a little from the position of "first get it."
A Guide To Validating Product Ideas With Quick And Simple Experiments
Grace Ng describes a product hypothesis testing method and a visual table for this. She gives a simple example from her practice, showing how to work with a template.
Solving Strategic Problems - Going Beyond Being A Technology Order Taker
Good cases of how to convince the company to change the product plans. Continuing the theme:
Rap Genius Explains Why Worse is Better
A very useful program article about Tom Lehman, the creator of the Rap Genius service, in which he talks about the history of product creation and his conviction "the worse the better." His goal is to test product ideas live in as simple a form as possible, driving a bolt into the weak ones. , , . , , , . .
The Last Goodbye — How To Shut Down A Failing Product
Kevin Stone , . , .
Establish user experience transformation as a continuous evolution
Richard Berkman Marvin Klein IBM . — , . , , — .
Accessibility in Practice — A process-driven approach to accessibility
. , . , , , . , , WCAG , WAI-ARIA. , «» . :
UX-
UX + 2014.
Good design ain't pretty
Luke Jones Dribbble Behance Mac OS. . :
Lenta Inside — -
- , ., , .
The
Case Improve your Facebook user profile with a bunch of research. From co-design with users to running in on the percentage of the audience.
Hybrid sweet spot: Native navigation, web content
David Heinemeier Hansson of 37 Signals on the evolution of the Basecamp mobile application using a hybrid approach.
The Woman Behind Apple's First Icons
About Susan Kare, one of the first digital designers, the author of the icons of the first Mac, and generally one of the most legendary personalities in product design is written regularly. But this article is probably the most detailed and interesting of all.
25 old school websites for 25 years of the web
Microsoft, Google. Apple, BBC, CNN ... Like 25 famous sites looked 15-20 years ago.
The Secret History of Hypertext
Another article about the Belgian librarian and entrepreneur Paul Otlet and his contribution to the emergence of the Internet. It turns out that in addition to his famous project Mundaneum, he was ahead of the ideas of Vannevar Bush, which is considered to be the founder of the concept of hypertext and computer as the “expander of abilities” of man.
The Videophone Turns 50 - The Historic Failure That Everybody Wanted
Mashable about the 50th anniversary of the first video background from AT & T and the difficult way of making video calls for everyday use.
The New York Times Agenda
The NY Times internal report on trends in content projects and the state of the publication itself went public. It is extremely interesting about where this industry is developing. Also be interesting:
Spike and Die - Why Products Created by Ad Agencies Fail
One of the trends of the moment - advertising and creative agencies are beginning to engage in UX- and product design. It turns out at first glance very impressive, but fraught with the success of the products themselves.
From Paths to Sandboxes
Presentation by Stephen P. Anderson, devoted to an alternative view on the design of services. He proposes to abandon the job of optimizing specific scenarios and create a platform with simple rules of work that users could use as it suits them better. Such services have much greater involvement and flexibility - almost like game worlds.
Why VC Firms Are Snapping Up Designers
Design partner in a venture company - a new opportunity for designers? For example, John Maeda joined KPCB, and Irene Au starts working at Khosla Ventures.
KPCB Internet trends 2014
Internet trends for 2014 from KPCB.
Fresh about car interfaces
Post Flat
Wells Riley reflects on how post-flat design can be. A small concept from Pietro Schirano with more active use of gradients.
Software is Eating Hardware - Lessons for Building Magical Devices
Adam MacBeth, who worked on the iPod, Jawbone, Fifty Three Pencil, writes about the features of creating new devices.
Prediction at all
Don Norman examines his predictions made 16 years ago in his book "Invisible Computer". What has come true, what is not, and what else can happen, and also gives new predictions for the next 10 years. Continuing the theme:
Samsung Design Platform
Samsung launched a site dedicated to the principles of the company's design and things it is proud of. Waves of sarcasm have already gone (for example, Fast CoDesign ), but this is interesting anyway. Continuing the theme:
Everyone Deserves Great Design
Wonderful design available to all - a concept created by Ehsan Noursalehi. The idea is to develop simple, functional products that would be equally available in both advanced and developing countries. Such as the classic Casio watches, which have been produced for more than 20 years, Bic pens, plastic chairs, cheap portable ultrasound scanners GE ... Accessibility is not only limited physical, but also limited financial capabilities, limited access to resources. 90% of the world's population live in conditions of limitation.
One billion dollars later ...
Companies have experienced a wave of admiration for big data and web analytics. Anil Dash about the expected appearance of personal / consumer analytics tools, where the quality of the UX will be critical.
What Comes Next Is The Future
A documentary featuring many famous designers, launched on Kickstarter.
Design culture
A new book by Vlad Golovach dedicated to the history of design and its influence on culture. Deep and capacious. Online version .
Get Started in UX
An excerpt from the new book by Matthew Magain and Luke Chambers "Get Started in UX: The Complete Guide to Launching a Career in User Experience Design" on the topic of starting a career in UX.
Designing in the Borderlands by Frank Chimero
Powerful long read on the topic of specialists and generalists in design from Frank Chimero. He identifies three roles of design - decoration, production, and presentation of ideas. The publication is more about graphic design, but relevant to any direction.
Selection of the best books
Better UX Internships
Jim Ross’s excellent material on why internships in companies are often negative for both the employer and the trainee himself. He examines in detail the causes of failures and makes recommendations to both parties. Continuing the theme:
Why Designers Leave
Julie Zhuo from Facebook reflects on why designers leave the company. She describes the typical scenario of a ward, enthusiasm, frustration, and specialist care. Also be interesting:
How I gave CUA
Anastasia Shchebrova about her experience in obtaining a CUA (Certified Usability Analyst) certificate. A set of "cheat sheets" to prepare for it. Continuing the theme:
The Hidden Value Of UX Connectors And The Future Of Our Community
Cory Lebson reflects on local UX communities and their leaders. He recalls the attempt of Lou Rosenfeld and other mastodons to create UXnet in 2004, an initiative to support such communities. Then, probably, it was a bit early, but now such an organization would be useful.
Aquent gymnasium
Free video courses from Aquent, including responsive design and coding for designers.
UX Job Descriptions Made Easy (er)
Vitamin T compiled examples of descriptions of requirements for different levels (junior, “specialist”, senior) of positions: Interaction Designer, Visual Designer, User Researcher.
Service Blueprinting - Transforming the Student Experience
Rethinking learning through service design techniques.
10 Surpisingly Common But Painful User Experiences
A series of funny posters from Jeff Sauro, showing problems in the interfaces.
6 Differences Between B2B and B2C Usability
Jeff Sauro on the difference in the work of usability specialist on corporate and consumer applications.
Goodbye from Five Simple Steps
The publishing house Five Simple Steps ceased to exist, in which “Hardboiled Web Design”, “Practical Guide to Designing with Data”, “Practical Guide to Information Architecture” were published. This is connected with the purchase of parent Mark Boulton Design by the monotype font company ... However, after a month the publishing house decided to continue working. Continuing the theme:
UX How-To with Luke Wroblewski
A series of short tutorial videos from Luke Wroblewski, recorded for the Intel Learning Channel.
100 Most Creative People 2014
Top 100 Creative Specialists 2014 by Fast Co Design.
John Maeda Interview
Interview with John Maeda, one of the most interesting contemporary designers. Interestingly enough, he advises companies and teaches design leaders. Continuing the theme:
Designing Mobile Usability
Mobile Usability Interview with Jacob Nielsen for the Dorm Room Tycoon website.
Meet the godfather of wearables
Interview with Alex Petland, one of the “grandfathers” of wearable devices. Under his leadership, in the 90s, the first prototypes were created in the MIT laboratories: glasses with integrated display; clock with temperature, pulse and blood pressure sensors; belt with wireless Internet access; an icon with a built-in camera and microphone, a keyboard sewn into a vest, etc.
MX2014 Video - Managing Experience
Presentations from the MX2014 - Managing Experience conference, held March 16-17 in San Francisco. I have long wanted to get on it and this year it turned out - this is a unique event in terms of composition and themes. Presentations were sent to participants, but for some reason have not yet been made publicly available. The most powerful performances are at Todd Wilkens from IBM, Bill Scott from Netflix and closing from Brandon Schauer. There was a lot of bullshit, in many respects from the guys from service design (solid water about values ​​without specifics). But in general - it was cool to see how the design process and values ​​in the largest companies are arranged. Some of the presentations are:
Video From From Business to Buttons 2014
Proceedings of the conference From Business to Buttons 2014, held April 3 in Sweden. Some performances:
Video from the conference Lean Day London 2014
Proceedings of the conference Lean Day London 2014, held March 25-26 in London.
Video from The Service Experience Conference 2013
Proceedings of the Service Experience 2013 Conference, held October 3-4 in San Francisco.
Video from ProfsoUX 2014
Proceedings of the conference ProfsoUX, held on April 26 in St. Petersburg.
OFFF Digital Media Culture Festival in St. Petersburg
For the first time in its decade, the OFFF Digital Media Culture Festival will be held in Russia. On July 5 and 6, Anton Repponen & Irene Pereyra (FI), Florian Schmitt (Hi-Res), Rama Allen (The Mill) and others will perform in the creative space of “TKACHI”.
Fresh links can also be tracked in the Facebook group of the same name. Thanks to everyone who also publishes links in it, especially Gennady Dragun.
Patterns and Best Practices
Responsive Email Patterns
The collection of patterns of responsive mailing lists.
Wear UI
A collection of wearable device interface patterns.
')
Principles of Mobile Site Design - Delight Users and Drive Conversions
Google and AnswerLab have published joint recommendations on the creation of mobile sites. These are 25 well-illustrated rules covering all aspects of their creation. Also, a tutorial on the best web practices from Google.
The Right Way To Ask Users For iOS Permissions
Brenden Mulligan on how to properly request user permission in iOS. Translation into Russian .
Rethinking Mobile Tutorials - Which Patterns Really Work?
Theresa Neil examines successful and not-so-great training screen patterns in mobile applications. And gives advice on creating truly popular and useful to the user.
Side Drawer Navigation Could Cost
An interesting case Android application zeebox from Anthony Rose, in which he talks about the lower efficiency of the sidebar as the main principle of navigation. They conducted a series of experiments and always visible on-screen tabs showed much more user involvement. Continuing the theme:
- Another study with the same conclusions. Its second part .
Telling stories about screens for screens
An excellent overview of how to display your product in promotional or educational videos by Matthew Latkiewicz from Zendesk. He identifies 6 main approaches with varying degrees of utility and reliability.
User Onboarding - A frequently-updated compendium of web app first-run experiences
Site dedicated to the analysis of onboarding patterns. Continuing the theme:
- Laura Klein criticizes the desire of many designers and managers to motivate the user to study the product . First you need to give him the opportunity to solve their main tasks and after that you can gradually train additional opportunities.
You are not Google. You are not amazon
You are not Google. You are not Amazon. Why not always have to follow large companies? Paul Boag on non-underlined links in Google search results.
The Ideal Length for All Online Content
What is the optimal length of a Twitter or Facebook post? How long should the title of the article and the article itself be, the paragraph of the text, the line? The results of many studies are collected in the Kevan Lee article.
House of buttons
Gallery of examples of buttons. Static, animated, standard, custom and many many others. Continuing the theme:
- Button theory from Lars-Erik Janlert , starting from the physical to the modern.
The “Psychological” Speed ​​of Mobile Interfaces
Oz Lubling is about psychological “secrets” about how to increase the user-perceived speed of mobile interfaces. Continuing the theme:
- Rusty Mitchell on how Facebook’s transition to a standard preloader allowed users to transfer the blame for slow downloads from the app to iOS itself.
List Beats Grid - Linear Feeds Two to Bet Times Than Grids
For the Prismatic service, placing the elements of the news feed in the form of a list turned out to be 2-3 times more efficient than a grid of cards. They arrived at this conclusion after experiments conducted jointly with Teehan + Lax. Studio about the project .
Why users can't find answers in help material
Tom Johnson presentation on how to make the help system more efficient. He describes the main problems that users encounter in working with them, and leads a step-by-step process to solve them.
Mobile Usability
The report on mobile usability from Practicology based on an analysis of 15 leading UK e-commerce sites. The main 5 conclusions from the report .
Single-Field Credit Card Input Pattern
Brad Frost refined the script, which facilitates the entry of credit card data on mobile, inspired by the decision Square. All fields are entered in one line. Continuing the theme:
- Script for data entry form in natural language .
Notification Design Strategies
Email Notification Design Strategies.
Four Things I Wish Every Chart Did
Des Traynor proposed 4 ideas to improve the interactivity and informativeness of graphs and diagrams.
Where are the brands going wrong online?
Internet mistakes of luxury brands. The main thing is that the sites are made by advertisers who look at the impression of static images and do not think about the real experience of use.
Keyboard-Only Navigation for Improved Accessibility
Support for navigating the site using only the keyboard. How to provide it? Marieke McCloskey tips: 1) clear display of keyboard input focus; 2) all interactive elements must be available; 3) Give users the opportunity to skip the navigation and go directly to the main content.
The One Little Box That's Costing You Big Dollars
The tricks of the interface for entering bonus codes in online stores. What can you lose and what can you earn on it?
Design better faceted navigation for your websites
Excellent analysis of faceted navigation from Jim Kalbach. Pros, cons, pitfalls are well described.
Responsive Design: The Old Old Select Element
An interesting version of the replacement drop-down lists, which works for both web and mobile, proposed by Mikkel Bo Schmidt.
Email Subject Lines: 5 Tips to Attract Readers
Jannele Estes tips on writing email headers that appeal to readers.
This is Responsive - Tips, Resources and Responsive Web Design
A collection of patterns, articles and other useful materials on responsive design. All examples can be felt, it is a working code. Continuing the theme:
- Simple memo on responsive design .
Accordions for Complex Website Content on Desktops
Hoa Loranger about using accordions to display content.
Understanding the user
The Illusion of Motion
Detailed article on the perception of the movement of the human eye / brain, frame rate, sweep rate, motion and televisions. It will help once and for all to understand what FPS is.
Mobile And Accessibility - What You Can Do About It
The basics of mobile accessibility from TJ VanToll. He mentions an interesting color contrast checking tool .
Design with Temperament (Presentation by Hienadz Drahun)
The presentation of Gennady Dragun from the “Design by Fire Cafe # 34” meeting on Monday, May 19. Using types of temperament as the basis for the rapid construction of user behavioral models.
Task Analysis - The Key UX Design Step Everyone Skips
Larry Marine on task analysis is a simple and effective method that everyone has heard about but does not use much.
Behavior Change Strategy Cards
The Artefact Group has published a training manual on how to influence user behavior. This is a set of basic rules for building good interfaces. Direct link to PDF .
Barry the Blog Post ...
Chris Noessel from Cooper Consulting writes about the subtleties of choosing names for characters.
Inside Goal-Directed Design - A Two-Part Conversation With Alan Cooper
Talk with Alan Cooper about Goal-Directed Design. Part 2 about the present.
Gaining UX Insight through Dyads and Triads
James Breeze and Gowri Penkar on the method of group user research using "dyads" and "triads". This is a great option if you need to understand the interaction of the family with the product.
QuickPanel: Dyslexia
10% of people suffer from dyslexia - congenital physical difficulties with reading. 5-20% - dysgraphia - difficulties with writing. 11% of children and 4% of adults have attention deficit, difficulty concentrating. Accessibility experts on how design can help these people.
Personality And Play Styles - A Unified Model
In search of a combined player character model - a fascinating mix of Keirsey’s temperament types, Bartle’s player typology, Chris Bateman’s demographic game design, Kahlu and Lazzaro’s theories and much more. After reading, it remains to throw player personas on the dikes, unless. Continuing the theme:
- Another approach that considers user experience through the prism of an emotional reaction to events in the game. It can serve as a basis for player experience journey map .
Designing with the Mind in Mind - Simple Guide to Understanding User Interface Design Guidelines
An excerpt from Jeff Johnson’s recently released second edition of Designing with the Mind in Mind: A Simple Guide to Understanding User Interface Design Guidelines. The basic principles of perception and how to use them when designing an interface are very well described.
Resources: Mental Modeling For Content Work (Daniel Eizans Presentation with Confab Minneapolis)
Presentation and useful materials from the Daniel Eizans master class on the creation of mental models from the conference Confab Minneapolis. Very good overview of the process and methods.
Designing for Your Objectives
Rachel McCollin method of designing tasks. Simply. Effectively. Productively. Nothing extra.
Defining Patient Experience
Scientific publication describing the 14-year experience in the study and design of the nuances of the interaction of patients and medical personnel from Jason A. Wolf, Victoria Niederhauser, Dianne Marshburn and Sherri L. LaVela. Useful material for those involved in the design of services.
Mobile First? Not so fast
Laura Klein on a more meaningful approach to mobile design. The deciding factors should be the task facing the user and the context of use, not the size of the device.
Learner Centered Design (Book Review)
A small book review on Dorian Peters Learner Centered Design: Interface Design for Learning. It describes the approaches to training users in different products - from sites to games.
Boardroom Comics - A Business-Scenario Visualization Tool For Executives
Ajax Revels about the method of understanding the target audience and the scenarios of its work through the collective creation of comics.
Playful or gameful? Creating delightful UX
Andrés Lucero, Evangelos Karapanos, Juha Arrasvuori and Hannu Korhonen propose the PLEX (Playful Experience) concept for designing interfaces with game elements. The concept is well described, including a set of playing cards and the characteristics of such interfaces.
Data-Driven Design vs Design Intuition
Design based on data and design based on intuition. Bradford Cross (founder and CEO Prismatic), Brynn Evans (lead UX-designer Google) and David Gauquelin (head of Prezi design) and Braden Kowitz (design partner of Google Ventures) discuss the topic.
Why 55% of Potential B2B Buyers Might Not Trust Your Website Content
The main problems with the confidence of B2B sites. The list is headed by: 1) lack of available contact information; 2) low-quality content in the section “About the company”.
Information architecture and conceptual design
Creating a Concept Model (Dave Gray Video)
Video workshop from Dave Gray and Christina Wodtke on creating conceptual models. Step by step 40-minute video. After that a detailed article was published .
Orchestrating Touchpoints
A video of the performance of Chris Risdon from Adaptive Path, in which he examines such an element of Customer Journey Maps as touch points. Continuing the theme:
- Jeff Sauro about the process of creating a map .
- Jamin Hegeman (Adaptive Path Design Director) o Service Design Journey .
Brainsketching: Collaborative Interaction Design
Jay Vidyarthi writes about brainsketching work meetings. Participants draw their ideas on paper instead of discussing them, and then exchange notes several times in order to develop other people's ideas.
Service blueprinting
Presentation of Izac Ross from Cooper Consulting on the Blueprinting service.
Design and design of interface screens
Rumor: Google's Plan To Bridge Chrome, Android, And Search To Do Everything On Your Device
June 25-26, Google I / O will be held and it is likely that the new version of Android will look something like this. Application icons can also be simplified . Continuing the theme:
- Fast CoDesign that the upcoming Google I / O will be largely devoted to design .
- ArsTechnica cites rumors that Google plans to unify the style of all products on mobile, on the web and wearable gadgets. Perhaps this is confirmed by the leaked screenshots of the new Gmail for the web .
- A recent interview with Mathias Duarte , head of mobile design, around this topic.
- The new Google+ has abandoned the sidebar . It is also not in one of the experimental Gmail builds . Although Roman Nurik says that they are not going to refuse it .
- Specs for the first version of Android , which was dropped in favor of the touch version. Part 2 .
Sketch Plugins and Templates
- What's new in Sketch 3 .
- Teehan + Lax iOS7 templates are automatically included in your Sketch 3 installation .
- Sketch Measure plugin, which facilitates the dimensioning of layouts.
- Course on iOS7 + Sketch + Xcode by Meng To.
- Comparing the speed of creating a layout in Sketch 3 and Photoshop CC .
- Plugin for cutting iOS and Android .
- Templates for creating icon fonts .
- The plugin inserts shots from any Dribbble account into the layout . Convenient to use as content when creating galleries.
- IOS device vector templates .
- Another script to insert images from popular online galleries .
- Pilot Plugin Manager .
- Pattern for designing iPhone and iPad .
- A good overview of the tool from a practical point of view of use in a real design process .
- Plugin that generates HTML from .sketch .
- A brief history of Fireworks, as well as the reasons why Sketch becomes a good replacement for it.
The Guide to Wireframing
Chris Bank of UX Pin wrote a series of articles on wireframes, then combined them into an e-book. Articles themselves:
- 4 ways to create thumbnails, not including a computer .
- Practice using wireframes .
- 50 shades of wireframes . What they can be.
- Pros and cons of various types of wireframes tools : office applications, graphic editors, presentation tools, and wireframes and prototyping software.
- Collections of wireframes and interface patterns .
- Brad Frost about creating wireframes in HTML .
Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web
Adobe launched the Parfait online service to facilitate the translation of PSD layouts into layout. It allows you to dimension the design and get the CSS code for the selected objects. Continuing the theme:
- Avocode , another photoless PSD tool.
Speed ​​Design with Illustrator - 14 tips to create interfaces in minutes
Basic memo for creating interfaces in Adobe Illustrator. 14 tips about the main features of the work.
Creating Style Guides
Susan Robertson on how to create HTML guidelines.
Website deck
Playing cards with thumbnails of typical interface screens.
Demonstrate - Mobile Prototyping
Demonstrate application for rapid prototyping of mobile applications for iOS.
UI Design Dos and Don'ts
A selection of basic rules for creating interfaces for Apple's iOS7. By the way, the official guidelines came out in the form of a book in iBooks .
Mitya - Prototype your Interaction Animations
Another tool for creating interactive prototypes from layouts. Syncs with dropbox and shows directly on devices. Official Facebook Tool Group .
MMLayershots
MMLayerShots allows you to collect all the screens of an iOS application into a single structured PSD, which is quite convenient for checking the quality of implementation. Involves some coding and mac skills.
Density Converter by Jeff Broderick
Calculator to adapt the design of smartphone and tablet applications to screens of different resolutions and densities from Jeff Broderick.
Collaborating With Adobe Fireworks On Large Design Teams
Dan Nisbet details how to effectively use Adobe Fireworks in teamwork. Although the support of the tool is essentially discontinued, many still use it effectively and it still has a couple of years.
Peek view
Plugin for Photoshop, allowing you to quickly view layouts on a bunch of connected smartphones and tablets. The creators say it is faster than Skala. Continuing the theme:
- Pixl Preview - Another tool for viewing Android layouts on your device.
iOS 7 UI Kit Photoshop Action Set
A set of actions for Photoshop, simplifying work with iOS7 layouts.
User research and testing, analytics
Experiments at Airbnb
Excellent material AirBnB team on their methods of conducting A / B testing, as well as the features of the use of tools and methods. Translation into Russian . Continuing the theme:
- Quitbit's report that most A / B test results are illusory .
- 5 frequent mistakes when conducting A / B testing.
- David Travis on how to conduct experiments .
- Julie Zhou from Facebook on A / B testing issues .
- Jennifer Cardello from NN / g describes 3 sources of potential problems with A / B testing and offers her own approach based on user research.
Easy Color Contrast Testing
A simple way to test color contrast with Chrome Accessibility Developer Tools.
The Moderator's Survival Guide - Handling Common, Tricky, and Sticky Situations in User Research
Excerpt from Donna Tedesco and Fiona Tranquada’s last year’s book The Moderator's Survival Guide: Handling Common, Tricky, and Sticky Situations in User Research.
Identifying the 3 Types of Missing Data
Jeff Sauro explains how to analyze incomplete user survey data. Different situations are possible - a specific question was uncomfortable for a significant part of the respondents and there is no answer to a large percentage of them or the answers are missed randomly.
Usability Testing for Detailed Design Using Mechanical Turk
The case of how the Prismatic team used the Amazon Mechanical Turk service to simplify the selection of options using A / B testing.
Readability.io - Check for readability of texts
The online service Readability.io helps to improve information texts in the interfaces.
Visual programming
The “designers should code”
Interesting thoughts Davide Casali on the topic of the popular in recent years promise whether the designer should be able to impose.
Macaw - The Code-Savvy Web Design Tool
Macaw came out of beta, a new modern tool for designers and designers to replace heavyweight Photoshop. Like Sketch, it simplifies the workflow, but it goes further and promises visual programming, which leading designers have long dreamed of. The output is clean and neat HTML and CSS that supports adaptability. Continuing the theme:
- Less trendy and ideologically correct, but potentially interesting Tumult Hype .
Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw
A detailed review of modern tools for the visual "layout" of responsive sites. Continuing the theme:
Framer - Modern Prototyping
The third version of Framer.js has been released with a bunch of new features. Continuing the theme:
- The official Facebook group .
- Implement Swipe and Drag on Framer 3 .
- From day to day FramerView will be released , a rather handy tool for viewing your prototypes made with Framer.js on iPhone.
Avocado for Quartz Composer
IDEO's Avocado framework, another add-on to Quartz Composer. Version 1.0 has been released . Continuing the theme:
- Alexey Solomatin's blog dedicated to Origami and Quartz Composer.
- A small step by step guide from Dan Counsell .
- Renewable collection of prototypes on Quartz with Origami taste.
Understanding CSS Timing Functions
A detailed analysis of how the modern CSS-animation from Stephen Greig. Considering that it is becoming easier to do such things with your hands, it is helpful to understand general principles and details.
- The article mentions a great online tool for creating Bezier curves for animation .
- Good review article on Bezier curves .
Famo.us
Javascript framework for creating complex user interfaces for any screens. Good documentation, full of demo materials and educational articles, a growing community. Built-in 3D-engine that works in almost any browser - you can do anything: from complex animations to games.
Facebook Pop
Facebook has opened the code for its Pop framework for animation in mobile applications, which was used to create Paper. Read more about it . Continuing the theme:
- Flux program for creating animations in iOS applications.
Parallax Done Right
Dave Gamache from the Medium team describes the technical details of creating the right parallax on the web. Demo in support of the article .
Refills
Another Refills designer for quickly building projects. Made on the basis of the CSS framework Bourbon and its add-ons Bitters and Neat.
Hello processing
As part of Hour of Code ™, a sub-site was launched with a video tutorial on the programming language Processing, sharpened for data visualization.
Flowhub - Peer-to-peer full-stack visual programming for your fingers
A tool for visual programming Flowhub (formerly NoFlo ) at the beginning of this year raised money for KickStarter and is now in beta. It is based on JavaScript and allows you to work with the web and applications on Android and iOS. Review article .
Forms - The Complete Guide
The Martin Polley Form Prototyping Guide, using the Zurb Foundation framework. Part 2 .
Webflow - Website Interactions without Code
Webflow adds interactive animation capabilities, so it’s even better for single-page promo sites.
Snap.svg
JS-library for creating graphics and its animation in SVG. Continuing the theme:
- Notes from Chris Coyier's "SVG is for Everybody" talk at An Event Apart.
Cody
Renewable collection of building blocks for your web project. There are both complex HTML / CSS / Javascript solutions, and individual small components.
iOS Hat
iOS Hat helps turn layers from Photoshop into working code on Objective-C. Supports the export of color, vector shapes, text styles. Sizes and bindings are taken into account.
Paintcode
Another modern tool for designers who want to cut the chain from layouts to implementation. It allows you to export layouts for iOS to resources and code in Objective-C and C #.
Visual Programming Languages ​​Snapshots
The history of visual programming tools from the 60s to our time from Eric Hosick of Interface Vision.
Get shit done
Bootstrap 3 based framework.
The Answer to PhoneGap UI Development
HTML5 framework Onsen UI for creating Android and iOS applications. Positioned as the best alternative to PhoneGap.
Metrics and ROI
Why consumer product metrics are all terrible
Andrew Chen writes the truth about user metrics for social services. In some cases, only 1% of visitors will register; 95% percent of your users will be inactive on any particular day; More than 50% percent of users will remain alone, they will not join anyone.
Management of interface projects, processes and teams
PJ McCormick's Leading Your Design Through Danger
PJ McCormic on building a process within his design team at Amazon.
Building a Solid Foundation for Efficient Design
Angela Cravel from EffectiveUI on how to analyze the situation in the company.
A look Inside Design at HubSpot
Joshua Porter, UX-director of HubSpot, talks about the organization of the design process in the company.
Fuck Innovation, Everything We Have Now
Amy Hoy about product design, that you first need to make simple things work, and only then chase after “innovation”. Continued . Continuing the theme:
- James Clear that you should not be squandered on the details until a solid foundation is laid .
4 Myths About Apple Design, From An Ex-Apple Designer
Mark Kawano, ex-evangelist for UX at Apple, exposes 4 myths about the design process in the company. Translation into Russian .
7 Reasons Usability Problems Don't Get Fixed
Jeff Sauro describes 7 main reasons why the found usability problems remain unsolved: 1) It is not clear how often the problem is encountered, how many users it affects; 2) The problem affects a small number of users; 3) There is no agreement within the team whether the problem is really a problem; 4) Recovery requires major rework of the product; 5) The effect of the problem has little noticeable effect on user experience; 6) Estimating the cost of fixing more than the potential gain; 7) The product already works, earns money. The hosts are aware of the problems, but are satisfied and do not want to change anything yet.
Maximum Viable Product
Joe Leech from CXPartners on the reverse concept for lean UX - Maximum Viable Product. This is the set of functions that is the limit, after which the overload of opportunities and the deterioration of the interface begins.
Stop Dancing Around Criticism from Airbnb's Head of UX
Airbnb Katie Hill tips on how to criticize design. And painted on both sides - the presenter and the critic. Continuing the theme:
- How are the regular sessions of criticism in Innova .
How to Spot Good UX Designers
New column UXMatters on how to notice a good UX-designer?
Product management and analytics
Designer Duds - Losing Our Seat at the Table
Is the design for the sake of design, for example, the Carousel application from Dropbox, Paper from Facebook, Jelly? After all, design must produce results. The “gorgeous” design that brings little return is in fact a failure. Tuhin Kumar from Facebook replies to the article . True, a little from the position of "first get it."
A Guide To Validating Product Ideas With Quick And Simple Experiments
Grace Ng describes a product hypothesis testing method and a visual table for this. She gives a simple example from her practice, showing how to work with a template.
Solving Strategic Problems - Going Beyond Being A Technology Order Taker
Good cases of how to convince the company to change the product plans. Continuing the theme:
- As designers, Behance also combines the role of product manager .
Rap Genius Explains Why Worse is Better
A very useful program article about Tom Lehman, the creator of the Rap Genius service, in which he talks about the history of product creation and his conviction "the worse the better." His goal is to test product ideas live in as simple a form as possible, driving a bolt into the weak ones. , , . , , , . .
The Last Goodbye — How To Shut Down A Failing Product
Kevin Stone , . , .
, ,
Establish user experience transformation as a continuous evolution
Richard Berkman Marvin Klein IBM . — , . , , — .
Accessibility in Practice — A process-driven approach to accessibility
. , . , , , . , , WCAG , WAI-ARIA. , «» . :
UX-
UX + 2014.
Cases
Good design ain't pretty
Luke Jones Dribbble Behance Mac OS. . :
- .
- Google The Letter Society .
- Android- Quora .
- Windows 8 Jay Machalani .
- iTunes Brye Kobayashi .
- Microsoft . .
- IMDB .
- . .
- iOS Jay Machalani .
Lenta Inside — -
- , ., , .
The
Case Improve your Facebook user profile with a bunch of research. From co-design with users to running in on the percentage of the audience.
Hybrid sweet spot: Native navigation, web content
David Heinemeier Hansson of 37 Signals on the evolution of the Basecamp mobile application using a hybrid approach.
Story
The Woman Behind Apple's First Icons
About Susan Kare, one of the first digital designers, the author of the icons of the first Mac, and generally one of the most legendary personalities in product design is written regularly. But this article is probably the most detailed and interesting of all.
25 old school websites for 25 years of the web
Microsoft, Google. Apple, BBC, CNN ... Like 25 famous sites looked 15-20 years ago.
The Secret History of Hypertext
Another article about the Belgian librarian and entrepreneur Paul Otlet and his contribution to the emergence of the Internet. It turns out that in addition to his famous project Mundaneum, he was ahead of the ideas of Vannevar Bush, which is considered to be the founder of the concept of hypertext and computer as the “expander of abilities” of man.
The Videophone Turns 50 - The Historic Failure That Everybody Wanted
Mashable about the 50th anniversary of the first video background from AT & T and the difficult way of making video calls for everyday use.
Trends
The New York Times Agenda
The NY Times internal report on trends in content projects and the state of the publication itself went public. It is extremely interesting about where this industry is developing. Also be interesting:
- Interesting facts about the work of content projects , debunking some myths.
- The Behance Russia article on modern trends in the design of content projects with comments from me, Alexander Gladkikh (Charmer) and Anatoly Gromov (Fjord Stockholm).
Spike and Die - Why Products Created by Ad Agencies Fail
One of the trends of the moment - advertising and creative agencies are beginning to engage in UX- and product design. It turns out at first glance very impressive, but fraught with the success of the products themselves.
From Paths to Sandboxes
Presentation by Stephen P. Anderson, devoted to an alternative view on the design of services. He proposes to abandon the job of optimizing specific scenarios and create a platform with simple rules of work that users could use as it suits them better. Such services have much greater involvement and flexibility - almost like game worlds.
Why VC Firms Are Snapping Up Designers
Design partner in a venture company - a new opportunity for designers? For example, John Maeda joined KPCB, and Irene Au starts working at Khosla Ventures.
KPCB Internet trends 2014
Internet trends for 2014 from KPCB.
Fresh about car interfaces
- Geoff Teehan has prepared an overview of the interfaces of the information systems of luxury cars .
- The battle of car interfaces: no one wins yet .
- Virtual dashboard 2015 Audi TT .
- The concept of Windows in the Car .
- Steering wheel control Formula 1 .
Post Flat
Wells Riley reflects on how post-flat design can be. A small concept from Pietro Schirano with more active use of gradients.
Software is Eating Hardware - Lessons for Building Magical Devices
Adam MacBeth, who worked on the iPod, Jawbone, Fifty Three Pencil, writes about the features of creating new devices.
- Case of London Berg , which from a design studio has become a company engaged in gadgets.
Prediction at all
Don Norman examines his predictions made 16 years ago in his book "Invisible Computer". What has come true, what is not, and what else can happen, and also gives new predictions for the next 10 years. Continuing the theme:
- Jacob Nielsen talks on Google about his vision of future usability.
Samsung Design Platform
Samsung launched a site dedicated to the principles of the company's design and things it is proud of. Waves of sarcasm have already gone (for example, Fast CoDesign ), but this is interesting anyway. Continuing the theme:
Everyone Deserves Great Design
Wonderful design available to all - a concept created by Ehsan Noursalehi. The idea is to develop simple, functional products that would be equally available in both advanced and developing countries. Such as the classic Casio watches, which have been produced for more than 20 years, Bic pens, plastic chairs, cheap portable ultrasound scanners GE ... Accessibility is not only limited physical, but also limited financial capabilities, limited access to resources. 90% of the world's population live in conditions of limitation.
One billion dollars later ...
Companies have experienced a wave of admiration for big data and web analytics. Anil Dash about the expected appearance of personal / consumer analytics tools, where the quality of the UX will be critical.
What Comes Next Is The Future
A documentary featuring many famous designers, launched on Kickstarter.
Professional Development
Design culture
A new book by Vlad Golovach dedicated to the history of design and its influence on culture. Deep and capacious. Online version .
Get Started in UX
An excerpt from the new book by Matthew Magain and Luke Chambers "Get Started in UX: The Complete Guide to Launching a Career in User Experience Design" on the topic of starting a career in UX.
Designing in the Borderlands by Frank Chimero
Powerful long read on the topic of specialists and generalists in design from Frank Chimero. He identifies three roles of design - decoration, production, and presentation of ideas. The publication is more about graphic design, but relevant to any direction.
Selection of the best books
- The 100 main books on the UX by Craig Tomlin.
- A selection of books on the verge of fiction and design .
- A selection of the best books according to Nick Finck , version 2014.
- 24 free e-books from Craig Tomlin .
Better UX Internships
Jim Ross’s excellent material on why internships in companies are often negative for both the employer and the trainee himself. He examines in detail the causes of failures and makes recommendations to both parties. Continuing the theme:
- The Artyom Gorbunov Bureau opens an internship school with guaranteed employment. His interview about school .
Why Designers Leave
Julie Zhuo from Facebook reflects on why designers leave the company. She describes the typical scenario of a ward, enthusiasm, frustration, and specialist care. Also be interesting:
- Why do designers leave ? Three main reasons: 1) lack of progress; 2) non-corporate culture; 3) sad co-workers.
- An example of onboarding for a new employee in Trello from its creators, Fog Creek.
How I gave CUA
Anastasia Shchebrova about her experience in obtaining a CUA (Certified Usability Analyst) certificate. A set of "cheat sheets" to prepare for it. Continuing the theme:
- Cory Lebson talks about whether certification of UX specialists is needed at all and what it should be.
The Hidden Value Of UX Connectors And The Future Of Our Community
Cory Lebson reflects on local UX communities and their leaders. He recalls the attempt of Lou Rosenfeld and other mastodons to create UXnet in 2004, an initiative to support such communities. Then, probably, it was a bit early, but now such an organization would be useful.
Aquent gymnasium
Free video courses from Aquent, including responsive design and coding for designers.
UX Job Descriptions Made Easy (er)
Vitamin T compiled examples of descriptions of requirements for different levels (junior, “specialist”, senior) of positions: Interaction Designer, Visual Designer, User Researcher.
Service Blueprinting - Transforming the Student Experience
Rethinking learning through service design techniques.
10 Surpisingly Common But Painful User Experiences
A series of funny posters from Jeff Sauro, showing problems in the interfaces.
6 Differences Between B2B and B2C Usability
Jeff Sauro on the difference in the work of usability specialist on corporate and consumer applications.
Goodbye from Five Simple Steps
The publishing house Five Simple Steps ceased to exist, in which “Hardboiled Web Design”, “Practical Guide to Designing with Data”, “Practical Guide to Information Architecture” were published. This is connected with the purchase of parent Mark Boulton Design by the monotype font company ... However, after a month the publishing house decided to continue working. Continuing the theme:
- A farewell word from Andrew Clarke , author of Hardboiled Web Design.
- Mark Boulton laid out in the open access his book Practical Guide to Designing for the Web , the first book of the publisher.
UX How-To with Luke Wroblewski
A series of short tutorial videos from Luke Wroblewski, recorded for the Intel Learning Channel.
Important people in the industry
100 Most Creative People 2014
Top 100 Creative Specialists 2014 by Fast Co Design.
John Maeda Interview
Interview with John Maeda, one of the most interesting contemporary designers. Interestingly enough, he advises companies and teaches design leaders. Continuing the theme:
- John Maeda about 3 principles of successful design : 1) Start with the design, and do not end with it; 2) Allow designers to encode, and developers - to draw a design; 3) Do not oppose business and design, business goals and user goals.
Designing Mobile Usability
Mobile Usability Interview with Jacob Nielsen for the Dorm Room Tycoon website.
Meet the godfather of wearables
Interview with Alex Petland, one of the “grandfathers” of wearable devices. Under his leadership, in the 90s, the first prototypes were created in the MIT laboratories: glasses with integrated display; clock with temperature, pulse and blood pressure sensors; belt with wireless Internet access; an icon with a built-in camera and microphone, a keyboard sewn into a vest, etc.
Conference proceedings
MX2014 Video - Managing Experience
Presentations from the MX2014 - Managing Experience conference, held March 16-17 in San Francisco. I have long wanted to get on it and this year it turned out - this is a unique event in terms of composition and themes. Presentations were sent to participants, but for some reason have not yet been made publicly available. The most powerful performances are at Todd Wilkens from IBM, Bill Scott from Netflix and closing from Brandon Schauer. There was a lot of bullshit, in many respects from the guys from service design (solid water about values ​​without specifics). But in general - it was cool to see how the design process and values ​​in the largest companies are arranged. Some of the presentations are:
- Brandon Schauer published a cool training manual for UX-managers and strategists , announced it at the end of the event.
- An article on design history at IBM and the current approach , part of what Todd Wilkens was talking about.
Video From From Business to Buttons 2014
Proceedings of the conference From Business to Buttons 2014, held April 3 in Sweden. Some performances:
- Kim Goodwin is about the 4 archetypes of organizational cultures, and what is required of the UX within each of them.
- Chris Ridson - Service Design Touchpoints.
- Cennydd Bowles on Design Ethics.
Video from the conference Lean Day London 2014
Proceedings of the conference Lean Day London 2014, held March 25-26 in London.
Video from The Service Experience Conference 2013
Proceedings of the Service Experience 2013 Conference, held October 3-4 in San Francisco.
Video from ProfsoUX 2014
Proceedings of the conference ProfsoUX, held on April 26 in St. Petersburg.
OFFF Digital Media Culture Festival in St. Petersburg
For the first time in its decade, the OFFF Digital Media Culture Festival will be held in Russia. On July 5 and 6, Anton Repponen & Irene Pereyra (FI), Florian Schmitt (Hi-Res), Rama Allen (The Mill) and others will perform in the creative space of “TKACHI”.
Fresh links can also be tracked in the Facebook group of the same name. Thanks to everyone who also publishes links in it, especially Gennady Dragun.
Source: https://habr.com/ru/post/225287/
All Articles