SlideShare ist ein Scribd-Unternehmen logo
1 von 93
Downloaden Sie, um offline zu lesen
Become a Stickynote Ninja
The Problem-Solving
Power of Stickies                     *    (also known as
                                             Post-it® Notes)

simple tools that deliver great results

Kate Rutter <kate@adaptivepath.com>



                                      ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 0
What we’re going to do in the next 3 hours

 Talk about why sticky notes + UX = 
 Learn 9 methods that will rock your work
 Experience 4 activities to get hands-on
  with the methods
 Collect a bunch of tips and tricks to make
  your sticky-life easy
 Learn from each other’s experiences
 Find out where to get more info and tools
 Get a trinket

                                     ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 1
don’t be shy...




                  ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 2
the path of the
stickynote
ninja



                  ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 3
simple tools
+ skilled practitioners
powerful weapons



                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 4
Ninja
Secret

#1
           Sticky notes
         are the currency
             of ideas.

                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 5
Why stickies?

They stick on a     The right size                 Easy to
  variety of        to hold 1 idea              rearrange and
   surfaces           or problem                 move around



                           Familiar and
 Ubiquitous                approachable


                  Cheap                                    Simple

                                     ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 6
I call this…



                        ne ss
                ig ht
               L




                   STICKIES


                                ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 7
Why do they work so well in groups?

 Enable people       Help a group                 Allow a group
 to externalize      focus on one                  to visualize
 their thoughts     thing at a time                  patterns
    & ideas



           Engage the            Clearly show
          whole group           relationships &
         in the process           agreements




                                      ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 8
Two major ideas…
                     Create         Generate new ideas
                   information      Probe problems
                                    Explore attributes




                                   Identify patterns
                      Reduce
                                   Prioritize
                    information    Make decisions
                                   Create plans
                                  ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 9
Ninja
Secret

#2
     Ninjas don’t talk
   about what they do…
      they just do it.

               ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 10
methods



          ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 11
What goes on a sticky?                                                  Sticky
                                                                        Ninja
 1 thought or idea per sticky                                           Tip
 Make them as clear as possible
 Keep the corners clear in case
  you need space for additional           I am
  notes                                 one idea
 Be specific
  for example…


                                    Frequent
          Lots of                   downtime
       issues with                   due to
         product                   server load

                                       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 12
4 types of layouts

Lists     Clusters    Trees                           Maps




                              ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 13
The joy of lists
        Name            Use it to…
Lists
          Freelisting   Collect information about a topic


          Swap-Sort     Order items by priority


          Dot-Voting    Identify top choices




                                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 14
Lovin’ the clusters
Clusters   Name            Use it to…


           Loose Cluster   Identify patterns in information




                                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 15
Cultivating the trees
  Trees      Name                 Use it to…


             Top-Down Tree        Examine a topic thoroughly



             Bottom-Up Tree       Identify the fundamental
                                  nature of a topic




                         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 16
Charting the maps
Maps        Name                   Use it to…


            Information Map        Understand complex
                                   relationships

            Process Map            Understand complex
                                   relationships

            Action Plan            Define what’s needed
                                   to meet a goal




                          ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 17
Getting started : setting the stage                                      Sticky
                                                                         Ninja
 Define what you’re there to do:                                         Tip
  ie: “Understand how people think
       about mobile devices”
   or “Gather ideas for new features”
 Write down the objective and display it where
  everyone can see it and reference it.
 Briefly describe the process you plan to use, and ask people
  if they have questions.
 Have enough stickies and markers to go around.




                                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 18
gathering ideas
methods to master



                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 19
List : Freelisting


     I am one
       I Iam one
           am one
      thought
        thought
          thought




                     ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 20
Lists from walk-by contributions




                                   ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 21
Data from research interview videos




                                ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 22
Strategic sticking                                                     Sticky
                                                                       Ninja
 Be aware of where you put the sticky stuff.                           Tip
 Top for columns (ie: bottom-up maps)
 Bottom for general clustering
 Be consistent - Don’t put them all catawampus.
  It’s a big time-waster!
 Tip: fold down the edge of one of the top corners to
  make a handle so they are easier to grab and move.




                                      ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 23
organizing stuff
methods to master



                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 24
Cluster : Loose Cluster




                          ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 25
Clustering activity




                      ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 26
Clustering activity with zones




                                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 27
Data into information : Charmr




                                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 28
Clusters by topic




                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 29
Don’t have a big wall for stickies?
                                                                       Sticky
 Use a rolling whiteboard                                             Ninja
                                                                        Tip
 Use a window!
 Use the back of a door
 Use a wall in the bathroom
 Get large sheets of gatorboard or foam core




                                      ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 30
or you can use the side of a building...




                                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 31
Tree : Bottom-Up Tree




                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 32
Three levels in bottom-up tree




                                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 33
A forest of task trees




                         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 34
Pen and sticky size                                                       Sticky
                                                                          Ninja
 Use the right size pen for the right                                     Tip
  size sticky.

  Fine point Sharpie

  Super Sharpie



  Chisel point Sharpie




                                         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 35
lets get hands on…
activity 1
freelisting • clustering • bottom-up tree



                          ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 36
The Scenario

You are a UX design team with the challenge of creating
the site for a new service: milkandcookiesnow.com
The big vision is to get milk and cookies to people who
need them, and deliver within the hour.
All the supply and delivery stuff is worked out and ready
to go. Now you need a web app for selection, ordering,
payment and delivery confirmation.
The product values are: user-centered, unique, fun,
personal, easy-to-use, quick, engaging,
has a sense of humor.
Take a minute to read the scenario and the user stories.
                                       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 37
The 1st challenge : what will the product DO?


             What features
            and functionality
             need to be built
            for the site to be
               successful?


                                  ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 38
Activity 1 : Freelisting
                                                        Idea 3                Idea 6
                                      idea 1

  What features
 and functionality                                         Idea 4
  need to be built                Idea 2
                                                                              Idea 7
 for the site to be
    successful?
                                                          Idea 5



 Independently down your ideas. Don’t talk, just write.
 Write each idea on a sticky. Make as many as you can.
  Aim for 10-15 per person.
 When you’re done, put the stickies on the sheet in the
  middle of the table, spread out so that they are randomly
  distributed.
                                                              5 minutes
                                           ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 39
Activity 1 : Clustering

 What features                         Idea 5
                     idea 1
and functionality
                                                    Idea 3
 need to be built
                              Idea 4                                         Idea 6
for the site to be                     Idea 2
   successful?
                                                                         Idea 7


 Group the stickies together…like with like.
 You can discuss groupings, but keep conversation to a
  minimum. Focus on keeping things moving.
 When time is up, take a look at the groups and see
  what you’ve got.

                                                           5 minutes
                                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 40
Activity 1 : Labeling
                                  SuperGroup                       SuperGroup
                                       I                               II
 What features                  Group       Group                        Group
and functionality                 1           2                            3
 need to be built
for the site to be                              Idea                         Idea
                               idea 1             5                            6
   successful?
                                 Idea              Idea
                                   4                 2                           Idea
                                                                                   7
                                                          Idea
                                                            3
 As a team, name the groups.
 Write the name on a different color of sticky and put it at
  the top of the group.
 If you get to groups of groups, use the larger stickies.
 Take a look at what you’ve got. What’s surprising
  about the patterns?                            5                 minutes
                                         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 41
yea!


       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 42
Stick ‘em when you need ‘em
                                                                 Sticky
 Sticky-sessions are not just                                   Ninja
                                                                  Tip
  a workshop technique
 Quick cluster = quick clarity
 Quick freelisting gets issues out, makes
  ideas visible, and opens up topics for
  discussion
 You can start a stickynote activity at any
  time...just start “scribing” issues/topics as
  they emerge


                                ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 43
exploring and delving
methods to master



                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 44
Tree : Top-Down Tree



                                    ?
                       Why is this happening?




                                   ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 45
lets get hands on…
activity 2
top-down tree



                ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 46
The 2nd challenge : why does the product MATTER?




              What is the
            deeper purpose
            of a feature on
               the site?

                               ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 47
A quick example...
               Why is this important?
   Delivery
 preferences

 L1
                 So that the milk & cookies get to the right place.
          L
                       so that the customer gets their order
         1.2
                 L        so that the customer feels good about
                1.3        the service
                   L       so that the customer trusts the service
                  1.4       so that the customer has a great day
                   L        so that the customer will tell their friends
                  1.5

 L2
                 So that the milk & cookies get there at
                  the right time.

                                                   ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 48
ready?


         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 49
Activity 2 : Top-down tree

                                     Feature set 1
    What is the
  deeper purpose
 of this feature on                                                             Reason
      the site?        Reason                                                     5
                                              Reason
                         1       Reason         3               Reason
                                   2                              4



 Pick a top-level feature from your clusters.
 Ask the question “Why is this feature needed/important?”
 Write your answer down on a sticky. One thought/idea per
  note. Place the sticky below the one that prompted the
  answer.
 Make about 5-7 of these.                                  4 minutes
                                          ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 50
Activity 2 : Top-down tree
                                           Feature
                                            set 1

  What is the                                                                           5
                           1
 purpose of this                       2
                                                     3                4
 feature on the
      site?          1.1   1.2               3.1         3.2          4.1        4.2
                                 1.3




 Ask the question again, this time working through the
  stickies you just made.
 Put the answer stickies below the one that prompted the
  answer, so that a tree develops.
 Try to get down to 4 levels, each with 5-7 stickies.

                                                               7 minutes
                                             ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 51
Activity 2 : Top-down tree
                                            Feature
                                             set 1
    What is the
  deeper purpose            1           2
                                                   3                      4             5

 of this feature on
      the site?       1.1   1.2   1.3        3.1       3.2          4.1       4.2




 What new perspectives, insights and observations did you
  uncover?
 How does this information impact the feature clusters you
  created earlier?
 How would you add to, shift, adapt or change the original
  clusters?
 What other top labels would be good to explore in this way?
                                                              4 minutes
                                            ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 52
yea!


       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 53
making priorities
methods to master



                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 54
Dot Voting




             I am an
               idea




                       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 55
Dot Voting




                              Vote again




   Don’t include “no votes”




                                           ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 56
Dot Voting



                                Top priority

                                Important


                                Consider

                                Low priority




             ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 57
List : Swap Sort
                      What makes us
                     the most money?
 $4k           $2k
        $6k               $5k    $1k                              $5k
$8k            $3k
        $7k                                                       $1k
 $9k
                                ?

  $4k          $2k                                                $5k
                         $3k    $5k
         $6k                                             $3k
 $8k                                                              $1k

 $9k
        $7k
                                ?

                                                                  $5k
                         $3k    $1k
                                                                  $3k

                                ?                                 $1k

                                       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 58
lets get hands on…
activity 3
dot-voting • swap-sort



                         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 59
The 3rd challenge : what do we do FIRST?




             What do we
           need to build first
          for the site to be a
               success?

                                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 60
Activity 3 : Dot-voting

   What do we
 need to build first
 for the site to be
    a success?




 Everyone gets 5 dots. Stick the dots on the features that
  you feel are most needed for the site to be successful.
 Everyone votes at the same time.
 When you’re done, put the stickies in rows with the most
  votes at the top and the sad dot-poor ones at the bottom.

                                                           3 minutes
                                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 61
Activity 3 : Swap-Sort
                                      Criteria:
                                      milkandcookiesnow.com
  What do we                            needs to:
need to build first                   1) Be a unique experience
for the site to be                    2) Have a sense of humor
   a success?




 Pick the 5 stickies with the most number of votes.
 Take 2 notes and compare them, based on the criteria.
  Put the preferred one on the top.
 Compare another note with the top note, then the notes
  under it. Put it in the list, based on its importance.
 Continue until all 5 notes are placed.                      7 minutes
                                           ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 62
yea!


       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 63
Explore the Sticky-note palette
                                                                      Sticky
 Get to know your materials                                          Ninja
                                                                       Tip
 Use size and color in a meaningful way

                                                                     5x8



                                                              4x6


                                                       3x4 4x4

                                                       3x3             3x5

                                              2x2       2x3

                                               1x2


                                     ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 64
...which opens up all kinds of opportunities...




                                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 65
making plans
methods to master



                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 66
Map : Information Map




                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 67
Map : Process Map




                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 68
Site navigation brainstorm map




                                 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 69
Workshop planning map




                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 70
Making sense of legal stuff map




                                  ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 71
Map : Action Map




                   Now           Later                  2009




                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 72
lets get hands on…
activity 4
action planning



                  ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 73
The 4th challenge : who does what when?




           Who does what
          when to make the
            site a reality?


                                ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 74
Activity 4 : Action plan
                                                           task                  task
                                           task

  Who does what
   when to make                                               task
 the site a reality?                task
                                                                                 task

                                                      task




 Take the top feature from the ordered list of priorities.
 Freelist tasks that need to be done to build the feature.
 Don’t worry about what comes first, just brainstorm tasks.
 Aim for 10-15 tasks per person.

                                                               5 minutes
                                            ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 75
Activity 4 : Action plan

                         Week 1          Week 2                       Week 3
  Who does what
   when to make
 the site a reality?
                       task              task                       task
                                  task



                                                               task              task
 Make a set of large stickies for timing:
  week 1, week 2, week 3, week 4
 Sort the task stickies underneath the timing stickies




                                                            5 minutes
                                         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 76
Activity 4 : Action plan
                            Week 1    Week 2               Week 3              Week 4


  Who does what
   when to make
 the site a reality?




 Make a set of stickies for each role you need on the team
  (designer, researcher, business owner, developer.) Place
  these in a column down the left side of the map.
 Sort the task stickies to align horizontally with the role that
  will do the task.
 Don’t worry about being tidy, and you can duplicate tasks.
                                                              5 minutes
                                           ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 77
yea!


       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 78
Going green with stickynotes                                           Sticky
                                                                       Ninja
 Q: Are post-it notes recyclable?                                      Tip
  A: According to 3M, yes.
 Q: What about the news story about how stickies
     gum up recycling process?
  A: The stickies referred to in the article were items
     coated with a permanent adhesive, like mailing labels.
 Q: Are stickies made from recycled paper?
  A: Some are. You can get some sizes and colors as 30%
     post-consumer waste recycled post-its.

   You can learn more at:
    www.mmm.com/us/office/postit/faq.html


                                      ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 79
What else can we do?                                                     Sticky
                                                                         Ninja
 Use notes twice: Once you’ve written on the                             Tip
  front, fold up and use the note again as
  a 1/2 note. This lets you write on the back, too.
 Don’t crinkle & toss. Slabs of notes are difficult to recycle.
  Stick two stickynotes back to back to ensure you don’t
  end up with big slabs.
 Unleash your inner pastel. Use the softer colors that are
  more easily recycled. Many bright colors are not as easily
  recycled, due to the ink.




                                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 80
capturing results


             ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 81
Capturing the results
                                                                        Sticky
 Use digital photos to capture different states                        Ninja
                                                                         Tip
 Be sure that the writing on the notes
  is legible! (This is a common gotcha)
 Optimize the visuals in photoshop...
  sharpen & auto-adjust are your friends
 Save as a pdf, and you can print the pages
  at actual size to pin up in your work room




                                       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 82
...or you can put them into a deck




                                     ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 83
you guys are experts…
activity 5
making awesome group experiences



                       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 84
The 5th challenge : make a map for success
How can we make our participatory activities
wildly successful?

    What issues                               How can we
     have you                                 go from good
   encountered?                                 to great?

                        What
                    solutions have
                      you used?


                                    ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 85
Activity 5 : make a map for success
 What issues
  have you
encountered?

       What
     solutions
     have you
                 How can we
      used?
                 go from good
                   to great?




 Working as a group, freelist these three questions.
  Aim for 10-15 stickies per person per question.
 Now as a team, cluster the stickies into 3 affinity diagrams.
  Don’t forget to label the clusters.
 Take a look at what you’ve got.
  What patterns have emerged?
                                                      20 minutes
                                        ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 86
yea!


       ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 87
tools & resources


             ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 88
9 great techniques
 Name                Type      Use it to…

 Freelisting         List      Collect information about a topic

 Swap-Sort           List      Order items by priority

 Dot Voting          List      Decide what to focus on

 Loose Cluster       Cluster   Identify patterns in the information

 Top-Down Tree       Tree      Examine a topic thoroughly


 Bottom-Up Tree      Tree      Identify the fundamental nature
                               of a topic

 Information Map     Map       Understand complex relationships

 Process Map         Map       Understand complex relationships

 Action Plan         Map       Define steps to meet a goal



                                  ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 89
Links & books




3M Post-it site  www.3m.com/us/office/postit
StickyNote Ninja  www.stickynoteninja.com
Wikipedia  en.wikipedia.org/wiki/Post-it_note
The Grove Consultants  grove.com

                                         ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 90
Credits
Flickr Images
   Stickynote background by Tiago Pinhal
    www.flickr.com/photos/tiagopinhal/387756816/

   IceBreakers picture by Arun Katiyar
    www.flickr.com/photos/48889080879@N01/96243768/

   “To Do” artwork by Illegal Art | www.illegalart.org/projects_todo_pics_5.cfm
    Photo by Amit Gupta | www.flickr.com/photos/superamit/1043379069/

   Stickynote colors image by GoBestArticles
    www.gobestarticles.com/2008/05/12/post-it-art...

   Elvis image by Todd Coates at Capstrat
    www.capstrat.com/elvis-spotted-in-the-conference-room/




                                                      ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 91
Final
                                               Ninja
                                               Secret


walk softly…
and carry a big sticky!
          www.stickynoteninja.com
          Kate Rutter <kate@adaptivepath.com>


                     ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 92

Weitere ähnliche Inhalte

Mehr von Kate Rutter

What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020Kate Rutter
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UIKate Rutter
 
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]Kate Rutter
 
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]Kate Rutter
 
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]Kate Rutter
 
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...Kate Rutter
 
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop] Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop] Kate Rutter
 
Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Kate Rutter
 
Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Kate Rutter
 
Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]Kate Rutter
 
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...Kate Rutter
 
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...Kate Rutter
 
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...Kate Rutter
 
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016] Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016] Kate Rutter
 
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...Kate Rutter
 
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]Kate Rutter
 
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]Kate Rutter
 
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...Kate Rutter
 
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]Kate Rutter
 
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]Kate Rutter
 

Mehr von Kate Rutter (20)

What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UI
 
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
 
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
 
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
 
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
 
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop] Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
 
Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019]
 
Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]
 
Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]
 
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
 
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
 
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
 
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016] Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
 
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
 
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
 
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
 
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
 
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
 
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
 

Kürzlich hochgeladen

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 

Kürzlich hochgeladen (19)

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 

Become a Stickynote Ninja, workshop [UX Week 2008]

  • 1. Become a Stickynote Ninja The Problem-Solving Power of Stickies * (also known as Post-it® Notes) simple tools that deliver great results Kate Rutter <kate@adaptivepath.com> ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 0
  • 2. What we’re going to do in the next 3 hours  Talk about why sticky notes + UX =   Learn 9 methods that will rock your work  Experience 4 activities to get hands-on with the methods  Collect a bunch of tips and tricks to make your sticky-life easy  Learn from each other’s experiences  Find out where to get more info and tools  Get a trinket ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 1
  • 3. don’t be shy... ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 2
  • 4. the path of the stickynote ninja ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 3
  • 5. simple tools + skilled practitioners powerful weapons ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 4
  • 6. Ninja Secret #1 Sticky notes are the currency of ideas. ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 5
  • 7. Why stickies? They stick on a The right size Easy to variety of to hold 1 idea rearrange and surfaces or problem move around Familiar and Ubiquitous approachable Cheap Simple ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 6
  • 8. I call this… ne ss ig ht L STICKIES ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 7
  • 9. Why do they work so well in groups? Enable people Help a group Allow a group to externalize focus on one to visualize their thoughts thing at a time patterns & ideas Engage the Clearly show whole group relationships & in the process agreements ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 8
  • 10. Two major ideas… Create  Generate new ideas information  Probe problems  Explore attributes  Identify patterns Reduce  Prioritize information  Make decisions  Create plans ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 9
  • 11. Ninja Secret #2 Ninjas don’t talk about what they do… they just do it. ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 10
  • 12. methods ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 11
  • 13. What goes on a sticky? Sticky Ninja  1 thought or idea per sticky Tip  Make them as clear as possible  Keep the corners clear in case you need space for additional I am notes one idea  Be specific for example… Frequent Lots of downtime issues with due to product server load ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 12
  • 14. 4 types of layouts Lists Clusters Trees Maps ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 13
  • 15. The joy of lists Name Use it to… Lists Freelisting Collect information about a topic Swap-Sort Order items by priority Dot-Voting Identify top choices ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 14
  • 16. Lovin’ the clusters Clusters Name Use it to… Loose Cluster Identify patterns in information ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 15
  • 17. Cultivating the trees Trees Name Use it to… Top-Down Tree Examine a topic thoroughly Bottom-Up Tree Identify the fundamental nature of a topic ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 16
  • 18. Charting the maps Maps Name Use it to… Information Map Understand complex relationships Process Map Understand complex relationships Action Plan Define what’s needed to meet a goal ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 17
  • 19. Getting started : setting the stage Sticky Ninja  Define what you’re there to do: Tip ie: “Understand how people think about mobile devices” or “Gather ideas for new features”  Write down the objective and display it where everyone can see it and reference it.  Briefly describe the process you plan to use, and ask people if they have questions.  Have enough stickies and markers to go around. ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 18
  • 20. gathering ideas methods to master ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 19
  • 21. List : Freelisting I am one I Iam one am one thought thought thought ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 20
  • 22. Lists from walk-by contributions ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 21
  • 23. Data from research interview videos ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 22
  • 24. Strategic sticking Sticky Ninja  Be aware of where you put the sticky stuff. Tip  Top for columns (ie: bottom-up maps)  Bottom for general clustering  Be consistent - Don’t put them all catawampus. It’s a big time-waster!  Tip: fold down the edge of one of the top corners to make a handle so they are easier to grab and move. ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 23
  • 25. organizing stuff methods to master ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 24
  • 26. Cluster : Loose Cluster ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 25
  • 27. Clustering activity ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 26
  • 28. Clustering activity with zones ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 27
  • 29. Data into information : Charmr ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 28
  • 30. Clusters by topic ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 29
  • 31. Don’t have a big wall for stickies? Sticky  Use a rolling whiteboard Ninja Tip  Use a window!  Use the back of a door  Use a wall in the bathroom  Get large sheets of gatorboard or foam core ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 30
  • 32. or you can use the side of a building... ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 31
  • 33. Tree : Bottom-Up Tree ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 32
  • 34. Three levels in bottom-up tree ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 33
  • 35. A forest of task trees ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 34
  • 36. Pen and sticky size Sticky Ninja  Use the right size pen for the right Tip size sticky. Fine point Sharpie Super Sharpie Chisel point Sharpie ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 35
  • 37. lets get hands on… activity 1 freelisting • clustering • bottom-up tree ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 36
  • 38. The Scenario You are a UX design team with the challenge of creating the site for a new service: milkandcookiesnow.com The big vision is to get milk and cookies to people who need them, and deliver within the hour. All the supply and delivery stuff is worked out and ready to go. Now you need a web app for selection, ordering, payment and delivery confirmation. The product values are: user-centered, unique, fun, personal, easy-to-use, quick, engaging, has a sense of humor. Take a minute to read the scenario and the user stories. ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 37
  • 39. The 1st challenge : what will the product DO? What features and functionality need to be built for the site to be successful? ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 38
  • 40. Activity 1 : Freelisting Idea 3 Idea 6 idea 1 What features and functionality Idea 4 need to be built Idea 2 Idea 7 for the site to be successful? Idea 5  Independently down your ideas. Don’t talk, just write.  Write each idea on a sticky. Make as many as you can. Aim for 10-15 per person.  When you’re done, put the stickies on the sheet in the middle of the table, spread out so that they are randomly distributed. 5 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 39
  • 41. Activity 1 : Clustering What features Idea 5 idea 1 and functionality Idea 3 need to be built Idea 4 Idea 6 for the site to be Idea 2 successful? Idea 7  Group the stickies together…like with like.  You can discuss groupings, but keep conversation to a minimum. Focus on keeping things moving.  When time is up, take a look at the groups and see what you’ve got. 5 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 40
  • 42. Activity 1 : Labeling SuperGroup SuperGroup I II What features Group Group Group and functionality 1 2 3 need to be built for the site to be Idea Idea idea 1 5 6 successful? Idea Idea 4 2 Idea 7 Idea 3  As a team, name the groups.  Write the name on a different color of sticky and put it at the top of the group.  If you get to groups of groups, use the larger stickies.  Take a look at what you’ve got. What’s surprising about the patterns? 5 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 41
  • 43. yea! ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 42
  • 44. Stick ‘em when you need ‘em Sticky  Sticky-sessions are not just Ninja Tip a workshop technique  Quick cluster = quick clarity  Quick freelisting gets issues out, makes ideas visible, and opens up topics for discussion  You can start a stickynote activity at any time...just start “scribing” issues/topics as they emerge ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 43
  • 45. exploring and delving methods to master ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 44
  • 46. Tree : Top-Down Tree ? Why is this happening? ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 45
  • 47. lets get hands on… activity 2 top-down tree ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 46
  • 48. The 2nd challenge : why does the product MATTER? What is the deeper purpose of a feature on the site? ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 47
  • 49. A quick example... Why is this important? Delivery preferences L1  So that the milk & cookies get to the right place. L  so that the customer gets their order 1.2 L  so that the customer feels good about 1.3 the service L  so that the customer trusts the service 1.4  so that the customer has a great day L  so that the customer will tell their friends 1.5 L2  So that the milk & cookies get there at the right time. ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 48
  • 50. ready? ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 49
  • 51. Activity 2 : Top-down tree Feature set 1 What is the deeper purpose of this feature on Reason the site? Reason 5 Reason 1 Reason 3 Reason 2 4  Pick a top-level feature from your clusters.  Ask the question “Why is this feature needed/important?”  Write your answer down on a sticky. One thought/idea per note. Place the sticky below the one that prompted the answer.  Make about 5-7 of these. 4 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 50
  • 52. Activity 2 : Top-down tree Feature set 1 What is the 5 1 purpose of this 2 3 4 feature on the site? 1.1 1.2 3.1 3.2 4.1 4.2 1.3  Ask the question again, this time working through the stickies you just made.  Put the answer stickies below the one that prompted the answer, so that a tree develops.  Try to get down to 4 levels, each with 5-7 stickies. 7 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 51
  • 53. Activity 2 : Top-down tree Feature set 1 What is the deeper purpose 1 2 3 4 5 of this feature on the site? 1.1 1.2 1.3 3.1 3.2 4.1 4.2  What new perspectives, insights and observations did you uncover?  How does this information impact the feature clusters you created earlier?  How would you add to, shift, adapt or change the original clusters?  What other top labels would be good to explore in this way? 4 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 52
  • 54. yea! ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 53
  • 55. making priorities methods to master ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 54
  • 56. Dot Voting I am an idea ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 55
  • 57. Dot Voting Vote again Don’t include “no votes” ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 56
  • 58. Dot Voting Top priority Important Consider Low priority ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 57
  • 59. List : Swap Sort What makes us the most money? $4k $2k $6k $5k $1k $5k $8k $3k $7k $1k $9k ? $4k $2k $5k $3k $5k $6k $3k $8k $1k $9k $7k ? $5k $3k $1k $3k ? $1k ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 58
  • 60. lets get hands on… activity 3 dot-voting • swap-sort ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 59
  • 61. The 3rd challenge : what do we do FIRST? What do we need to build first for the site to be a success? ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 60
  • 62. Activity 3 : Dot-voting What do we need to build first for the site to be a success?  Everyone gets 5 dots. Stick the dots on the features that you feel are most needed for the site to be successful.  Everyone votes at the same time.  When you’re done, put the stickies in rows with the most votes at the top and the sad dot-poor ones at the bottom. 3 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 61
  • 63. Activity 3 : Swap-Sort Criteria: milkandcookiesnow.com What do we needs to: need to build first 1) Be a unique experience for the site to be 2) Have a sense of humor a success?  Pick the 5 stickies with the most number of votes.  Take 2 notes and compare them, based on the criteria. Put the preferred one on the top.  Compare another note with the top note, then the notes under it. Put it in the list, based on its importance.  Continue until all 5 notes are placed. 7 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 62
  • 64. yea! ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 63
  • 65. Explore the Sticky-note palette Sticky  Get to know your materials Ninja Tip  Use size and color in a meaningful way 5x8 4x6 3x4 4x4 3x3 3x5 2x2 2x3 1x2 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 64
  • 66. ...which opens up all kinds of opportunities... ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 65
  • 67. making plans methods to master ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 66
  • 68. Map : Information Map ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 67
  • 69. Map : Process Map ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 68
  • 70. Site navigation brainstorm map ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 69
  • 71. Workshop planning map ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 70
  • 72. Making sense of legal stuff map ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 71
  • 73. Map : Action Map Now Later 2009 ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 72
  • 74. lets get hands on… activity 4 action planning ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 73
  • 75. The 4th challenge : who does what when? Who does what when to make the site a reality? ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 74
  • 76. Activity 4 : Action plan task task task Who does what when to make task the site a reality? task task task  Take the top feature from the ordered list of priorities.  Freelist tasks that need to be done to build the feature.  Don’t worry about what comes first, just brainstorm tasks.  Aim for 10-15 tasks per person. 5 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 75
  • 77. Activity 4 : Action plan Week 1 Week 2 Week 3 Who does what when to make the site a reality? task task task task task task  Make a set of large stickies for timing: week 1, week 2, week 3, week 4  Sort the task stickies underneath the timing stickies 5 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 76
  • 78. Activity 4 : Action plan Week 1 Week 2 Week 3 Week 4 Who does what when to make the site a reality?  Make a set of stickies for each role you need on the team (designer, researcher, business owner, developer.) Place these in a column down the left side of the map.  Sort the task stickies to align horizontally with the role that will do the task.  Don’t worry about being tidy, and you can duplicate tasks. 5 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 77
  • 79. yea! ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 78
  • 80. Going green with stickynotes Sticky Ninja  Q: Are post-it notes recyclable? Tip A: According to 3M, yes.  Q: What about the news story about how stickies gum up recycling process? A: The stickies referred to in the article were items coated with a permanent adhesive, like mailing labels.  Q: Are stickies made from recycled paper? A: Some are. You can get some sizes and colors as 30% post-consumer waste recycled post-its. You can learn more at:  www.mmm.com/us/office/postit/faq.html ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 79
  • 81. What else can we do? Sticky Ninja  Use notes twice: Once you’ve written on the Tip front, fold up and use the note again as a 1/2 note. This lets you write on the back, too.  Don’t crinkle & toss. Slabs of notes are difficult to recycle. Stick two stickynotes back to back to ensure you don’t end up with big slabs.  Unleash your inner pastel. Use the softer colors that are more easily recycled. Many bright colors are not as easily recycled, due to the ink. ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 80
  • 82. capturing results ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 81
  • 83. Capturing the results Sticky  Use digital photos to capture different states Ninja Tip  Be sure that the writing on the notes is legible! (This is a common gotcha)  Optimize the visuals in photoshop... sharpen & auto-adjust are your friends  Save as a pdf, and you can print the pages at actual size to pin up in your work room ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 82
  • 84. ...or you can put them into a deck ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 83
  • 85. you guys are experts… activity 5 making awesome group experiences ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 84
  • 86. The 5th challenge : make a map for success How can we make our participatory activities wildly successful? What issues How can we have you go from good encountered? to great? What solutions have you used? ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 85
  • 87. Activity 5 : make a map for success What issues have you encountered? What solutions have you How can we used? go from good to great?  Working as a group, freelist these three questions. Aim for 10-15 stickies per person per question.  Now as a team, cluster the stickies into 3 affinity diagrams. Don’t forget to label the clusters.  Take a look at what you’ve got. What patterns have emerged? 20 minutes ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 86
  • 88. yea! ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 87
  • 89. tools & resources ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 88
  • 90. 9 great techniques Name Type Use it to… Freelisting List Collect information about a topic Swap-Sort List Order items by priority Dot Voting List Decide what to focus on Loose Cluster Cluster Identify patterns in the information Top-Down Tree Tree Examine a topic thoroughly Bottom-Up Tree Tree Identify the fundamental nature of a topic Information Map Map Understand complex relationships Process Map Map Understand complex relationships Action Plan Map Define steps to meet a goal ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 89
  • 91. Links & books 3M Post-it site  www.3m.com/us/office/postit StickyNote Ninja  www.stickynoteninja.com Wikipedia  en.wikipedia.org/wiki/Post-it_note The Grove Consultants  grove.com ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 90
  • 92. Credits Flickr Images  Stickynote background by Tiago Pinhal www.flickr.com/photos/tiagopinhal/387756816/  IceBreakers picture by Arun Katiyar www.flickr.com/photos/48889080879@N01/96243768/  “To Do” artwork by Illegal Art | www.illegalart.org/projects_todo_pics_5.cfm Photo by Amit Gupta | www.flickr.com/photos/superamit/1043379069/  Stickynote colors image by GoBestArticles www.gobestarticles.com/2008/05/12/post-it-art...  Elvis image by Todd Coates at Capstrat www.capstrat.com/elvis-spotted-in-the-conference-room/ ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 91
  • 93. Final Ninja Secret walk softly… and carry a big sticky! www.stickynoteninja.com Kate Rutter <kate@adaptivepath.com> ADAPTIVE PATH | UX WEEK 2008 | August 12, 2008 | 92