A distributed team can do great design — here’s how.
-
Affinity Diagram
Synthesize information with this sorting exercise.
define -
Design Brief
Describe what success looks like for your project.
define -
Design Values
Workshop a set of values to help you frame future conversations around product success.
explore -
Experience Attributes
Generate descriptive words to inform the mood boards and visual direction of the project.
define -
Feedback Session
Explore some ways to collect constructive feedback for designs and prototypes.
define -
Human Spectrogram
Get people to open up about where they stand on design decisions.
explore -
Hypothesis Definition
A framework for identifying how you are addressing design opportunities.
define -
Interface Inventory
Break designs into components, creating a catalogue for use in code.
define -
Interviewing
Talk to users to find out what their needs are so you can build a product they'll love.
explore -
Journey Mapping
Define the happy path for your personas.
define -
Mood Boards
Collect images based on adjectives associated with a project's brand to serve as inspiration for visual studies.
define -
Personas
Identify user types based on habits and goals of real people, acquired through interviews and conversations.
define -
Site Maps
Define the scope and flow of your project
define -
Style Guide
Document the components that make up the website or application to ensure consistency of design and code.
make -
Style Tiles
Ensure consistency of fonts, colors and interface elements to communicate the essence of a visual brand for the web.
define -
Usability Test
Observe people using a product or feature.
validate -
Visual Design Workshop
Collaborate with key stakeholders to define an approach to visual design.
make -
More methods are on the way!
This is designed as a living toolkit, so you can look forward to seeing this project and site evolve.