Presentation from Meta Refresh: Feb 22-23rd, Bangalore

1. HIGH ON DESIGN
Tulsi Dharmarajan

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 for Design Thinking
Empowered Engineering Teams

4. 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

5. Design thinking
Define
Learn Ideate
Build Prototype
Test

6. Agile Style
Define
Learn Ideate
Build Prototype
Test

7. Design Thinking
Exercises for Design Thinking
Empowered Engineering Teams

8. DEFINE

10. Who is your user?
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. IDEATE

13. Five tips
 Hard core, soft periphery
 Pareto principle
 Minimize distractions
 Blank slates
 Good defaults

14. 6-8-5

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
“A good designer isn’t afraid to throw away a good
idea”
- Matthew Fredrick
One
Up

17. PROTOTYPE

18. Dave Gray interview Jason Fried

19. Creating wireframes
 Sketch first, wireframe later
 Simulate flow & interactions
Courtesy: http://maryshaw.net/

20. TEST

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 for Design 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. RESOURCES

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