From Napkin Sketch to Product

  • 1,647 views
Uploaded on

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

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

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,647
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
22
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • Numbers on how bad UX can affect business ( conversion rates)\n
  • Numbers on how bad UX can affect business ( conversion rates)\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • News aggregators: flipboard, pulse\n
  • News aggregators: flipboard, pulse\n
  • News aggregators: flipboard, pulse\n
  • \n
  • News aggregators: flipboard, pulse\n
  • News aggregators: flipboard, pulse\n
  • News aggregators: flipboard, pulse\n
  • Numbers on how bad UX can affect business ( conversion rates)\n
  • News aggregators: flipboard, pulse\n
  • News aggregators: flipboard, pulse\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Talking about lean ux\n
  • \n
  • Talking about lean ux\n
  • \n
  • \n
  • \n
  • \n
  • Talking about lean ux\n
  • Talking about lean ux\n
  • \n
  • Talking about lean ux\n
  • \n
  • Talking about lean ux\n
  • Talking about lean ux\n
  • News aggregators: flipboard, pulse\n
  • News aggregators: flipboard, pulse\n
  • \n
  • Talking about lean ux\n
  • Talking about lean ux\n
  • Talking about lean ux\n
  • Talking about lean ux\n
  • Talking about lean ux\n
  • Numbers on how bad UX can affect business ( conversion rates)\n

Transcript

  • 1. From napkin sketch to productA workshop on UX for startups Nicky Szmala | Christian Drehkopf | October 2011 3DS Shanghai @Tongji University
  • 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. 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. What isUX?
  • 5. Ux = User Experience
  • 6. This is an experience
  • 7. And this too …
  • 8. And of course this …
  • 9. Or this …
  • 10. Also this …
  • 11. A simple model …
  • 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. User Experience is
  • 14. User Experience is• required – your product / service cannot not have an user experience
  • 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. 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. UXexamples
  • 18. UX is about device input ...5 WayJumping 5 Wayfrom link Cursorto link based Touch screen
  • 19. … and device output. 28 6 3 Features Features Browse Features View Browse Slideshow View Share Share AirPrint AirPlay
  • 20. … but especially about the connections.
  • 21. UX is a strategy to present ...
  • 22. ... to manage content.
  • 23. ... and peer interactions.
  • 24. User Experience is about knowing yourcustomer … individual practical brand focused rational emotional no-car extroverted social
  • 25. User Experience is about knowing yourcustomer and your market. individual Highest (anticipated) opportunity brand focused rational emotional social
  • 26. UXapplied
  • 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. Designing User Experiencesis an agile process abstract concept designanalytic synthetic research development real
  • 29. UXtesting
  • 30. Measuring User ExperiencesUsing the right method generative formative predictive Quantitative Qualitative Time
  • 31. Creating User ExperiencesLow-Fi-Prototypes Start Simple ITERATIONS Learn and optimize
  • 32. Measuring User ExperiencesPaper Based Prototyping
  • 33. Measuring User ExperiencesCustomer Recreation
  • 34. Measuring User ExperiencesQualitative Your PC Webcam or Steadycam Or simplyCamtasia recordStudio interactionTrail with phoneVersion camera
  • 35. Measuring User ExperiencesQualitative
  • 36. Test Drive
  • 37. Measuring User ExperiencesQuantitative
  • 38. UXresources
  • 39. Find and hire designerswww.behance.net
  • 40. Download professional Web Designs under 50$www.templatemonster.com
  • 41. Crowd Source Design
  • 42. Rappid Wireframing Toolwww.balsamiq.com
  • 43. “Everything should be made as simple as possible but not simpler.” Albert Einstein
  • 44. Recommended Books
  • 45. Recommended BooksSteve Krug– Rocket Surgery …-> Do-It-Yourself guidefor usability testing
  • 46. Recommended BooksSteve Krug Adaptive Path– Rocket Surgery … – Subject to Change-> Do-It-Yourself guide -> Why user experiencefor usability testing matters + examples
  • 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. Make it work.