Training material in NCTU+ UX Team

1. UX
Daniel Lee
2018 NCTU+ UX Team

2. Sketch!!!
2018 NCTU+ UX Team

3. What is sketch?
2018 NCTU+ UX Team

4. 2018 NCTU+ UX Team

5. 2018 NCTU+ UX Team

6. 2018 NCTU+ UX Team

7. 2018 NCTU+ UX Team

8. What to sketch?
2018 NCTU+ UX Team

9. What to sketch?
Communication Problems Ideas
2018 NCTU+ UX Team

10. 2018 NCTU+ UX Team

11. 2018 NCTU+ UX Team

12. 2018 NCTU+ UX Team

13. 2018 NCTU+ UX Team

14. Sketch Prototype
2018 NCTU+ UX Team

15. Source: Sketching User Experience by Bill Buxton2018 NCTU+ UX Team

16. Prototype
2018 NCTU+ UX Team

17. 2018 NCTU+ UX Team

18. 2018 NCTU+ UX Team

19. IDEA GENERATION
2018 NCTU+ UX Team

20. What is ideation?
2018 NCTU+ UX Team

21. – d.school, An Introduction to Design Thinking PROCESS GUIDE
Ideation is the mode of the design process in
which you concentrate on idea generation. Mentally
it represents a process of “going wide” in terms of
concepts and outcomes. Ideation provides both the
fuel and also the source material for building
prototypes and getting innovative solutions into the
hands of your users.
2018 NCTU+ UX Team

22. How?
2018 NCTU+ UX Team

23. How?
Sketch
Body
Text
2018 NCTU+ UX Team

24. How?
Sketch
Body
Text Either containing details
or fast but hard to understand
Intuitive and fast
Even more understandable
but time consuming
2018 NCTU+ UX Team

25. Rules to follow
2018 NCTU+ UX Team

26. 1.
2.
3.
4.
Tips
1. (+)
2. (−)
3. (×)
4. (÷)
2018 NCTU+ UX Team

27. 2018 NCTU+ UX Team

28. 2018 NCTU+ UX Team

29. 2018 NCTU+ UX Team

30. MOT1 MOT2 MOT3 MOT4 MOT5
Finding1
Finding2
Finding3
2018 NCTU+ UX Team

31. Crazy 8
2018 NCTU+ UX Team

32. 2018 NCTU+ UX Team

33. 2018 NCTU+ UX Team

34. 3 2
2018 NCTU+ UX Team

35. STRUCTURE &
SKELETON

36. What do we have now?
2018 NCTU+ UX Team

37. Personas Ideas
I have personas. I have ideas.
2018 NCTU+ UX Team

38. PersonasIdeas
Uh!!
2018 NCTU+ UX Team

39. Scenarios
Scenario!!
2018 NCTU+ UX Team

40. Scenarios
2018 NCTU+ UX Team

41. Scenario
2018 NCTU+ UX Team

42. What makes great scenarios?
2018 NCTU+ UX Team

43. What makes great scenarios?
Persona
2018 NCTU+ UX Team

44. Persona
Intent Trigger
Context
Steps
Interaction Stakeholders Products
Quotes Feelings
2018 NCTU+ UX Team

45. We are now designing the context
2018 NCTU+ UX Team

46. Content Context
2018 NCTU+ UX Team

47. 2018 NCTU+ UX Team

48. 2018 NCTU+ UX Team

49. 2018 NCTU+ UX Team

50. Storyboard Text
2018 NCTU+ UX Team

51. Storyboard Text
2018 NCTU+ UX Team

52. Storyboard
2018 NCTU+ UX Team

53. 2018 NCTU+ UX Team

54. 2018 NCTU+ UX Team

55. 2018 NCTU+ UX Team

56. 2018 NCTU+ UX Team

57. 2018 NCTU+ UX Team

58. User Flow
2018 NCTU+ UX Team

59. What is user flow?
2018 NCTU+ UX Team

60. What is user flow?
2018 NCTU+ UX Team

61. Why design user flow?
2018 NCTU+ UX Team

62. How to design user flow?
Base on your study of
sequence model
user story mapping
user journey map
2018 NCTU+ UX Team

63. How to design user flow?
Start thinking what functions
are you going to support
2018 NCTU+ UX Team

64. How to design user flow?
Rather than the context,
focusing on the flow of your product
2018 NCTU+ UX Team

65. How to design user flow?
Use symbol with consensus
2018 NCTU+ UX Team

66. How to design user flow?
Terminal Process
Input / OutputDecision
2018 NCTU+ UX Team

67. How to design user flow?
Terminal Process
Input / OutputDecision
Adding color is even better
2018 NCTU+ UX Team Source: As A Product Designer

68. 2018 NCTU+ UX Team

69. HOW TO PRESENT
YOUR WORK?

70. SPIN
2018 NCTU+ UX Team

71. Situation
Problem
Implication
Needs-Payoff
2018 NCTU+ UX Team

72. FABE
2018 NCTU+ UX Team

73. Features
Advantages
Benefits
Evidence
2018 NCTU+ UX Team

74. Q&A

75. What is the relationship between research & design?
2018 NCTU+ UX Team