Product Design Digest November 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-October 2014 .
Website Style Guide Resources
Bulk collection of materials on live site guidelines. Articles, books, manuals, podcasts, conference reports, toolkits, and real-life examples are all put together, conveniently cataloged, and regularly updated. I will take out the most powerful comparative table of frameworks and ready-made solutions .
')
Fluid touch design
Ralph Thomas parses the interface solution of a quick-add floating button in the Inbox mail client from Google. It allows you to reduce the number of clicks due to quite comfortable gestures. They, however, is not easy to detect, but as a shortcut solution is excellent. Luke Wroblewski also explores his advantages .
Crayon
Search engine on top of a huge collection of real "marketing" designs. You have the ability to filter results by page type, industry, CMS used, traffic level. So look for direct requests like "landing pages" or "home pages on squarespace". The resource will be useful for designers, marketers, product managers to find inspirations and solutions.
High Performance Map Interactions Using HTML5 Canvas
Ed Kelley talks about solving a rather non-trivial task - presenting a map of the stadium in the mobile web with a wide choice of seats.
Design Details: Inbox by Google
Brian Lovin examines the interface patterns of the Inbox app for iOS.
Eye-tracking: cases and insights
Yuri Granovsky reviewed the research of the golden triangle.
Form Usability: Getting 'Address Line 2' Right
On the problems of the field "Address 2" when making a basket. This is specific to Western online stores, but many professionals work in foreign markets.
uiGIFs - Animated UI inspiration in your inbox every Monday
Gallery uiGIFs with examples of animation in applications.
Ocean
Another Dribbble-like community.
The Rise of the Phablet: Designing for Larger Phones
Steven Hoober said that big screens are not a big problem, since most users do not use the phone with one hand.
60 ways to understand groups or surveys
David Travis lists 60 ways to understand user needs.
Typography & Dyslexia
The Bigelow & Holmes slogan has questioned the effectiveness of special fonts for dyslexics.
Take Note, Facebook: How To Set Up A Lab Rats
Fast Co Design about the ethics of hidden user research and university programs that teach professionals not to cross the line.
Alexey Kopylov - Introduction to Customer Journey Map
Video recording of the webinar and slides of the presentation by Alexey Kopylov “Introduction to Customer Journey Map” at the Interface Design School.
CJM Online
Online service for creating Customer Journey Map from Minsk company UXPresso and developer ReactiveBit.
System Thinking and UX
An article by Stew Dean, based on his speech at the EuroIA 2014 conference, on systems thinking in design. He examines its application to interfaces in great detail and addresses the problems of popular approaches to solving design problems. The first part .
Atomic - Design the Future
What a week without a new interface design and design tool? Atomic also promises a modern approach to prototyping mobile and team work on it. Not for nothing at the recent Google design conference Form was a separate panel for the creators of such products. The guys have already managed to launch their Designer News .
New about Material Design
New to Sketch
New for Apple Watch
New for Android Wear
New for iPhone 6
New for iOS7 / iOS8
Proto.io Spaces
A library of ready-made solutions for an online tool for designing mobile and tablet sites and applications Proto.io.
Prott - Rapid Prototyping & Radical Collaboration
Another application for rapid prototyping on mobile.
Navilytics - Powerfully simple tools at your disposal
An interesting web analytics service with advanced features. Allows you to record a sequence of actions on the page, provides heat maps, scrolling page funnels, analyze forms and different areas of the page, and also segment it all.
How Chartbeat improves media sites
How AIF works with the Chartbeat service to improve product performance. It tracks user engagement as an addition to traditional metrics such as viewing depth.
Opinion Yana Moskvina: Just in case: on Chartbeat a really separate person should be planted - he updates too much information in real-time, and his head hurts from every second blink of the screen. If you want to try the free option, and without a ripple in your eyes, you can use the Realtime report in Google Analytics and the Web.vizor Yandex.Metrica.
Generally speaking, instead of enlightening, a media site can quickly slip into a show for users - only show the clickable to everyone. The task of “strapping” pages is good, traffic-generating. But it’s really wise to approach.
An introduction to user research techniques
Handbook of user research from GOV.UK. Continuing the theme:
Recruiting User Research Participants by Email
Jim Ross on how to find users for research using email. The article describes the script and pitfalls.
A Guide To Conducting A Mobile UX Diagnostic
Lyndon Cerejo is about the variation of the expert assessment method, which is more formalized and sharpened on the scenario.
How To Run User Tests At A Conference
Excellent training manual for conducting user research at conferences from Daniel Suable. Initially, a lot of water, but the second half of the case. Continuing the theme:
Refining Your Mobile Onboarding Experience Using Visual Analytics
Alon Even from the AppSee mobile analytics service team on how to track onboarding performance on mobiles. In the first half enough default categorization of approaches, on the topic begins later.
Tumult hype pro 3
Another modern tool for designers, the third version of Hype Pro. They promise interactive reusable animated objects with a physical model and adaptability for websites, iBooks, advertisements.
The Art of UI Animations
Workshop with Mark Geyer about the animation in the interface. Pretty interesting format feeds, run in a browser. The workshop itself is very informative. Mark Geyer works in the Salesforce research and development department.
Blocs
Another tool for the visual creation of sites. This is an application for Mac from Norm Sheeran, which is essentially a smart strapping over Bootstrap. A small screencast and video work .
Form is joining google
Google bought Form, Origami-like tool for interactive prototyping. Of the obvious advantages is the ability to interact with the prototype on the device on the fly, just as with Sketch Mirror.
New scripts
Designers Code Differently
Meng To about coding designers and their differences from developers.
Styling And Animating SVGs With CSS
Sara Soueidan's advanced SVG styling and animation guide with CSS. Continuing the theme:
5-Steps For Getting Started Measuring The Customer Experience
Jeff Sauro Tips for CX based on the importance of product features.
About Face 4: Chapter 6: Creative Teamwork
UXMatters publishes the sixth chapter of the fourth edition of the book About Face. Continuing the theme:
Beyond the UX Tipping Point
Jared Spool on the turning point of UX adoption in organizations. It becomes irreversible when the company no longer agrees to compromise on user experience. Now technologies are beginning to adapt to the required impressions, and not vice versa. Jared rephrases UX levels of company maturity:
Zeplin - Collaboration app for UI designers & frontend developers
Zeplin's desktop collaboration application for designers and developers. Connects to Sketch and will soon be able to Photoshop, facilitates the transfer of specifications. Facebook group .
Gibbon - Peer-to-peer learning for your organization
An interesting service for organizing the exchange of knowledge within the company and the team, as well as the rapid inclusion in the workflow of beginners.
Hanno playbook
Excellent detailed training manual on the design project from the studio Hanno. Less about specific techniques, more about the overall process and building relationships with the client. The announcement of its launch .
Wake - Open Your Design Process
Wake service for team work on layouts and mindboards. Allows you to download and discuss your design and collect a collection of examples.
UX candidates
Irene Au on where to find candidates for UX positions. Written for the US, but partly relevant for our market.
5 Mistakes We All Make with Product Feedback
Des Traynor writes in the Intercom blog about 5 errors that should be avoided when working with user reviews of your product. His tips: divide users into groups; constantly collect reviews; share paying and free users; not to follow the opinion of the “loud minority”; re-check user requirements, trying to determine their motives. Continuing the theme:
Data-Informed Design: Three Data Stories
Pamela Pavliscak begins a series of publications on working with analytics data when designing interfaces. The first of them is devoted to the tasks that help solve such data - to convince someone, to improve something, to investigate.
Departmental Order “On Approval of the Professional Standard“ Graphic and User Interface Designer ””
The text of the professional standard “Graphic and User Interface Designer” was submitted to the Minister for approval.
Building SoundCloud
The most interesting story by Michael Nino Evensen about how the SoundCloud iPhone application was redone is one of the most interesting this year. Very detailed and with lots of details.
New cases of design and redesign
Modern editorial CMS
4 Things HealthCare.Gov 2.0 Gets Right (And 5 Things It Still Gets Wrong)
Designers are discussing the second version of the portal HealthCare.gov, the launch of which last year was accompanied by a lot of usability and technical problems.
The Evolution of the Bar Buttons
Karla Urbina is studying the evolution of the now familiar buttons for closing, minimizing and maximizing the application window in the desktop OS. Interestingly, in many cases it all began with a burger icon. Continuing the theme:
A brief history of content strategy
Translation into Russian of the discipline history of content strategy, the interest in which has been actively growing in recent years. For the first time they started talking about it in 1997-1998, and in 2009 there was an explosion of interest.
Ibm design
In the coming weeks, IBM will introduce its design language, which promises to be one of the largest among large companies at the BBC GEL and Material Design levels. It will appear on the IBM Design website. So far, there is general information about the company's initiatives, but in a recent speech, Phil Gilbert (the head of the design of the corporation) spoke in some detail about these guidelines (the specifics begin in the second half).
The design language of IBM will describe the general principles, visual and interface guidelines, techniques and tools of work. In particular, they proposed their own variation of design thinking, more pragmatic and applicable in real life. Judging by the shown sketches of real products, it falls on the life of a corporation very well.
The company is over a hundred years old and during this time it has been able to reinvent itself several times and get out of severe crises. They also approached the design systematically, as well as everything else - the strategy of its introduction into the life of the company is impressive, as is the scale (the design staff must reach 1,000 people). You can follow the announcements on Twitter on the team .
HP Sprout is a Bold Attempt to Reimagine the Desktop PC
Last week, HP revealed the reckless concept of a new approach to interacting with the desktop computer for Sprout designers. Instead of a keyboard, it has a projected touch-surface, which, together with a 3D camera, changes the usual format of work. And this is already a working product that can be bought for $ 1,899. Authors of other well-known concepts give their assessment .
Checkout / login designers, this is your new bar: ONE tap / NO forms
A radical simplification of the process of placing an order on mobile, possible with the wide distribution of fingerprint scanners.
The End of Apps as We Know Them
Paul Adams predicts that applications will be used less and less. Users will increasingly interact with streams of interactive cards with content or notifications from applications than with the applications themselves. He later explained the article .
Designing to Co-Designing to Collective Dreaming - Three Slices in Time
Liz Sanders and Pieter Stappers review the history of the format of collaboration between designers, researchers, developers and users and predict the active development of co-design practices now and in the future. Many companies come to such thoughts.
Physical Web - Walk up and use anything
The Google Physical Web initiative to standardize so you don’t have to have an app for every household appliance.
Web Apps
Lukas Mathis on hybrid apps and general trends in mobile development.
Background studies. How to read a lot, to know and not to go nuts (presentation by Yuri Vetrov)
My presentation about the background research approach from the World Usability Day 2014 conference. About how to read a lot, know and not go nuts. The complexity of modern products is growing, and the format of the work of modern product teams is becoming more dynamic. We are expected to have a sufficiently high level of professional erudition, which is not easy to recruit, and supporting is even harder.
I work closely with information on the profession and structure understanding of its areas that I work with or will probably work in the future. Initially, I spent a lot of time on this, but gradually I learned how to cope with this hellish flow, so now it takes an hour and a half a day. The presentation explained why I consider this important, how the information flows are arranged and how it helps me to practice. There are VERY many references to all sorts of selections and lists. Some are already full, some are just going.
7 Rules for Creating Gorgeous UI
7 rules for creating beautiful interfaces for non-designers from Erik D. Kennedy. Very accessible language and with good examples, although sometimes non-systemic. The second part of the article .
Time with Users: Set Personal and Company Goals
Jakob Nielsen describes the TRP user standards for all members of the product team. The article presents an interesting sign of the importance of regular participation in research for different specialists.
Online course “Visualization. Basics
The first lectures of the free online course of Tanya Bibikova (Misyutina) on the basics of data visualization became available.
Scott Jehl's Responsible Responsive Design
In continuation of the “color series” A Book Apart, Scott Jehl published the book Responsible Responsive Design. Considered many aspects of design and design with the support of adaptability for mobile and web versions of the product.
User Experience Salaries & Calculator (2014)
Jeff Sauro processed the UXPA UXP Salary Survey. The main factors are the position and geographical position of the work. You can also experiment with a payroll calculator. Continuing the theme:
9 basic principles of responsive web design
Froont service designers have prepared a vivid overview of the principles of responsive design in the form of 9 animations. Translation into Russian .
AMA: I'm Julie Zhuo, director of product design @ Facebook
Q & A session with Julie Zhuo, head of product design for Facebook, on Designer News. Translation of individual questions into Russian . Other AMA sessions:
Shopping design studios by large companies
Google FORM 2014
Video presentations from the Google Form 2014 conference, which was held on November 4-5 in San Francisco, USA. It was devoted to a combination of design and technology and included a powerful list of speakers from fashionable Internet services. Some interesting speeches:
Video report from the seminar Vitaly Friedman Mail.Ru Group
On November 14-15, Vitaly Friedman was doing an extended master class at the Mail.Ru Group office, in which he described in detail many of the techniques for optimizing the performance of an adaptive website. Our colleagues published a video recording of the lecture, anticipating the training. There are not all 8 hours, but a lot of interesting things.
UX Immersion 2014
Video presentations from the conference UX Immersion 2014, which was held April 7-9 in Denver, USA. Some interesting speeches:
Midwest UX 2014
Video presentations from the Midwest UX 2014 conference, which was held October 23-25 ​​in Indianapolis, USA. Speakers on which you should pay attention: Stephen Andeson, Jared Spool, Peter Morville, Mark Rolston, Jon Kolko, Steven Hoober.
UX in Japan (Takumi Yoshida)
Report by Takumi Yoshida with ORIENT Uxpress. There is much and interesting about the difference in the design of products for the Eastern and Western markets, with real examples on Sony / Nokia products, etc. The cultural and cross-national differences in the construction of mental models of interaction, the perception of patterns are considered. Continuing the theme:
ConveyUX 2014
Video presentations from the conference ConveyUX 2014, which was held February 5-7 in Seattle, USA.
Fresh links can also be tracked in the Facebook group of the same name. Thanks to everyone who also publishes links in it, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny and Anton Artyomov. More and more materials in reviews appear thanks to them.
Patterns and Best Practices
Website Style Guide Resources
Bulk collection of materials on live site guidelines. Articles, books, manuals, podcasts, conference reports, toolkits, and real-life examples are all put together, conveniently cataloged, and regularly updated. I will take out the most powerful comparative table of frameworks and ready-made solutions .
')
Fluid touch design
Ralph Thomas parses the interface solution of a quick-add floating button in the Inbox mail client from Google. It allows you to reduce the number of clicks due to quite comfortable gestures. They, however, is not easy to detect, but as a shortcut solution is excellent. Luke Wroblewski also explores his advantages .
Crayon
Search engine on top of a huge collection of real "marketing" designs. You have the ability to filter results by page type, industry, CMS used, traffic level. So look for direct requests like "landing pages" or "home pages on squarespace". The resource will be useful for designers, marketers, product managers to find inspirations and solutions.
High Performance Map Interactions Using HTML5 Canvas
Ed Kelley talks about solving a rather non-trivial task - presenting a map of the stadium in the mobile web with a wide choice of seats.
Design Details: Inbox by Google
Brian Lovin examines the interface patterns of the Inbox app for iOS.
Eye-tracking: cases and insights
Yuri Granovsky reviewed the research of the golden triangle.
Form Usability: Getting 'Address Line 2' Right
On the problems of the field "Address 2" when making a basket. This is specific to Western online stores, but many professionals work in foreign markets.
uiGIFs - Animated UI inspiration in your inbox every Monday
Gallery uiGIFs with examples of animation in applications.
Ocean
Another Dribbble-like community.
Understanding the user
The Rise of the Phablet: Designing for Larger Phones
Steven Hoober said that big screens are not a big problem, since most users do not use the phone with one hand.
60 ways to understand groups or surveys
David Travis lists 60 ways to understand user needs.
Typography & Dyslexia
The Bigelow & Holmes slogan has questioned the effectiveness of special fonts for dyslexics.
Take Note, Facebook: How To Set Up A Lab Rats
Fast Co Design about the ethics of hidden user research and university programs that teach professionals not to cross the line.
Information architecture, conceptual design, content strategy
Alexey Kopylov - Introduction to Customer Journey Map
Video recording of the webinar and slides of the presentation by Alexey Kopylov “Introduction to Customer Journey Map” at the Interface Design School.
CJM Online
Online service for creating Customer Journey Map from Minsk company UXPresso and developer ReactiveBit.
System Thinking and UX
An article by Stew Dean, based on his speech at the EuroIA 2014 conference, on systems thinking in design. He examines its application to interfaces in great detail and addresses the problems of popular approaches to solving design problems. The first part .
Design and design of interface screens
Atomic - Design the Future
What a week without a new interface design and design tool? Atomic also promises a modern approach to prototyping mobile and team work on it. Not for nothing at the recent Google design conference Form was a separate panel for the creators of such products. The guys have already managed to launch their Designer News .
New about Material Design
- Icon grid from Tobia Crivellari .
- A template for After Effects with some typical animations .
- Guidelines markedly supplemented .
- Google Calendar in the new guideline is about to be in the app store . Many interesting decisions in the general ideology.
- Manual Studio made a posh booklet with a description of the basic principles of material design .
- The Wired article has a couple of interesting pictures - paper icons to check their materiality and internal fitting guidelines for the largest third-party applications .
- UXFox transferred to the Russian case for the design of applications for matches NBA .
- Another theme for Bootstrap in the spirit of Material Design along with templates in PSD .
- Morphing icons Ă la material design on CSS + JS .
- Script for swipe cards in the spirit of guidelines .
- Script showing a change in the state of adaptability .
- Script with the effect of diverging circles at the point of depression .
- The script is a changing icon of the ellipsis .
- The script is a changing burger icon .
- A script for sequentially animated loading of tiles and the initial Google Design based on it .
- Script loading indicator .
- Theme for Angular.js .
- A growing collection of designs in the ideology of Material .
- A small training manual from Max Weiner from Pocket about switching to material design .
New to Sketch
- New in version 3.2 .
- Solving problems with the work of hot keys with the included Russian and other layouts .
- Alisher Yakupov tells in detail about the experience of the Odnoklassniki design team’s transition to Sketch .
- About comfortable setting hotkeys .
- Dmitry Novikov collects a collection of Russian-language publications about Sketch in Medium .
- InVision now syncs with Sketch .
New for Apple Watch
- Human Interface Guidelines .
- Complete documentation for developers and designers .
- A comparison of the new Apple font San Francisco and Roboto . And here he was tried on to Yosemite .
- An interesting pattern is described in the clock guidelines - the detail of the notification depends on how long the user looks at it (determined by the accelerometer).
- Sketch template .
New for Android Wear
New for iPhone 6
- PaintCode collected a handy reference plate on the resolutions and densities of the screens of different iPhones .
- Ole Begemann studies under the microscope how the iPhone 6+ screen displays automatic programmatic reduction of @ 3x resources in different situations .
- 15 iPhone 6 Photoshop templates by Balraj Chana .
New for iOS7 / iOS8
- Brief guidelines from Ivo Mynttinen .
- Application icons before and after redesign under new guidelines .
Proto.io Spaces
A library of ready-made solutions for an online tool for designing mobile and tablet sites and applications Proto.io.
Prott - Rapid Prototyping & Radical Collaboration
Another application for rapid prototyping on mobile.
User research and testing, analytics
Navilytics - Powerfully simple tools at your disposal
An interesting web analytics service with advanced features. Allows you to record a sequence of actions on the page, provides heat maps, scrolling page funnels, analyze forms and different areas of the page, and also segment it all.
How Chartbeat improves media sites
How AIF works with the Chartbeat service to improve product performance. It tracks user engagement as an addition to traditional metrics such as viewing depth.
Opinion Yana Moskvina: Just in case: on Chartbeat a really separate person should be planted - he updates too much information in real-time, and his head hurts from every second blink of the screen. If you want to try the free option, and without a ripple in your eyes, you can use the Realtime report in Google Analytics and the Web.vizor Yandex.Metrica.
Generally speaking, instead of enlightening, a media site can quickly slip into a show for users - only show the clickable to everyone. The task of “strapping” pages is good, traffic-generating. But it’s really wise to approach.
An introduction to user research techniques
Handbook of user research from GOV.UK. Continuing the theme:
Recruiting User Research Participants by Email
Jim Ross on how to find users for research using email. The article describes the script and pitfalls.
A Guide To Conducting A Mobile UX Diagnostic
Lyndon Cerejo is about the variation of the expert assessment method, which is more formalized and sharpened on the scenario.
How To Run User Tests At A Conference
Excellent training manual for conducting user research at conferences from Daniel Suable. Initially, a lot of water, but the second half of the case. Continuing the theme:
Refining Your Mobile Onboarding Experience Using Visual Analytics
Alon Even from the AppSee mobile analytics service team on how to track onboarding performance on mobiles. In the first half enough default categorization of approaches, on the topic begins later.
Visual programming
Tumult hype pro 3
Another modern tool for designers, the third version of Hype Pro. They promise interactive reusable animated objects with a physical model and adaptability for websites, iBooks, advertisements.
The Art of UI Animations
Workshop with Mark Geyer about the animation in the interface. Pretty interesting format feeds, run in a browser. The workshop itself is very informative. Mark Geyer works in the Salesforce research and development department.
Blocs
Another tool for the visual creation of sites. This is an application for Mac from Norm Sheeran, which is essentially a smart strapping over Bootstrap. A small screencast and video work .
Form is joining google
Google bought Form, Origami-like tool for interactive prototyping. Of the obvious advantages is the ability to interact with the prototype on the device on the fly, just as with Sketch Mirror.
New scripts
- Another library for animating SVG .
- Draggabilly demo script . Interesting ideas for implementing drag'n'drop interaction.
- The script allows you to display a picture in the state before and after .
- A script that allows you to make a long shadow depending on the time of day.
Designers Code Differently
Meng To about coding designers and their differences from developers.
Styling And Animating SVGs With CSS
Sara Soueidan's advanced SVG styling and animation guide with CSS. Continuing the theme:
- Joni Trythall book " Pocket Guide to Writing SVG ".
Metrics and ROI
5-Steps For Getting Started Measuring The Customer Experience
Jeff Sauro Tips for CX based on the importance of product features.
Management of interface projects, processes and teams
About Face 4: Chapter 6: Creative Teamwork
UXMatters publishes the sixth chapter of the fourth edition of the book About Face. Continuing the theme:
Beyond the UX Tipping Point
Jared Spool on the turning point of UX adoption in organizations. It becomes irreversible when the company no longer agrees to compromise on user experience. Now technologies are beginning to adapt to the required impressions, and not vice versa. Jared rephrases UX levels of company maturity:
- Dark Ages UX;
- Random investments and projects;
- UX begins to be included in the team. After this stage, the very turning point of no return may come when the company moves on to the next stage.
- Integration of UX and services.
Zeplin - Collaboration app for UI designers & frontend developers
Zeplin's desktop collaboration application for designers and developers. Connects to Sketch and will soon be able to Photoshop, facilitates the transfer of specifications. Facebook group .
Gibbon - Peer-to-peer learning for your organization
An interesting service for organizing the exchange of knowledge within the company and the team, as well as the rapid inclusion in the workflow of beginners.
Hanno playbook
Excellent detailed training manual on the design project from the studio Hanno. Less about specific techniques, more about the overall process and building relationships with the client. The announcement of its launch .
Wake - Open Your Design Process
Wake service for team work on layouts and mindboards. Allows you to download and discuss your design and collect a collection of examples.
UX candidates
Irene Au on where to find candidates for UX positions. Written for the US, but partly relevant for our market.
Product management and analytics
5 Mistakes We All Make with Product Feedback
Des Traynor writes in the Intercom blog about 5 errors that should be avoided when working with user reviews of your product. His tips: divide users into groups; constantly collect reviews; share paying and free users; not to follow the opinion of the “loud minority”; re-check user requirements, trying to determine their motives. Continuing the theme:
- Des Traynor's product strategy presentation . Why the product should resemble a scalpel, not a Swiss army knife.
Data-Informed Design: Three Data Stories
Pamela Pavliscak begins a series of publications on working with analytics data when designing interfaces. The first of them is devoted to the tasks that help solve such data - to convince someone, to improve something, to investigate.
Methodologies, procedures, standards
Departmental Order “On Approval of the Professional Standard“ Graphic and User Interface Designer ””
The text of the professional standard “Graphic and User Interface Designer” was submitted to the Minister for approval.
Cases
Building SoundCloud
The most interesting story by Michael Nino Evensen about how the SoundCloud iPhone application was redone is one of the most interesting this year. Very detailed and with lots of details.
New cases of design and redesign
Modern editorial CMS
4 Things HealthCare.Gov 2.0 Gets Right (And 5 Things It Still Gets Wrong)
Designers are discussing the second version of the portal HealthCare.gov, the launch of which last year was accompanied by a lot of usability and technical problems.
Story
The Evolution of the Bar Buttons
Karla Urbina is studying the evolution of the now familiar buttons for closing, minimizing and maximizing the application window in the desktop OS. Interestingly, in many cases it all began with a burger icon. Continuing the theme:
A brief history of content strategy
Translation into Russian of the discipline history of content strategy, the interest in which has been actively growing in recent years. For the first time they started talking about it in 1997-1998, and in 2009 there was an explosion of interest.
Trends
Ibm design
In the coming weeks, IBM will introduce its design language, which promises to be one of the largest among large companies at the BBC GEL and Material Design levels. It will appear on the IBM Design website. So far, there is general information about the company's initiatives, but in a recent speech, Phil Gilbert (the head of the design of the corporation) spoke in some detail about these guidelines (the specifics begin in the second half).
The design language of IBM will describe the general principles, visual and interface guidelines, techniques and tools of work. In particular, they proposed their own variation of design thinking, more pragmatic and applicable in real life. Judging by the shown sketches of real products, it falls on the life of a corporation very well.
The company is over a hundred years old and during this time it has been able to reinvent itself several times and get out of severe crises. They also approached the design systematically, as well as everything else - the strategy of its introduction into the life of the company is impressive, as is the scale (the design staff must reach 1,000 people). You can follow the announcements on Twitter on the team .
HP Sprout is a Bold Attempt to Reimagine the Desktop PC
Last week, HP revealed the reckless concept of a new approach to interacting with the desktop computer for Sprout designers. Instead of a keyboard, it has a projected touch-surface, which, together with a 3D camera, changes the usual format of work. And this is already a working product that can be bought for $ 1,899. Authors of other well-known concepts give their assessment .
Checkout / login designers, this is your new bar: ONE tap / NO forms
A radical simplification of the process of placing an order on mobile, possible with the wide distribution of fingerprint scanners.
The End of Apps as We Know Them
Paul Adams predicts that applications will be used less and less. Users will increasingly interact with streams of interactive cards with content or notifications from applications than with the applications themselves. He later explained the article .
Designing to Co-Designing to Collective Dreaming - Three Slices in Time
Liz Sanders and Pieter Stappers review the history of the format of collaboration between designers, researchers, developers and users and predict the active development of co-design practices now and in the future. Many companies come to such thoughts.
Physical Web - Walk up and use anything
The Google Physical Web initiative to standardize so you don’t have to have an app for every household appliance.
Web Apps
Lukas Mathis on hybrid apps and general trends in mobile development.
Professional Development
Background studies. How to read a lot, to know and not to go nuts (presentation by Yuri Vetrov)
My presentation about the background research approach from the World Usability Day 2014 conference. About how to read a lot, know and not go nuts. The complexity of modern products is growing, and the format of the work of modern product teams is becoming more dynamic. We are expected to have a sufficiently high level of professional erudition, which is not easy to recruit, and supporting is even harder.
I work closely with information on the profession and structure understanding of its areas that I work with or will probably work in the future. Initially, I spent a lot of time on this, but gradually I learned how to cope with this hellish flow, so now it takes an hour and a half a day. The presentation explained why I consider this important, how the information flows are arranged and how it helps me to practice. There are VERY many references to all sorts of selections and lists. Some are already full, some are just going.
7 Rules for Creating Gorgeous UI
7 rules for creating beautiful interfaces for non-designers from Erik D. Kennedy. Very accessible language and with good examples, although sometimes non-systemic. The second part of the article .
Time with Users: Set Personal and Company Goals
Jakob Nielsen describes the TRP user standards for all members of the product team. The article presents an interesting sign of the importance of regular participation in research for different specialists.
Online course “Visualization. Basics
The first lectures of the free online course of Tanya Bibikova (Misyutina) on the basics of data visualization became available.
Scott Jehl's Responsible Responsive Design
In continuation of the “color series” A Book Apart, Scott Jehl published the book Responsible Responsive Design. Considered many aspects of design and design with the support of adaptability for mobile and web versions of the product.
User Experience Salaries & Calculator (2014)
Jeff Sauro processed the UXPA UXP Salary Survey. The main factors are the position and geographical position of the work. You can also experiment with a payroll calculator. Continuing the theme:
9 basic principles of responsive web design
Froont service designers have prepared a vivid overview of the principles of responsive design in the form of 9 animations. Translation into Russian .
People and companies in the industry
AMA: I'm Julie Zhuo, director of product design @ Facebook
Q & A session with Julie Zhuo, head of product design for Facebook, on Designer News. Translation of individual questions into Russian . Other AMA sessions:
Shopping design studios by large companies
- EPAM Systems acquired Great Fridays . She just specialized in designing and creating strategies for people. One of the few with a good open access portfolio .
Conference proceedings
Google FORM 2014
Video presentations from the Google Form 2014 conference, which was held on November 4-5 in San Francisco, USA. It was devoted to a combination of design and technology and included a powerful list of speakers from fashionable Internet services. Some interesting speeches:
- Section creators of all modern prototyping tools .
- Interview with Matias Duarte .
- The visual storytelling section .
- Design education .
- Design in startups .
Video report from the seminar Vitaly Friedman Mail.Ru Group
On November 14-15, Vitaly Friedman was doing an extended master class at the Mail.Ru Group office, in which he described in detail many of the techniques for optimizing the performance of an adaptive website. Our colleagues published a video recording of the lecture, anticipating the training. There are not all 8 hours, but a lot of interesting things.
UX Immersion 2014
Video presentations from the conference UX Immersion 2014, which was held April 7-9 in Denver, USA. Some interesting speeches:
- Jared Spool on how to design designers .
- Nate Schutta about when to develop a mobile web application, native application, or hybrid .
- Cyd Harrell on "pocket research . "
Midwest UX 2014
Video presentations from the Midwest UX 2014 conference, which was held October 23-25 ​​in Indianapolis, USA. Speakers on which you should pay attention: Stephen Andeson, Jared Spool, Peter Morville, Mark Rolston, Jon Kolko, Steven Hoober.
UX in Japan (Takumi Yoshida)
Report by Takumi Yoshida with ORIENT Uxpress. There is much and interesting about the difference in the design of products for the Eastern and Western markets, with real examples on Sony / Nokia products, etc. The cultural and cross-national differences in the construction of mental models of interaction, the perception of patterns are considered. Continuing the theme:
- Another report from ORIENT UXpress. If Takumi Yoshida told about the features of Japanese design, then Seung Jun Jeong - about the specifics of design in South Korea .
- 2 podcasts from Hippo-Hippo . In particular, it tells about the features of Asian mobile application interfaces and the differences between China, Japan and Korea. And here the text squeeze out of the interesting in them .
ConveyUX 2014
Video presentations from the conference ConveyUX 2014, which was held February 5-7 in Seattle, USA.
Fresh links can also be tracked in the Facebook group of the same name. Thanks to everyone who also publishes links in it, especially Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny and Anton Artyomov. More and more materials in reviews appear thanks to them.
Source: https://habr.com/ru/post/244859/
All Articles