Review of fresh materials, May-June 2010
This material continues a series of monthly reviews of fresh articles on the topic of interfaces, new tools and collections of patterns, interesting cases and historical stories. Last month there was a hitch with the publication, so this selection is double.
')
Wireframe showcase
A collection of examples of wireframes. Although its scale is far from collection No. 1 , each page layout is combined with the final design in it - it helps to better understand the features of the design process.
Sketches and Wireframes and Prototypes! Oh my! Creating Your Own Magical Wizard Experience
Traci Lepore describes in detail possible levels of interface development from sketches and wireframes to interactive prototypes and design. The article shows well how, together with the time spent on thinking through the interface, its reasonableness increases and “white spots” decrease. Tyler Tate recently wrote on the same topic, including a small useful case from the article with examples of finished documents and a schedule for their creation.
Designing for Delight (Giles Colborne Presentation)
Giles Colborne from CXPartners describes the process of creating a design that makes the user feel excited. And this is not about fashionable visual solutions - for this it is more important to anticipate expectations or help in a problem situation.
How to Engage Customers in Your E-Commerce Website
In his article for Smashing Magazine, Rung Andras talks about user ratings in online stores - how best to collect them, display on the pages of the site and take into account in special offers.
The Question Protocol - Necessary
Caroline Jarrett, author of Forms that Work: Web Designing Forms for Usability, describes a good way to reduce form fields. This is a questionnaire for stakeholders of the company owning the site, which allows you to determine who exactly needs the user-provided data and whether it is possible to opt out of their part.
The Small Print - Writing UI Instructions
Connie Malamed gives some tips on how to write short explanatory texts in interfaces. First of all it concerns forms and system messages.
Not to Prime, is a Crime!
Symplicit's Jodie Moule talks about the priming user research method. During it, the participants in the study create collages describing their daily activities, which helps to better understand the context and characteristics of their life and work.
iPad Keynote Wireframe Toolkit - Get your Keynote Kung-Fu on
A set of stencils for designing in Keynote for iPad. Although this is not exactly the intended use of the tool for creating presentations, and the tablet is not the most productive platform for working on a large number of pages, the final template is very good.
Naview - Create easier navigations through prototyping and testing
A simple online navigation tool. Well suited for visual presentation of simple 2-3 level menus on simple websites.
A Template for Gathering Plausible Prototype Content
A useful template from Evantgage Consulting, which should help in collecting content for wireframes and interactive prototypes. Direct download link (ZIP, 100 KB).
“Meet the Team” Pages - Examples and Trends
Overview of examples and rules for the construction of pages "Our team" on the websites of companies and organizations. Author - Cameron Chapman for Smashing Magazine.
Website Archives Design - Good Practices and Examples
Another review of Cameron Chapman for Smashing Magazine, this time dedicated to the pages of the archives of materials. The article describes the principles of constructing navigation through the archive and gives a pack of interesting examples.
The Ultimate Guide To A / B Testing
A good reminder of the A / B testing process from Paras Chopra. The article briefly talks about how and what to test, what is especially important during the process, what tools are suitable for work.
UX Leadership - Designing Leadership in the UX Community
Dan Szuc and Will Evans have launched a website dedicated to the management and strategy of the design process. They collect interesting materials from different sources and prepare their own articles.
A Taxonomy of Constraints
Dan Brown has built a good classification of constraints to consider when designing — from user expectations to industry standards and company-specific features.
Mark Boulton - Designing for the Web
English designer Mark Boulton laid out his book "Designing for the Web" in free access. Although it is devoted rather to visual design, it has a good description of the design process.
Case Study - Gradual Engagement Boosts Twitter Sign-Ups by 29%
An excellent case about the recent redesign of the Twitter sign-up process, which made it possible to significantly increase the number of users creating an account. Its key feature is that the user is actively involved in the life of the service already in the first steps and can immediately “touch” it. A little more on the smooth involvement of Luke Wroblewski and other Twitter statistics .
Using Persona Advocates to develop user-centric intranets and portals
Law firm Howard McQueen talks about how the methods used by characters in the process of working on their intranet site - from preliminary research to the use of constructed portraits in the design and development.
Personas as User Assistance and Navigation Aids
Another interesting example of using characters from Mike Hughes. He describes how this technique helped the working group of one of the technical standards to create an easy-to-use body of knowledge.
Usability of iPad Apps and Websites - First Research Findings
The company Jacob Nielsen and Donald Norman conducted a large-scale usability-study of the iPad interface and applications for it. An interesting point stands out among the general criticism of inconsistency of solutions: the tablet interface is at about the same stage as the web at the beginning of its development, when there were no clear-cut standards yet and everyone was inventing their own solutions to typical problems. Direct download link - (PDF, 10 MB) and report summary .
Oliver Reichenstein from Information Architects spoke on the same topic. He criticizes the iPad version of Wired magazine for failing to feed content.
Iron Man 2 Case Study
The company Perception NYC talks about how pseudo-real interfaces were made for the film Iron Man 2 - from inventing general concepts to preparing prototypes.
Google Lays Out
This article describes in detail Google’s UX-strategy for mobile devices. These are 6 key aspects - understanding the needs of users "here and now", accessibility in a pocket, more personal than a computer, transparency of operating modes, special attention to localization and integrated ecosystems.
Why we turned Microsoft Office into a Game (Ribbon Hero story)
Game Specialist Danc has published his presentation from the Wordcamp 2010 conference about working on Ribbon Hero, an educational game for MS Office. He talks about the principles of game mechanics and how they were used to train an office suite. A little more about this collaboration .
The Magic Behind Amazon's 2.7 Billion Dollar Question
Jared Spool tells the story of the emergence and development of reviews and ratings on Amazon.com. A very informative story about how the gradual refinement of the interface influenced user behavior and helped them build one of the most powerful recommendation systems.
Service Design Books
A well-structured collection of books on service design with recommendations and comments from leading specialists in the field.
UXMyths - Debunking User Experience Misconceptions
The most useful collection of facts, refuting frequent misconceptions about interfaces and incorrect interpretations of recommendations. For each of the myths are examples, facts and useful links. Thomas Vander Wal spoke on the same topic, speaking of the 5 myths of the internal social services of companies .
A User's Guide to Service Design
A good overview guide to service design from the Design Council. He talks about the discipline, the process of work and case studies.
Statistics 101 - What is your user experience?
An extremely useful article by Michael Zuschlag, in which he talks about the rules and principles of statistics, which can be useful for designers and usability specialists. Excellent insight on the main issues arising from the analysis of the data collected during the research.
Organizing Content Article Series
Tom Johnson's series of articles on content organization, navigation, and search. Articles are well structured and have a bunch of examples.
The Psychologist's View of UX Design
Susan Weinschenk, author of the book “Neuro Web Design: What makes them click?”, Has compiled an excellent collection of memos and rules about human psychology that are applicable in design and design. She talks about the natural limitations, errors, memory, attention and other behavioral features. Also interesting are excerpts from her " 100 facts about people ."
Iup gesture research
The organization The International Usability Partners conducted a large-scale study of users around the world in order to study the habits and expectations of sensory and gestural interfaces. This site publishes raw data and research results.
Designing User Experiences for Children / Seniors
Heather Nam writes about the features of interface design for children. And Janet M. Six talks about how to take into account the interests of older users .
11 Tips on How To Apply Social Interaction Design Thinking
Adrian Chan gives some tips on how to describe requirements for social services. He lists 11 key aspects that should be taken into account in such a specification - from the motives for working with such a service to the interactions of community members.
5 Myths of Visual Communication
Although most of the articles in the spirit of "No. of rules of a successful ..." give minimal information to those who are familiar with the material, Connie Malamed talks about things that contrast with many of the interface trends - the use of large fonts, large images, realism and animation.
Persuasion Tactics 101
Henk Wijnholds describes his presentation on how to influence user behavior. The presentation of the article is attached to the article, as well as a link to another interesting publication, which tells how sold out products in the store influence the choice of customers .
Numpads go wild
Chris Clark describes the story of the emergence of two numeric keypad layouts - “7-8-9” on calculators and “1-2-3” on phones. He also compares their usability and finds that the “1-2-3” option is more correct.
Interface Collection: Future Vision from different companies
Technological companies from time to time prepare "cuts" of their vision of the future of interfaces and technologies in general - that which their R & D departments constantly do. This regularly updated list collects examples of such concepts.
Kathy Sierra at Business of Software 2009
Compulsory for viewing video from Kathy Sierra's speech at the Business of Software 2009 conference. In it, she talks about how and why you need to create good users, not good products.
All conference reviews
A large, regularly updated list of conference materials on design and design for the last year - reports, presentations, notes and videos.
Design Research Conference 2010
Reports, presentations, notes and videos from the Design Research Conference 2010, held May 10-12 in Chicago.
UX London 2010
Reports, presentations, notes and videos from the conference UX London 2010, held May 19-21 in London.
UX LX 2010
Reports, presentations, notes and videos from the conference UX LX 2010, held May 12-14 in Lisbon.
CHI-10
Reports, presentations, notes and videos from the conference CHI-2010, held April 10-15 in Atlanta.
IA Summit 2010
Reports, presentations, notes and video from the conference of the IA Summit 2010, held April 7-8 in Phoenix.
Fresh links can also be tracked as they appear in the Friendfeed User Experience ribbon .
')
Methods and practices
Wireframe showcase
A collection of examples of wireframes. Although its scale is far from collection No. 1 , each page layout is combined with the final design in it - it helps to better understand the features of the design process.
Sketches and Wireframes and Prototypes! Oh my! Creating Your Own Magical Wizard Experience
Traci Lepore describes in detail possible levels of interface development from sketches and wireframes to interactive prototypes and design. The article shows well how, together with the time spent on thinking through the interface, its reasonableness increases and “white spots” decrease. Tyler Tate recently wrote on the same topic, including a small useful case from the article with examples of finished documents and a schedule for their creation.
Designing for Delight (Giles Colborne Presentation)
Giles Colborne from CXPartners describes the process of creating a design that makes the user feel excited. And this is not about fashionable visual solutions - for this it is more important to anticipate expectations or help in a problem situation.
How to Engage Customers in Your E-Commerce Website
In his article for Smashing Magazine, Rung Andras talks about user ratings in online stores - how best to collect them, display on the pages of the site and take into account in special offers.
The Question Protocol - Necessary
Caroline Jarrett, author of Forms that Work: Web Designing Forms for Usability, describes a good way to reduce form fields. This is a questionnaire for stakeholders of the company owning the site, which allows you to determine who exactly needs the user-provided data and whether it is possible to opt out of their part.
The Small Print - Writing UI Instructions
Connie Malamed gives some tips on how to write short explanatory texts in interfaces. First of all it concerns forms and system messages.
Not to Prime, is a Crime!
Symplicit's Jodie Moule talks about the priming user research method. During it, the participants in the study create collages describing their daily activities, which helps to better understand the context and characteristics of their life and work.
Instruments
iPad Keynote Wireframe Toolkit - Get your Keynote Kung-Fu on
A set of stencils for designing in Keynote for iPad. Although this is not exactly the intended use of the tool for creating presentations, and the tablet is not the most productive platform for working on a large number of pages, the final template is very good.
Naview - Create easier navigations through prototyping and testing
A simple online navigation tool. Well suited for visual presentation of simple 2-3 level menus on simple websites.
A Template for Gathering Plausible Prototype Content
A useful template from Evantgage Consulting, which should help in collecting content for wireframes and interactive prototypes. Direct download link (ZIP, 100 KB).
Patterns
“Meet the Team” Pages - Examples and Trends
Overview of examples and rules for the construction of pages "Our team" on the websites of companies and organizations. Author - Cameron Chapman for Smashing Magazine.
Website Archives Design - Good Practices and Examples
Another review of Cameron Chapman for Smashing Magazine, this time dedicated to the pages of the archives of materials. The article describes the principles of constructing navigation through the archive and gives a pack of interesting examples.
Process
The Ultimate Guide To A / B Testing
A good reminder of the A / B testing process from Paras Chopra. The article briefly talks about how and what to test, what is especially important during the process, what tools are suitable for work.
UX Leadership - Designing Leadership in the UX Community
Dan Szuc and Will Evans have launched a website dedicated to the management and strategy of the design process. They collect interesting materials from different sources and prepare their own articles.
A Taxonomy of Constraints
Dan Brown has built a good classification of constraints to consider when designing — from user expectations to industry standards and company-specific features.
Mark Boulton - Designing for the Web
English designer Mark Boulton laid out his book "Designing for the Web" in free access. Although it is devoted rather to visual design, it has a good description of the design process.
Cases
Case Study - Gradual Engagement Boosts Twitter Sign-Ups by 29%
An excellent case about the recent redesign of the Twitter sign-up process, which made it possible to significantly increase the number of users creating an account. Its key feature is that the user is actively involved in the life of the service already in the first steps and can immediately “touch” it. A little more on the smooth involvement of Luke Wroblewski and other Twitter statistics .
Using Persona Advocates to develop user-centric intranets and portals
Law firm Howard McQueen talks about how the methods used by characters in the process of working on their intranet site - from preliminary research to the use of constructed portraits in the design and development.
Personas as User Assistance and Navigation Aids
Another interesting example of using characters from Mike Hughes. He describes how this technique helped the working group of one of the technical standards to create an easy-to-use body of knowledge.
Usability of iPad Apps and Websites - First Research Findings
The company Jacob Nielsen and Donald Norman conducted a large-scale usability-study of the iPad interface and applications for it. An interesting point stands out among the general criticism of inconsistency of solutions: the tablet interface is at about the same stage as the web at the beginning of its development, when there were no clear-cut standards yet and everyone was inventing their own solutions to typical problems. Direct download link - (PDF, 10 MB) and report summary .
Oliver Reichenstein from Information Architects spoke on the same topic. He criticizes the iPad version of Wired magazine for failing to feed content.
Iron Man 2 Case Study
The company Perception NYC talks about how pseudo-real interfaces were made for the film Iron Man 2 - from inventing general concepts to preparing prototypes.
Google Lays Out
This article describes in detail Google’s UX-strategy for mobile devices. These are 6 key aspects - understanding the needs of users "here and now", accessibility in a pocket, more personal than a computer, transparency of operating modes, special attention to localization and integrated ecosystems.
Why we turned Microsoft Office into a Game (Ribbon Hero story)
Game Specialist Danc has published his presentation from the Wordcamp 2010 conference about working on Ribbon Hero, an educational game for MS Office. He talks about the principles of game mechanics and how they were used to train an office suite. A little more about this collaboration .
The Magic Behind Amazon's 2.7 Billion Dollar Question
Jared Spool tells the story of the emergence and development of reviews and ratings on Amazon.com. A very informative story about how the gradual refinement of the interface influenced user behavior and helped them build one of the most powerful recommendation systems.
Theory
Service Design Books
A well-structured collection of books on service design with recommendations and comments from leading specialists in the field.
UXMyths - Debunking User Experience Misconceptions
The most useful collection of facts, refuting frequent misconceptions about interfaces and incorrect interpretations of recommendations. For each of the myths are examples, facts and useful links. Thomas Vander Wal spoke on the same topic, speaking of the 5 myths of the internal social services of companies .
A User's Guide to Service Design
A good overview guide to service design from the Design Council. He talks about the discipline, the process of work and case studies.
Statistics 101 - What is your user experience?
An extremely useful article by Michael Zuschlag, in which he talks about the rules and principles of statistics, which can be useful for designers and usability specialists. Excellent insight on the main issues arising from the analysis of the data collected during the research.
Organizing Content Article Series
Tom Johnson's series of articles on content organization, navigation, and search. Articles are well structured and have a bunch of examples.
The Psychologist's View of UX Design
Susan Weinschenk, author of the book “Neuro Web Design: What makes them click?”, Has compiled an excellent collection of memos and rules about human psychology that are applicable in design and design. She talks about the natural limitations, errors, memory, attention and other behavioral features. Also interesting are excerpts from her " 100 facts about people ."
Iup gesture research
The organization The International Usability Partners conducted a large-scale study of users around the world in order to study the habits and expectations of sensory and gestural interfaces. This site publishes raw data and research results.
Designing User Experiences for Children / Seniors
Heather Nam writes about the features of interface design for children. And Janet M. Six talks about how to take into account the interests of older users .
11 Tips on How To Apply Social Interaction Design Thinking
Adrian Chan gives some tips on how to describe requirements for social services. He lists 11 key aspects that should be taken into account in such a specification - from the motives for working with such a service to the interactions of community members.
5 Myths of Visual Communication
Although most of the articles in the spirit of "No. of rules of a successful ..." give minimal information to those who are familiar with the material, Connie Malamed talks about things that contrast with many of the interface trends - the use of large fonts, large images, realism and animation.
Persuasion Tactics 101
Henk Wijnholds describes his presentation on how to influence user behavior. The presentation of the article is attached to the article, as well as a link to another interesting publication, which tells how sold out products in the store influence the choice of customers .
Story
Numpads go wild
Chris Clark describes the story of the emergence of two numeric keypad layouts - “7-8-9” on calculators and “1-2-3” on phones. He also compares their usability and finds that the “1-2-3” option is more correct.
Trends
Interface Collection: Future Vision from different companies
Technological companies from time to time prepare "cuts" of their vision of the future of interfaces and technologies in general - that which their R & D departments constantly do. This regularly updated list collects examples of such concepts.
Kathy Sierra at Business of Software 2009
Compulsory for viewing video from Kathy Sierra's speech at the Business of Software 2009 conference. In it, she talks about how and why you need to create good users, not good products.
Conference proceedings
All conference reviews
A large, regularly updated list of conference materials on design and design for the last year - reports, presentations, notes and videos.
Design Research Conference 2010
Reports, presentations, notes and videos from the Design Research Conference 2010, held May 10-12 in Chicago.
UX London 2010
Reports, presentations, notes and videos from the conference UX London 2010, held May 19-21 in London.
UX LX 2010
Reports, presentations, notes and videos from the conference UX LX 2010, held May 12-14 in Lisbon.
CHI-10
Reports, presentations, notes and videos from the conference CHI-2010, held April 10-15 in Atlanta.
IA Summit 2010
Reports, presentations, notes and video from the conference of the IA Summit 2010, held April 7-8 in Phoenix.
Fresh links can also be tracked as they appear in the Friendfeed User Experience ribbon .
Source: https://habr.com/ru/post/98335/
All Articles