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

1. From napkin sketch to product
A workshop on UX for startups
Nicky Szmala | Christian Drehkopf | October 2011
3DS Shanghai @Tongji University

2. Nicky in a nutshell
Corporate side Startup side
Europe
Germany_Berlin (onsite)
Germany_Dusseldorf (onsite)
Germany_Hamburg (onsite)
England_London
France_Paris
Finland_Helsinki (onsite)
North America
USA_Santa Monica
Asia
China_Beijing (onsite)
China_Shanghai (onsite)
China_Guangzhou (onsite)
Singapore (onsite)
UAE_Dubai
Japan_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
SEOUL
Member of
Selection of clients

4. What is
UX?

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 with
a 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. UX
examples

18. UX is about device input ...
5 Way
Jumping 5 Way
from link Cursor
to 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 your
customer … individual
practical brand focused
rational emotional
no-car extroverted
social

25. User Experience is about knowing your
customer and your market.
individual
Highest (anticipated)
opportunity
brand focused
rational emotional
social

26. UX
applied

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 Experiences
is an agile process
abstract
concept design
analytic synthetic
research development
real

29. UX
testing

30. Measuring User Experiences
Using the right method
generative formative predictive
Quantitative
Qualitative
Time

31. Creating User Experiences
Low-Fi-Prototypes
Start Simple ITERATIONS Learn and optimize

32. Measuring User Experiences
Paper Based Prototyping

33. Measuring User Experiences
Customer Recreation

34. Measuring User Experiences
Qualitative
Your PC
Webcam
or
Steadycam
Or simply
Camtasia record
Studio interaction
Trail with phone
Version camera

35. Measuring User Experiences
Qualitative

36. Test Drive

37. Measuring User Experiences
Quantitative

38. UX
resources

39. Find and hire designers
www.behance.net

40. Download professional Web Designs under 50$
www.templatemonster.com

41. Crowd Source Design

42. Rappid Wireframing Tool
www.balsamiq.com

43. “Everything should be made
as simple as possible
but not simpler.”
Albert Einstein

44. Recommended Books

45. Recommended Books
Steve Krug
– Rocket Surgery …
-> Do-It-Yourself guide
for usability testing

46. Recommended Books
Steve Krug Adaptive Path
– Rocket Surgery … – Subject to Change
-> Do-It-Yourself guide -> Why user experience
for usability testing matters + examples

47. Recommended Books
Steve Krug Adaptive Path John Maeda
– Rocket Surgery … – Subject to Change – Simplicity
-> Do-It-Yourself guide -> Why user experience -> A book about how
for usability testing matters + examples to design

49. Make it work.