Intro to UX for Developers by Brenda Jin

1,468 views

Published on

Want to create a relevant product and viable business model? Or just kill it at the next hackathon or paired programming night?

Join this hands-on session to learn about tools that will help you innovate and communicate better with internal and external stakeholders.

Geared especially towards developers, this talk focuses on how you can maximize a user-based approach in product development cycles to debug early with high return on investment using simple and low-cost techniques.

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,468
On SlideShare
0
From Embeds
0
Number of Embeds
52
Actions
Shares
0
Downloads
20
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • not an object or an artifactphysical materials up to youthinking tool - critically examine current problems and discover viable solutions that are culturally and contextually appropriateUse these tools at:Hack nights and hackathonsInternal MeetingsExternal Pitches
  • evolutionary strength - diverse needs and problems - diverse solutions. diverse throughout time - our habits and expectations change according to context.
  • today
  • 1996from a single viewpoint - hard to predict the outcomesalumni event
  • We want to innovate, and we want to disrupt
  • In the meantime, we also want to create excellent and intuitive experiences and viable business models.How can we do this?We can accomplish this by thinking about our users from the beginning to the end.
  • Every good story has a conflict. And every hack has a story. articulate the problem you are trying to solve.
  • 6th slide of 18-Slide Pitch Just Landed PaymentStartup Dwolla $16.5 Million Series C roundhttp://www.businessinsider.com/18-slide-pitch-deck-lands-payment-startup-dwolla-165-million-2013-4?op=1
  • Using your need finding researchset a goal against which to measure your solution
  • That question brings us to our next tool…
  • Especially effective as Early exploration tools
  • founders of quantum chemistry molecular biology.
  • As you narrow down your product, major changes become more and more expensiveHigh ROI
  • test specific aspects of your design, like look and feel, flow, or practicality. sometimes advantage to test using rougher sketcheshttp://www.theverge.com/2013/2/22/4013406/i-used-google-glass-its-the-future-with-monthly-updates
  • Revisable, Disposable1996, Palm introduced Palm Pilot - 1st successful Personal Digital Assistants (PDAs)Jeff Hawkins inventor: “Would I actually carry it with me and use it?” - Later: Can we build it this small? https://docs.google.com/file/d/0B0QztbuDlKs_NzBjYWNiOGQtNmQyNi00OWE2LWI2YzktN2Y3YTEzM2VjYTNj/edit?hl=en_US
  • Inexpensive compared to the execution of the final productsave you the expense of late revisions to your productThe Wii U GamePadIdeally, make big changes early.http://www.gameinformer.com/b/news/archive/2012/12/07/nintendo-shows-off-its-wii-u-prototype.aspxhttp://iwataasks.nintendo.com/interviews/#/wiiu/nintendo-land/0/0
  • think through a lot of problemsSo Users don’t have to
  • Easy to reviseCheapFlexibleIt’s clearly not an appGive an example of how I’ve used this at a pair programming night
  • Especially useful when the technology you envision is not yet available or costly to set up
  • Make sure you have pen and paper
  • Spend 1 minute using the sticky to sketch a prototype.
  • 1 minute
  • Scott Klemmer, Stanford
  • Test your hypotheses. See how your prototype measures up against the goal.
  • Work out bugs before you start buildingA handful of people will get you the majority of bugs
  • Don’t over-instructPay attention to breakdowns and pain pointsAvoid questions like ‘Did you like it?’Ask questions like: ‘How challenging was it to complete task x?’
  • Frogdesign, Apple Computer in the 1980s http://www.frogdesign.com/
  • What problems did you face and solve?Unknown unknowns?
  • Intro to UX for Developers by Brenda Jin

    1. 1. Introto UX forDevelopersBrenda Jin@cyberneticlove
    2. 2. Intro to UX for DevelopersBrenda JinUser eXperience: how a person feelsabout, perceives, and accomplishesan interaction with a computer@cyberneticlove
    3. 3. Intro to UX for DevelopersBrenda JinOverview1) Background Tools2) Try It - Prototyping3) Try It - Testing4) Additional Resources@cyberneticlove
    4. 4. Background Tools
    5. 5. Intro to UX for DevelopersBrenda JinUX is a design andcommunication tool.@cyberneticlove
    6. 6. Intro to UX for DevelopersBrenda JinHumans are wildly diverse.@cyberneticlove
    7. 7. Intro to UX for DevelopersBrenda JinAs hackers and builders,we want to disrupt –@cyberneticlove
    8. 8. Intro to UX for DevelopersBrenda Jinwhile providing an intuitive experience.@cyberneticlove
    9. 9. Intro to UX for DevelopersBrenda JinTool #1:Identifying Needs@cyberneticlove
    10. 10. Intro to UX for DevelopersBrenda JinFinding Needs• Interview and observe• Pay attention to pain points, places whereextra explanation is needed@cyberneticlove
    11. 11. Intro to UX for DevelopersBrenda JinTool #2:Set Goals@cyberneticlove
    12. 12. Intro to UX for DevelopersBrenda JinFocus on the goal so that you can• See the forest and the trees• Measure twice, cut once@cyberneticlove
    13. 13. Intro to UX for DevelopersBrenda JinNow that we know the problem…why not build the solution already?@cyberneticlove
    14. 14. Intro to UX for DevelopersBrenda JinTool#3:Prototyping@cyberneticlove
    15. 15. Intro to UX for DevelopersBrenda JinPrototype: A first or preliminarymodel of something@cyberneticlove
    16. 16. Intro to UX for DevelopersBrenda Jin @cyberneticlove
    17. 17. Intro to UX for DevelopersBrenda Jin“The best way to have a goodidea is to have lots of ideas”- Linus Pauling@cyberneticlove
    18. 18. Intro to UX for DevelopersBrenda Jin• The first solution is not necessarily the best• Debug early, when it matters a lot• Communicate using data and stories@cyberneticlove
    19. 19. Intro to UX for DevelopersBrenda JinMyth:Prototypes are pretty@cyberneticlove
    20. 20. Intro to UX for DevelopersBrenda JinTruth:Prototypes don’t have to be.@cyberneticloveImage courtesy of The Verge
    21. 21. Intro to UX for DevelopersBrenda JinMyth: Prototypes have lots of features@cyberneticlove
    22. 22. Intro to UX for DevelopersBrenda JinTruth: Prototypes can be quite minimal.@cyberneticlove
    23. 23. Intro to UX for DevelopersBrenda JinMyth:Prototyping is expensivein time and money@cyberneticlove
    24. 24. Intro to UX for DevelopersBrenda Jin @cyberneticlove
    25. 25. Intro to UX for DevelopersBrenda JinPrototypes get almostnone of the glory,but do a lot of the work.@cyberneticlove
    26. 26. Intro to UX for DevelopersBrenda Jin @cyberneticlovePaper
    27. 27. Intro to UX for DevelopersBrenda Jin @cyberneticloveWizard of Oz
    28. 28. Try It: Prototyping
    29. 29. Intro to UX for DevelopersYour turn!You’re building a new mobile email client.What does the composition window looklike?
    30. 30. Intro to UX for DevelopersBrenda JinYour turn again!Sketch a second prototype that is differentfrom the first.@cyberneticlove
    31. 31. Intro to UX for DevelopersBrenda JinPrototypes are questions,and questions arethe currency of collaboration.@cyberneticlove
    32. 32. Intro to UX for DevelopersBrenda JinThe goal ofrapid prototypingis rapid feedback.@cyberneticlove
    33. 33. Intro to UX for DevelopersBrenda JinTo get feedback,you need to test.@cyberneticlove
    34. 34. Intro to UX for DevelopersBrenda JinDirect Observation• Ask tester to talk through thoughts• Focus on the goal of problem-solvingrather than on your method or interface• Use data to evolve your product and tellyour story@cyberneticlove
    35. 35. Intro to UX for DevelopersBrenda Jin“When you prototype something andsimulate, you get much better decisions forthe next step.”-HartmutEsslinger@cyberneticlove
    36. 36. Try It: Testing
    37. 37. Intro to UX for DevelopersBrenda JinPair up!Option1: Ask your partner to complete atask with your prototype. Observe.Option2: Share your prototypes with eachother and create a single new prototypethat incorporates the best ideas from both.@cyberneticlove
    38. 38. Intro to UX for DevelopersBrenda JinWhat did you learn?@cyberneticlove
    39. 39. Additional Resources
    40. 40. Intro to UX for DevelopersAdditional ResourcesStanford Online Human-Computer Interactionat Coursera.orgSoftware: Balsamiq, Axure, Indigo Studio, web frameworksAlways cheap and compatible: Paper!Brenda Jin@cyberneticlove

    ×