Interactions 09 Object Oriented Approach To Design--OAD

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

more share options
Embed For WordPress.com

Without related presentations

3 comments

Comments 1 - 3 of 3 previous next Post a comment

+ guest22efb7 6 months ago
nice concept and nice tool
+ guest2b12298 8 months ago
Hi Nick, thanks for putting this up, I was thinking back on this stuff a lot.
+ Nick Iozzo 8 months ago
I am documenting the details behind this at http://oad.humansize.com/

Notes on slide 1

28 Favorites

Cristiano Siri, User Experience Designer at freelance, favorited this 4 days ago
frandiam favorited this 3 weeks ago
Tags wireframes ixd prototype
Arulmurugan Thiagarajan, Software Programmer, Software Engineer, Web application Programmer at www.calsoftgroup.com, favorited this 1 month ago
Tags ooa to wireframe for design ria
ouledfes favorited this 3 months ago
Tags design oop
Harald Felgner, Digital Marketing IT Consultant at & the Red Fez, favorited this 3 months ago
Tags ia
Axel Goodman at RiZM design, favorited this 4 months ago
Steve Fischer favorited this 4 months ago
cstone09 favorited this 4 months ago
sandie.lewis favorited this 5 months ago
Tags object_oriented_wireframe wireframe
letterpress.se favorited this 5 months ago
Tags wireframe applications
Shane favorited this 6 months ago
Tags ui oad wireframes ia
douglasalisson favorited this 6 months ago
Tags ai
J. Wilton Williams, User Experience Professional at IBM, favorited this 6 months ago
Tags ux design interaction wireframes
Johann Richard, Design technologist, Quality Manager at Unic AG, favorited this 6 months ago
Wouter Kampmann, Software Engineering Student at Ghent University, favorited this 6 months ago

Interactions 09 Object Oriented Approach To Design--OAD - Presentation Transcript

A WIREFRAMING AND SPECIFICATIONS TECHNIQUE FOR RICH INTERACTIONS AND COMPLEX BUSINESS LOGIC For more details go to OAD.humansize.com  © 2009 TandemSeven Nick Iozzo (niozzo_at_tandemseven.com) 1
WHAT DO I MEAN BY COMPLEX? THIS SCREEN IS COMPRISED OF 10MODULES. THESE MODULES HAVE THE FOLLOWING NUMBER OF CONDITIONS, RESPECTIVELY: 4, 26, 10, 6, 3, 5, 3, 7, 3, 3. Over 17 Million possible layouts to this screen!
TOPICS •  WHAT IS OOD •  IS IT FOR YOU? •  MORPHOLOGY OF FLOWS •  MORPHOLOGY OF MODULES •  BENEFITS OF OOD •  QUESTIONS
TOPICS •  WHAT IS OOD •  IS IT FOR YOU? •  MORPHOLOGY OF FLOWS •  MORPHOLOGY OF MODULES •  BENEFITS OF OOD •  QUESTIONS
OBJECT-ORIENTED? 
Conceptually, This is How it is Object-Oriented
SYNTAX OF OOD SCREEN MAP MODULE FUNCTIONAL SPECIFICATIONS WIREFRAME MODULE STATES
WHEN TO USE OOD •  USE IT AFTER CONCEPTS ARE COMPLETE –  IN A RUP WORLD, SPEC OUT ALL SCREENS –  IN AN AGILE WORLD, SPEC OUT MODULES BY ITERATION
TOPICS •  WHAT IS OOD •  IS IT FOR YOU? •  MORPHOLOGY OF FLOWS •  MORPHOLOGY OF MODULES •  BENEFITS OF OOD •  QUESTIONS
Confusion
Distant team members?
Requirements a mouth of numbers?
Bureaucracy
Language Barrier
Localization
Large teams?
TOPICS •  WHAT IS OOD •  IS IT FOR YOU? •  MORPHOLOGY OF FLOWS •  MORPHOLOGY OF MODULES •  BENEFITS OF OOD •  QUESTIONS
NOT A FLOW CHART
SCREEN MAP
INFORMATION ARCHITECTURE
TOPICS •  WHAT IS OOD •  IS IT FOR YOU? •  MORPHOLOGY OF FLOWS •  MORPHOLOGY OF MODULES •  BENEFITS OF OOD •  QUESTIONS
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
Amazon Example
AMAZON.COM AS A FAMILIAR EXAMPLE
SYNTAX OF OOD SCREEN MAP MODULE FUNCTIONAL SPECIFICATIONS WIREFRAME MODULE STATES
EXAMPLE WIREFRAME VIEW
MODULE STATES
A DIFFERENT MODULE •  DESIGN FOR THESE HYPOTHETICAL BUSINESS RULES –  LOGGED IN USERS SEE ALL POSSIBLE CONTENT –  NOT LOGGED IN, BUT CAN BE IDENTIFIED VIA COOKIE –  UNKNOWN USER
CLUMSY WAY TO DO THIS
USING NESTED MODULE
USING SUB-MODULES
REFERENCED MODULES
REFERENCED MODULES
ERRORS
NUMBERING CONVENTIONS WITHIN OOD HOME100.10 STATE 20 STATE ID MODULE ID UNIQUE NUMBER WITHIN THIS SECTION. ALONG WITH THE SECTION NAME, THIS DEFINES THE SCREENID SECTION NAME
TOPICS •  WHAT IS OOD •  IS IT FOR YOU? •  MORPHOLOGY OF FLOWS •  MORPHOLOGY OF MODULES •  BENEFITS OF OOD •  QUESTIONS
BENEFITS OF OOD •  HELPS BRIDGE MANY DIFFICULTIES PROJECT TEAMS FACE •  IT CAN BE USED TO EASILY DESCRIBE COMPLEX BUSINESS REQUIREMENTS OR RICH INTERACTIONS. •  YOU CAN FULLY DESCRIBE AND DESIGN ALL STATES A SCREEN CAN BECOME. •  COMPLEXITY IS REDUCED THROUGH DECOMPOSITION •  UNIVERSAL REFERENCES AND IDS ARE CREATED THAT CAN BE USED BY ALL TEAMS IN THE PROJECT
BENEFITS OF OOD •  HELPS BRIDGE MANY DIFFICULTIES PROJECT TEAMS FACE •  IT CAN BE USED TO EASILY DESCRIBE COMPLEX BUSINESS REQUIREMENTS OR RICH INTERACTIONS. •  YOU CAN FULLY DESCRIBE AND DESIGN ALL STATES A SCREEN CAN BECOME. •  COMPLEXITY IS REDUCED THROUGH DECOMPOSITION •  UNIVERSAL REFERENCES AND IDS ARE CREATED THAT CAN BE USED BY ALL TEAMS IN THE PROJECT
BENEFITS OF OOD •  HELPS BRIDGE MANY DIFFICULTIES PROJECT TEAMS FACE •  IT CAN BE USED TO EASILY DESCRIBE COMPLEX BUSINESS REQUIREMENTS OR RICH INTERACTIONS. •  YOU CAN FULLY DESCRIBE AND DESIGN ALL STATES A SCREEN CAN BECOME. •  COMPLEXITY IS REDUCED THROUGH DECOMPOSITION •  UNIVERSAL REFERENCES AND IDS ARE CREATED THAT CAN BE USED BY ALL TEAMS IN THE PROJECT
BENEFITS OF OOD •  HELPS BRIDGE MANY DIFFICULTIES PROJECT TEAMS FACE •  IT CAN BE USED TO EASILY DESCRIBE COMPLEX BUSINESS REQUIREMENTS OR RICH INTERACTIONS. •  YOU CAN FULLY DESCRIBE AND DESIGN ALL STATES A SCREEN CAN BECOME. •  COMPLEXITY IS REDUCED THROUGH DECOMPOSITION •  UNIVERSAL REFERENCES AND IDS ARE CREATED THAT CAN BE USED BY ALL TEAMS IN THE PROJECT
BENEFITS OF OOD •  HELPS BRIDGE MANY DIFFICULTIES PROJECT TEAMS FACE •  IT CAN BE USED TO EASILY DESCRIBE COMPLEX BUSINESS REQUIREMENTS OR RICH INTERACTIONS. •  YOU CAN FULLY DESCRIBE AND DESIGN ALL STATES A SCREEN CAN BECOME. •  COMPLEXITY IS REDUCED THROUGH DECOMPOSITION •  UNIVERSAL REFERENCES AND IDS ARE CREATED THAT CAN BE USED BY ALL TEAMS IN THE PROJECT
QUESTIONS?
TOPICS •  WHAT IS OOD •  IS IT FOR YOU? •  MORPHOLOGY OF FLOWS •  MORPHOLOGY OF MODULES •  BENEFITS OF OOD •  QUESTIONS