A Crash Course in Object-Oriented UX

This is a whirlwind tour of the benefits and process around OOUX. I delivered this presentation at Design Content Conference 2018 (#DCC18). Video will be coming out soon—will link to it as soon as it does.

Transcript

1. @sophiavux OBJECT-ORIENTED UX
2. @sophiavux OBJECT-ORIENTED UX
3. @sophiavux OBJECT-ORIENTED UX . . . ?
4. @sophiavux
5. @sophiavux THE MORE MOVING PARTS, THE MORE LIKELY IT IS TO…
6. @sophiavux THE MORE MOVING PARTS, THE MORE LIKELY IT IS TO… BREAK
7. @sophiavux
8. @sophiavux Simplify your design by reducing moving parts Iterate on fidelity, not chunks of functionality Prioritize prioritization THE SIMPLICITY IMPERATIVE
9. @sophiavux OOUX IS NOT MODULAR DESIGN
10. @sophiavux OOUX IS NOT MODULAR DESIGN OOUX INFORMS MODULAR DESIGN
12. MODULAR DESIGN WITHOUT OOUX? YOU ARE IN DANGEROUS TERRITORY!
13. MODULAR DESIGN WITHOUT OOUX? YOU ARE IN DANGEROUS TERRITORY! Shape Shifter Modules
14. MODULAR DESIGN WITHOUT OOUX? YOU ARE IN DANGEROUS TERRITORY! Shape Shifter Modules Masked Modules
15. @sophiavux shape shifter modules
16. @sophiavux shape shifter modules
17. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING shape shifter modules TITLE
18. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING shape shifter modules TITLE
19. Google Docs Google Drive shape shifter modules
22. shape shifter modules
26. masked modules
27. masked modules
28. masked modules
29. masked modules
30. masked modules
31. masked modules
32. masked modules
43. OBJECTS = REAL STUFF MODULES = PACKAGING
44. OBJECTS = REAL STUFF MODULES = PACKAGING DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
45. OBJECTS = REAL STUFF MODULES = PACKAGING DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
46. @sophiavux HEY, SOPHIA…we call these content types.
47. @sophiavux HEY, SOPHIA…we call these content types.
48. @sophiavux HEY, SOPHIA…we call these content types. To a teacher, Not a content type.
49. @sophiavux HEY, SOPHIA…we call these content types. To a teacher, Not a content type. To a salesmen, Not a content type.
50. @sophiavux
51. @sophiavux
52. @sophiavux
53. @sophiavux
54. @sophiavux
55. @sophiavux
56. @sophiavux Talk to your users.
57. @sophiavux Talk to your users. Listen to the nouns they use, over and over.
58. @sophiavux Talk to your users. Listen to the nouns they use, over and over. Those are your objects.
59. @sophiavux
60. @sophiavux aligns to many are assigne d create many work on many are in many has many are scored on align to many
61. @sophiavux THE MENU IS THE FIRE ESCAPE
66. @sophiavux GET TO THE POINT! THE OOUX PROCESS OBJECT MAPPING SKETCHING WIRES/ FLOWS IN AXURE DESIGN IN SKETCH OBJECT MODELING CMS IN WEBFLOW DESIGN IN WEBFLOW RESEARCH
67. @sophiavux
68. @sophiavux Provide an accessible and fun way to explore philosophy. Give “philozophers” a platform to begin articulating and exploring their worldview, by crafting answers to 14 canonical philosophical questions.
69. @sophiavux
70. @sophiavux
73. OBJECT MAPPING
74. OBJECT MAPPING
75. OBJECT MAPPING
76. OBJECT MAPPING
77. OBJECT MODEL
78. OBJECT MODEL
79. OBJECT MODEL
80. CMS IN WEBFLOW
81. CMS IN WEBFLOW
82. CMS IN WEBFLOW
83. WIRES/ FLOWS IN AXURE
84. WIRES/ FLOWS IN AXURE
85. WIRES/ FLOWS IN AXURE
86. WIRES/ FLOWS IN AXURE
87. WIRES/ FLOWS IN AXURE
88. DESIGN IN WEBFLOW
89. DESIGN IN WEBFLOW
91. CLICK ME!
92. workshop only “The key is this: our visual systems are good at detecting blobs and edges…
93. workshop only “But they are really bad at what our world has become, which is lot’s of screens with lots of data…
94. workshop only We have to crawl that with our attentional systems.”
95. “the issue with objects is not about user interfaces or OO programming, or anything to do with computers. It is about how people perceive and act on the world. We—end users, everyone—have evolved to deal with objects since the dawn of time.” -Dave Collins, in Designing Object-Oriented User Interfaces, 1995 PEOPLE THINK IN OBJECTS!
96. @sophiavux WORK SMART NOT HARD SUBTITLE THANK YOU! @SOPHIAVUX