Communication Design Workshop
Prof. Vijay Kumar
Saurabh Gupta :: Caroline Little :: Ruth Schmidt :: Ming-Shan Wu :: Erica Yamada
project introduction + hypothesis p 2-3
research methods p 4-6
insights p 7-8
early concepts p 9-11
final concept p 12-44
Barney p 13-24
Indira p 25-34
Eduardo p 35-44
steps for moving forward p 45
Currently, data about and supporting ID methods exists
in three separate locations:
• The ID Wiki
• The Innovation Exchange
• Project Gallery on Institute of Design website
ID Wiki Innovation Exchange Project Gallery
Create a user-friendly system that combines:
about methods from the ID wiki
from the Innovation Exchange
student project examples...
from the project gallery
(14) interviews conducted with the
• Recent alumni
• ID staff
• Foundation students
• First year students
• Second year students
1.5 hour long in-class workshop
conducted to explore preliminary
ideas and gain feedback on what
kind of information is most important
Personas were created out of information gathered from
interview responses. Because the audience for the
Methods Visualization Tool encompasses users with a
wide range of experience with methods, the Tool needs
to provide different levels of information.
(3) main types of users were identified:
• beginner (incoming ID student)
• intermediate (second year ID student)
• expert (ID alum)
Workshop participants were given
a one of the three personas and a
use case scenario and then asked
to brainstorm types of information
needed to perform the user goal
in the Methods Visualization Tool.
Then, participants used a target to
rank the types of information, with
the bulls-eye marking the most
important data and the outer rings
being less important.
• Ability to search by class in which method was taught, or by
• Filters to narrow methods by process step, inputs, outputs, etc.
• Visual cues as memory prompts: names don’t always stick
• Case studies/real world examples
• Ability to view methods in context/by relationships, not just by
individual pages per method
• Identification of “packages” that indicate which methods work
• Increased profile of Innovation Toolkit
• Multiple visualizations of underlying data to support various
All information presented by the Methods Visualization
tool can roughly be broken down according to granular,
concrete information or higher-level, abstract thoughts.
In this way, all types of users are accommodated.
detailed method basic method
method use case
between sets of methods
innovation case studies
student projects that not linked to a particular
support a specific mode method
of method use
use of methods timeline
pop-up window for more information
keyword search for quick access to data
color to separate and differentiate methods
Early Concepts, continued:
tabs on pop-up window to organize
different colors to represent stages in
Early Concepts, continued:
showing visual connections between methods
using target shape to visualize methods and
The final concept is illustrated through use cases of the
three personas established earlier in the process.
1st year ID student:
new to methods
• multiple, intuitive ways to browse
the methods collection
• examples of how other students
have used methods and comments
on which methods were most
• the ability to see the granular
detail within the context of the big
Choose a research method for his Observing Users project.
Kind of information Barney needs:
Once signed in to the Methods Visualization Tool, Barney uses the quick search module
to search for methods taught in the Observing Users course.
A list of all methods taught in the class appears in alphabetical order. Barney can see the
overall rating of each, as well as the relative time required and the innovation phase for
Barney narrows the list by selecting “show only network recommended” option.
Barney has heard good things about the Ethnographic Interview method, so he clicks
on the name to see more information and read the summary.
Based on the summary info, Ethnographic Interviews looks like a lot of work, so he
checks out Field Observation instead. This method sounds more promising, and takes
less time. 19
He moves the granularity slider in the summary to show specifics and clicks ‘“view details.”
Detailed information about the Field Observation method enlarges as a pop-up window.
Barney clicks over the the “Read Reviews” tab to see what other members said about the
usefulness of the Field Observation method.
He then clicks over to the “Project Examples” tab and reviews other projects to see
how previous students have used Field Observation in projects. He can tell in which
innovation phase Field Observation was used based on the position of the white dot.
The length of the colored bars also tells him the relative length of time of each phase.
Barney selects a project to review further and it loads as a pdf.
2nd year ID student:
comfortable with methods
• quick ways to mark and access
• the ability to see methods
within the scope of an overall
project toolkit (connections
between methods, etc..)
• a network of community sources
she can trust to review method
usefulness and time input required
Use the Methods Visualization Tool to increase the scope of her
methods knowledge. She currently uses similar methods together
on a regular basis and is hoping the tool can help her discover new
toolkits suitable for upcoming projects.
Kind of information Indira needs:
Indira has frequently used the Compelling Experience Framework and is looking for a
similar method to map experiences, so she uses the quick search box to go directly
The search page returns the result and shows her summary information about the
Compelling Experiences Framework.
Indira switches the view of the list by choosing “browse by goal” from the pull-down
menu. This allows her to see which methods are similar to the Compelling Experiences
Indira selects ELITO to look at the summary information. Wanting to know more, Indira
selects the medium level of detail and clicks “view details”.
In the pop-up window, she sees information about how ELITO is associated with other
methods, which reflects Indira’s need for less granular information. She notices that
the Compelling Experience Framework is listed as an analogous method, then selects
the comments tab.
On the comments tab, she gets information at a glance—the diameter of the circle
indicates how many people viewed a comment, and the amount of yellow indicates how
many people thought that comment was useful. Lines indicate which other comments
were considered useful by those who viewed the selected one in the center.
She then selects the project view in the pop-up window to see student projects that
have used this method in the past. It looks like ELITO would be a good fit, so she clicks
the “add to favorites” button.
The ELITO toolkit now appears under Indira’s favorites.
experienced methods practitioner
• efficient way to search for and
visualize real-world innovation case
• a personalized page that stores
personal methods toolkits used
• quick search options that allow direct
access to the information
Refresh memory on the use of specific methods and research
past method toolkits he used in school to help inform successful
strategies for future work projects.
Kind of information Eduardo needs:
Eduardo clicks on “my toolkits” and sees a list of his current work projects.
He has just started working on a project on healthcare and is curious what
archived projects from school he has on the subject.
Eduardo searches the archives for the healthcare. A list of projects appears,
including his Healthcare Planning Workshop project.
Eduardo selects the Healthcare Planning Workshop and, by expanding the
scratchpad, is able to see the methods toolkit his team used.
Eduardo selects a specific method, the Field Observations, for a refresher
on its use and current student comments.
Satisfied with his search for his healthcare project, Eduardo clicks over to
InnovationXchange to search for real world innovation examples.
When Eduardo searches for healthcare and emerging markets, case studies
are removed from the matrix. 42
Eduardo zooms in on the capabilities quadrant and names of specific case
Eduardo selects one of the case studies for a brief description and link to a
Steps for moving forward:
• link tool to Project Gallery to allow for access to
• ask user community to tag past projects with
comments and input ratings and comments on
• allow users to input their own methods for
• attempt to classify new InnovationXchange case studies
according to method to create new type of data