狠狠撸

狠狠撸Share a Scribd company logo
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

More Related Content

Interactions 09 Object Oriented Approach To Design--OAD

  • 1. 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
  • 2. 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!
  • 3. TOPICS ?? WHAT IS OOD ?? IS IT FOR YOU? ?? MORPHOLOGY OF FLOWS ?? MORPHOLOGY OF MODULES ?? BENEFITS OF OOD ?? QUESTIONS
  • 4. TOPICS ?? WHAT IS OOD ?? IS IT FOR YOU? ?? MORPHOLOGY OF FLOWS ?? MORPHOLOGY OF MODULES ?? BENEFITS OF OOD ?? QUESTIONS
  • 6. Conceptually, This is How it is Object-Oriented
  • 7. SYNTAX OF OOD SCREEN MAP MODULE FUNCTIONAL SPECIFICATIONS WIREFRAME MODULE STATES
  • 8. 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
  • 9. TOPICS ?? WHAT IS OOD ?? IS IT FOR YOU? ?? MORPHOLOGY OF FLOWS ?? MORPHOLOGY OF MODULES ?? BENEFITS OF OOD ?? QUESTIONS
  • 12. Requirements a mouth of numbers?
  • 17. TOPICS ?? WHAT IS OOD ?? IS IT FOR YOU? ?? MORPHOLOGY OF FLOWS ?? MORPHOLOGY OF MODULES ?? BENEFITS OF OOD ?? QUESTIONS
  • 18. NOT A FLOW CHART
  • 21. TOPICS ?? WHAT IS OOD ?? IS IT FOR YOU? ?? MORPHOLOGY OF FLOWS ?? MORPHOLOGY OF MODULES ?? BENEFITS OF OOD ?? QUESTIONS
  • 39. AMAZON.COM AS A FAMILIAR EXAMPLE
  • 40. SYNTAX OF OOD SCREEN MAP MODULE FUNCTIONAL SPECIFICATIONS WIREFRAME MODULE STATES
  • 43. 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
  • 44. CLUMSY WAY TO DO THIS
  • 50. 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
  • 51. TOPICS ?? WHAT IS OOD ?? IS IT FOR YOU? ?? MORPHOLOGY OF FLOWS ?? MORPHOLOGY OF MODULES ?? BENEFITS OF OOD ?? QUESTIONS
  • 52. 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
  • 53. 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
  • 54. 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
  • 55. 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
  • 56. 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
  • 58. TOPICS ?? WHAT IS OOD ?? IS IT FOR YOU? ?? MORPHOLOGY OF FLOWS ?? MORPHOLOGY OF MODULES ?? BENEFITS OF OOD ?? QUESTIONS