Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

From Napkin Sketch to Product


Published on

Workshop presentation on UX together with @CDrehkopf for the 3 Day Startup Event at Tongji University in Shanghai, China.

Published in: Design, Technology, Business
  • The last one problem with writing is the most actual) If to speak sinceresly writing is not an easy task especially if you have no certain writing skills. That's why our company ⇒ ⇐ helps students to write any type of scientific papers!
    Are you sure you want to  Yes  No
    Your message goes here

From Napkin Sketch to Product

  1. 1. From napkin sketch to productA workshop on UX for startups Nicky Szmala | Christian Drehkopf | October 2011 3DS Shanghai @Tongji University
  2. 2. Nicky in a nutshellCorporate side Startup sideEuropeGermany_Berlin (onsite)Germany_Dusseldorf (onsite)Germany_Hamburg (onsite)England_LondonFrance_ParisFinland_Helsinki (onsite)North AmericaUSA_Santa MonicaAsiaChina_Beijing (onsite)China_Shanghai (onsite)China_Guangzhou (onsite)Singapore (onsite)UAE_DubaiJapan_Tokyo
  3. 3. Chris in a nutshell • 10 years experience in the advertising and design world for offline, online, mobile and digital media • Design Lead at iconmobile Group, Berlin, Germany – delivering high end digital user experiences CHICAGO HELSINKI BERLIN LOS LONDON NEW ANGELES YORK PARIS SHANGHAI SEOULMember ofSelection of clients
  4. 4. What isUX?
  5. 5. Ux = User Experience
  6. 6. This is an experience
  7. 7. And this too …
  8. 8. And of course this …
  9. 9. Or this …
  10. 10. Also this …
  11. 11. A simple model …
  12. 12. User-Experience (UX) is about how a person feels when interacting witha product, system or service. ISO 9241-210 ergonomics of human system interaction
  13. 13. User Experience is
  14. 14. User Experience is• required – your product / service cannot not have an user experience
  15. 15. User Experience is• required – your product / service cannot not have an user experience• innovative – designing UX is one of the most efficient ways of communicating and controlling your product outcome
  16. 16. User Experience is• required – your product / service cannot not have an user experience• innovative – designing UX is one of the most efficient ways of communicating and controlling your product outcome• useful – the UX of your product is often the first experience your customers have with your product or service
  17. 17. UXexamples
  18. 18. UX is about device input ...5 WayJumping 5 Wayfrom link Cursorto link based Touch screen
  19. 19. … and device output. 28 6 3 Features Features Browse Features View Browse Slideshow View Share Share AirPrint AirPlay
  20. 20. … but especially about the connections.
  21. 21. UX is a strategy to present ...
  22. 22. ... to manage content.
  23. 23. ... and peer interactions.
  24. 24. User Experience is about knowing yourcustomer … individual practical brand focused rational emotional no-car extroverted social
  25. 25. User Experience is about knowing yourcustomer and your market. individual Highest (anticipated) opportunity brand focused rational emotional social
  26. 26. UXapplied
  27. 27. “Perfection is achieved,not when there is nothing more to add,but when there is nothing left to take away.” Antoine de Saint-Exupery (french writer, poet and pioneering aviator)
  28. 28. Designing User Experiencesis an agile process abstract concept designanalytic synthetic research development real
  29. 29. UXtesting
  30. 30. Measuring User ExperiencesUsing the right method generative formative predictive Quantitative Qualitative Time
  31. 31. Creating User ExperiencesLow-Fi-Prototypes Start Simple ITERATIONS Learn and optimize
  32. 32. Measuring User ExperiencesPaper Based Prototyping
  33. 33. Measuring User ExperiencesCustomer Recreation
  34. 34. Measuring User ExperiencesQualitative Your PC Webcam or Steadycam Or simplyCamtasia recordStudio interactionTrail with phoneVersion camera
  35. 35. Measuring User ExperiencesQualitative
  36. 36. Test Drive
  37. 37. Measuring User ExperiencesQuantitative
  38. 38. UXresources
  39. 39. Find and hire
  40. 40. Download professional Web Designs under 50$
  41. 41. Crowd Source Design
  42. 42. Rappid Wireframing
  43. 43. “Everything should be made as simple as possible but not simpler.” Albert Einstein
  44. 44. Recommended Books
  45. 45. Recommended BooksSteve Krug– Rocket Surgery …-> Do-It-Yourself guidefor usability testing
  46. 46. Recommended BooksSteve Krug Adaptive Path– Rocket Surgery … – Subject to Change-> Do-It-Yourself guide -> Why user experiencefor usability testing matters + examples
  47. 47. Recommended BooksSteve Krug Adaptive Path John Maeda– Rocket Surgery … – Subject to Change – Simplicity-> Do-It-Yourself guide -> Why user experience -> A book about howfor usability testing matters + examples to design
  48. 48. Make it work.