Going back in time
User Interface + Patterns
Information Architecture
Miscellaneous
Research
100

This UXer was the first to have the acronym UX in his job title. He also worked at Apple for a few years in the early 1990s.

Who is Donald Norman

100

This pattern is used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice.

What is a radio rutton?

100

This is a system of classification

What is taxonomy?

100

This helps organize information into groups of similar items—particularly useful when analyzing qualitative data or observations.

What is affinity mapping?

100

This is a collaborative visualization used to articulate what we know about a particular type of user and their influences, painpoints, goals and feelings.

What is an Empathy Map?

200

This Information Architect is renowned for a new set of Heuristics to help make sense of  dated guidelines put together by famous UX Designers.

Who is Abby Covert

200

This is an icon used on a website and in apps that, when clicked or tapped, opens a side menu or navigation drawer

What is a hamburger menu?

200

This is a system or organization in which people or groups are ranked one above the other according to status or authority.

What is hierarchy?

200

The amount of information that a person can process at any given time.

What is cognitive load?

200

This is a mix of quantitative and qualitative methods that allow you to assess users' attitudes toward aesthetics and visual appeal

What is desirability testing

300

This designer created the user experience honeycomb, a tool that explains the various facets of user experience design. 

Who is Peter Morville?

300

This is a system or organization in which people or groups are ranked one above the other according to status or authority.

What is hierarchy?

300

This is a system for designing how users browse or move through information.

What is navigation systems?

300

A feature that is dedicated to building components and frames that adapts their size to the content inside of them

What is auto-layout?

300

This is a type of ethnographic field study that involves in-depth observation and interviews of a small sample of users to gain a robust understanding of work practices and behaviors

What is contextual inquiry

400

This designer says to aim for 80%, and iterate later, as needed.

Who is Bani Phul-Anand

400

These guidelines are for interface designers, graphic artists, and software developers working on apps for iOS. 

What are Human Interface Guidelines?

400

This is a qualitative research method used to group, label, and describe information more effectively—based on feedback from customers or users.

What is card sorting?

400

This diagram can help in brainstorming to identify possible causes of a problem and in sorting ideas into useful categories.

What is a fishbone diagram?
400

This allows you to empathize with your users in order to gain quantitative insights that aren’t as visible to developers, managers, and marketers.

What are surveys?

500
Says "I never want to make another wireframe again"

Who is Jimmy Chandler.

500

A set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

What is a design system?

500

This technique helps isolate navigation issues and identify which menu groups and labels may be leading users astray.

What is tree testing?

500

A usability evaluation method in which one or more evaluators work through a series of tasks and ask a set of questions from the perspective of the user to understand the system's learnability for new or infrequent users.

What is a cognitive walkthrough?

500

This can help you know your market, product and goals better to get actionable insights.

What is competitive analysis?

M
e
n
u