HIGH ON DESIGN
Tulsi Dharmarajan
About
  Design & Product consultant: Allegiance
  Founder: Zuri Labs




 Contact me:
   hello@zurilabs.com
   http://www.linkedin.com/in/tulsid
   @tulsid
Design Thinking
Exercises for Design Thinking
Empowered Engineering Teams
What is design thinking?
      Be curious, ask questions
      Empathize – with the customer
      Think analytically
      Be ever optimistic!
      Be always ready for change
      Willing to collaborate

                                       Resource: Tim Brown
Design thinking

                 Define

         Learn             Ideate




         Build            Prototype

                  Test
Agile Style

                 Define

         Learn             Ideate




         Build            Prototype

                  Test
Design Thinking
Exercises for Design Thinking
Empowered Engineering Teams
DEFINE
Who is your user?




                    Courtesy: http://linowski.ca/
Define the problem

     Why are you building this solution?
     What is the problem your user has?
     Has someone already solved this problem?
     Is it worth solving this problem?
     How will your user feel if you solve this
      problem?
IDEATE
Five tips
      Hard core, soft periphery
      Pareto principle
      Minimize distractions
      Blank slates
      Good defaults
6-8-5
The user & problem!
  The User
   Meet Tashi: Teacher by day; foodie by night
   Most happy when he can cook for friends


  The Problem
   Tashi has invited 8 people for dinner but has run out of gas!
   Calls regular gas company, they cannot deliver for 3 days


  The Brainstorm
  A mobile app that does one or more of
       Find local gas company
       Check availability
       Check price
       Schedule delivery today!
One Up
 “A good designer isn’t afraid to throw away a good
   idea”
                                        - Matthew Fredrick




                  One
                  Up
PROTOTYPE
Dave Gray interview Jason Fried
Creating wireframes

   Sketch first, wireframe later
   Simulate flow & interactions




                                    Courtesy: http://maryshaw.net/
TEST
User Interview
    1-1 interviews                                       But certainly
                                                          a multiplicity of
                                                          similars would
    User forums        This project                      better reflect the
                        wants to be                       perturberance of
    Guerilla testing   about a
                        complexity of
                                                          the modularity,
                                                          given the

 
                        multiplicities                    particularity
     Use some tools                                       of the language
                                                          established
                                                          by the axial
                                                          relationships




                                         101 Things I Learnt in Architecture School
UX Testing Tools

                                  Resources:
                                     http://www.intuitionhq.com/
                                     http://www.loop11.com
                                     http://openhallway.com/
                                     http://www.crazyegg.com




                   Intuithq.com
Design Thinking
Exercises for Design Thinking
Empowered Engineering Teams
Four C’s




           Courtesy: www.GoGamestorm.com
Empowered Engineers

   Engaged engineering teams enable the
    designer

   Publish standards so mistakes are avoided

   Communicate mistakes so they’re not
    repeated
Pattern Libraries

                                    Resources:
                                       developer.yahoo.com/ypatterns/
                                       http://patterns.endeca.com
                                       http://www.welie.com/
                                       http://ui-patterns.com/
                                       http://patternry.com/




                    Patternry.com
THANK YOU!

 hello@zurilabs.com

 http://www.linkedin.com/in/tulsid

 @tulsid
RESOURCES
Usability
       alistapart.com
       lukew.com
       smashingmagazine.com
       theresaneil.wordpress.com
       www.useit.com
       UXBooth.com
       UXMagazine.com
       GoGamestorm.com

       4 must read books about design:
       Designing interfaces: Jenifer Tidwell
       Designing web interfaces: Theresa Neil & Bill Scott
       Don’t make me think: Steve Krugg
       The design of everyday things: Donald Norman
Design thinking
   Authors
       John Maeda
       Nigel Cross
       Peter Rowe
       Tim Brown
       Thomas Lockwood
   Online
     http://designthinking.ideo.com/
     Also several You Tube videos
Wireframe
   My Favorites
     Flairbuilder
     Balsamiq
     Omnigraffle
   Online
       http://www.mockflow.com/
       http://www.evolus.vn/Pencil/
       https://gomockingbird.com/
       http://www.powermockup.com/
   Other Resources
     http://wireframes.linowski.ca
     http://inspirationfeed.com/2011/02/25-examples-of-wireframes-
      and-mockups-sketches/
     wireframes.tumblr.com

Meta Refresh: High on Design

  • 1.
  • 2.
    About  Design& Product consultant: Allegiance  Founder: Zuri Labs Contact me:  hello@zurilabs.com  http://www.linkedin.com/in/tulsid  @tulsid
  • 3.
    Design Thinking Exercises forDesign Thinking Empowered Engineering Teams
  • 4.
    What is designthinking?  Be curious, ask questions  Empathize – with the customer  Think analytically  Be ever optimistic!  Be always ready for change  Willing to collaborate Resource: Tim Brown
  • 5.
    Design thinking Define Learn Ideate Build Prototype Test
  • 6.
    Agile Style Define Learn Ideate Build Prototype Test
  • 7.
    Design Thinking Exercises forDesign Thinking Empowered Engineering Teams
  • 8.
  • 10.
    Who is youruser? Courtesy: http://linowski.ca/
  • 11.
    Define the problem  Why are you building this solution?  What is the problem your user has?  Has someone already solved this problem?  Is it worth solving this problem?  How will your user feel if you solve this problem?
  • 12.
  • 13.
    Five tips  Hard core, soft periphery  Pareto principle  Minimize distractions  Blank slates  Good defaults
  • 14.
  • 15.
    The user &problem! The User  Meet Tashi: Teacher by day; foodie by night  Most happy when he can cook for friends The Problem  Tashi has invited 8 people for dinner but has run out of gas!  Calls regular gas company, they cannot deliver for 3 days The Brainstorm A mobile app that does one or more of  Find local gas company  Check availability  Check price  Schedule delivery today!
  • 16.
    One Up “Agood designer isn’t afraid to throw away a good idea” - Matthew Fredrick One Up
  • 17.
  • 18.
  • 19.
    Creating wireframes  Sketch first, wireframe later  Simulate flow & interactions Courtesy: http://maryshaw.net/
  • 20.
  • 21.
    User Interview  1-1 interviews But certainly a multiplicity of similars would  User forums This project better reflect the wants to be perturberance of  Guerilla testing about a complexity of the modularity, given the  multiplicities particularity Use some tools of the language established by the axial relationships 101 Things I Learnt in Architecture School
  • 22.
    UX Testing Tools Resources:  http://www.intuitionhq.com/  http://www.loop11.com  http://openhallway.com/  http://www.crazyegg.com Intuithq.com
  • 23.
    Design Thinking Exercises forDesign Thinking Empowered Engineering Teams
  • 24.
    Four C’s Courtesy: www.GoGamestorm.com
  • 25.
    Empowered Engineers  Engaged engineering teams enable the designer  Publish standards so mistakes are avoided  Communicate mistakes so they’re not repeated
  • 26.
    Pattern Libraries Resources:  developer.yahoo.com/ypatterns/  http://patterns.endeca.com  http://www.welie.com/  http://ui-patterns.com/  http://patternry.com/ Patternry.com
  • 27.
    THANK YOU! hello@zurilabs.com http://www.linkedin.com/in/tulsid @tulsid
  • 28.
  • 29.
    Usability  alistapart.com  lukew.com  smashingmagazine.com  theresaneil.wordpress.com  www.useit.com  UXBooth.com  UXMagazine.com  GoGamestorm.com  4 must read books about design:  Designing interfaces: Jenifer Tidwell  Designing web interfaces: Theresa Neil & Bill Scott  Don’t make me think: Steve Krugg  The design of everyday things: Donald Norman
  • 30.
    Design thinking  Authors  John Maeda  Nigel Cross  Peter Rowe  Tim Brown  Thomas Lockwood  Online  http://designthinking.ideo.com/  Also several You Tube videos
  • 31.
    Wireframe My Favorites  Flairbuilder  Balsamiq  Omnigraffle  Online  http://www.mockflow.com/  http://www.evolus.vn/Pencil/  https://gomockingbird.com/  http://www.powermockup.com/  Other Resources  http://wireframes.linowski.ca  http://inspirationfeed.com/2011/02/25-examples-of-wireframes- and-mockups-sketches/  wireframes.tumblr.com

Editor's Notes

  • #15 Credit:BrynnEvans (Google)
  • #27 don’t reinvent the wheel