Your SlideShare is downloading. ×
0
Design Frameworks
...are the Future
Joe Lamantia
Active in User Experience & the Internet since 1996.
Started a company that failed.
Speak and write on divers...
Todays Menu
Modularity in all things
Itʼs a DIY Future
Example: Hot Framework Action!
Framework Design Tips


            ...
Design frameworks are
                          sexy!




      EuroIA 2008   Joe Lamantia   4
Whatʼs in a design framework?
Goals and principles
Standard components
Boundaries and connections
Guidelines and rules

  ...
EuroIA 2008   Joe Lamantia   6
EuroIA 2008   Joe Lamantia   7
EuroIA 2008   Joe Lamantia   7
EuroIA 2008   Joe Lamantia   7
What You Can Build




Effective IA For Enterprise Portals: The Building Blocks Framework   IA Summit 2008 | Joe Lamantia ...
What You Can Build




Effective IA For Enterprise Portals: The Building Blocks Framework   IA Summit 2008 | Joe Lamantia ...
What You Can Build




Effective IA For Enterprise Portals: The Building Blocks Framework   IA Summit 2008 | Joe Lamantia ...
What You Can Build




Effective IA For Enterprise Portals: The Building Blocks Framework   IA Summit 2008 | Joe Lamantia ...
Modularity In All Things
Web 1.0
Model = centralized
Concerns
 • organization
 • structure
 • architecture
              EuroIA 2008   Joe Lamantia...
Together, Ubiquity and Web Slices lead me
to believe we're
             entering an era of
fracturing Web content.
Already...
EuroIA 2008   Joe Lamantia   12
EuroIA 2008   Joe Lamantia   12
EuroIA 2008   Joe Lamantia   12
EuroIA 2008   Joe Lamantia   12
EuroIA 2008   Joe Lamantia   12
Welcome to the
   coalmine




      EuroIA 2008   Joe Lamantia   13
Developers build the world we all live and work in.
Theyʼre like canaries in the coalmine for designers.
What happens to t...
It means that developers
                     will have to
learn how to code pages for
modularity.
          sites be mash...
Modularity is Everywhere


 Browser
Architecture



               EuroIA 2008   Joe Lamantia   16
Modularity is Everywhere


  Browser
Experience



             EuroIA 2008   Joe Lamantia   17
In the Operating System




         EuroIA 2008   Joe Lamantia   18
EuroIA 2008   Joe Lamantia   19
EuroIA 2008   Joe Lamantia   20
Physical
& Information
Experiences




                EuroIA 2008   Joe Lamantia   21
EuroIA 2008   Joe Lamantia   22
The iTablet...?




      EuroIA 2008   Joe Lamantia   22
EuroIA 2008   Joe Lamantia   22
The Kitchen of the Future...?




             EuroIA 2008   Joe Lamantia   22
Web 2.0
Model = de-centralized
Concerns
 • participation
 • interaction

               EuroIA 2008   Joe Lamantia   23
...the growth of Microformat-coded Web
                possible for users
pages will make it
to more easily create their o...
Web 2.0 resembles
           enterprise
         environments
Effective IA For Enterprise Portals: The Building Blocks Fra...
Syndication

 streams of modular content and functionality

Social Structures

 tangible networks & communities

Services
...
The Ubiquitous Portlet




                   EuroIA 2008   Joe Lamantia   27
The Ubiquitous Portlet




                   EuroIA 2008   Joe Lamantia   27
Executive dashboard
                                          Dashboards
                                                 ...
It’s A DIY Future



               29
Industrial Production Model




           EuroIA 2008   Joe Lamantia   30
Industrial Production Model




           EuroIA 2008   Joe Lamantia   30
Industrial Production Model




           EuroIA 2008   Joe Lamantia   30
Industrial Production Model




           EuroIA 2008   Joe Lamantia   30
The Walls Are
  Coming
   Down
     EuroIA 2008   Joe Lamantia   31
DIY (Do It Yourself) Shift

Lowered entry barriers to design and create
Creator vs. consumer distinction blurs
Flattened c...
Web 2.0, culture of contribution, self-publishing
Commoditized design, development & manufacturing
ʻShadow ITʼ
Open Source...
New Creators




   EuroIA 2008   Joe Lamantia   34
New Creators




   EuroIA 2008   Joe Lamantia   34
New Creators




   EuroIA 2008   Joe Lamantia   34
“The systems we keep will be hybrid creations. They will have a strong rootstock of
peer-to-peer generation, grafted below...
Together, Ubiquity and Web Slices lead me to believe we're         entering an era
of fracturing Web content. Already we h...
Ecology of Co-Creation




         EuroIA 2008   Joe Lamantia   37
Creative
         Commons
         (Infrastructure)


EuroIA 2008         Joe Lamantia   38
What’s An Architect To Do?



             39
EuroIA 2008   Joe Lamantia   40
Here
            comes
            everybody!


...no designer required!
          EuroIA 2008   Joe Lamantia   41
Itʼs bad to be a
   commodity in a
   digital world.



EuroIA 2008   Joe Lamantia   42
Creating
                   frameworks


$$                 allows
                   designers to
                   sell...
We have
 framework
 superpowers!
 human insight
 design skills
 architecture
EuroIA 2008   Joe Lamantia   44
Designers create the tools other
people use...


...to create experiences for
themselves, and the world.

               E...
Design: Now




Scope




              Persistence
                    EuroIA 2008   Joe Lamantia   46
Design: Now




Scope




        component



                    Persistence
                          EuroIA 2008   Joe...
Design: Now




Scope



            template

        component



                       Persistence
                   ...
Design: Now




Scope

                    product / solution

            template

        component



                ...
Design: Now




Scope
                         pattern

                    product / solution

            template

    ...
Design: Now




Scope                         system

                         pattern

                    product / solu...
Design: Now




                                     process / service

Scope                         system

            ...
Design: Now




                                                 network

                                     process / s...
Design: Now


                                                     environment / framework

                              ...
Design: Now

                                                           standard

                                        ...
Design: Now

                                                           standard

                                        ...
Design: Now

                                                           standard

                                        ...
Design: Now

                                                           standard

                                        ...
Design: Now

                                                           standard

                                        ...
quot;I created the platform, and
                                                       then I got out of the way.
       ...
Spore
Over 1.8 million
creatures created by
people using the Spore
Creature Creator.
..more than the number of known speci...
The Problem With Portlets
The Forrest Gump School of
Architecture
The Common Portlet
“portletus flaticus”

Two part structure
No ʻhooksʼ or connections
Only purpose = display
A little bit a...
The Box of Chocolates Model

        Everything in a portlet
        Portlets are islands
        ?? Add more portlets!


...
Advantages

Single tool
Simple method
Classic strategy


...but only one outcome.
                EuroIA 2008   Joe Lamant...
Advantages

Single tool
Simple method
Classic strategy


...but only one outcome.
                EuroIA 2008   Joe Lamant...
Advantages

Single tool
Simple method
Classic strategy


...but only one outcome.
                EuroIA 2008   Joe Lamant...
Advantages

Single tool
Simple method
Classic strategy


...but only one outcome.
                EuroIA 2008   Joe Lamant...
EuroIA 2008   Joe Lamantia   53
Welcome to Flatland!
Structure?
Connection?
Interaction?
Context?


               EuroIA 2008   Joe Lamantia   54
The Bigger Box of Chocolates
 ^




                  EuroIA 2008   Joe Lamantia   55
The Bigger Box of Chocolates
 ^




                  EuroIA 2008   Joe Lamantia   55
The Bigger Box of Chocolates
 ^




                  EuroIA 2008   Joe Lamantia   55
The Bigger Box of Chocolates
 ^




                  EuroIA 2008   Joe Lamantia   55
The Bigger Box of Chocolates
 ^




                  EuroIA 2008   Joe Lamantia   55
EuroIA 2008   Joe Lamantia   56
EuroIA 2008   Joe Lamantia   56
EuroIA 2008   Joe Lamantia   56
EuroIA 2008   Joe Lamantia   56
EuroIA 2008   Joe Lamantia   56
One-Way Aggregation




    ???                  ???
           EuroIA 2008         Joe Lamantia   57
Decreased                         Increased...
    Usability                      Information costs

    Findability      ...
Escaping Flatland
Two-way Conversation




           EuroIA 2008   Joe Lamantia   60
Vision: Enterprise Portal Suite




               EuroIA 2008   Joe Lamantia   61
Needs
Allow for growth and change
Establish common language for all perspectives
Construct scalable, reusable structures
E...
EuroIA 2008   Joe Lamantia   63
EuroIA 2008   Joe Lamantia   63
EuroIA 2008   Joe Lamantia   63
EuroIA 2008   Joe Lamantia   63
A Better Experience




                      EuroIA 2008   Joe Lamantia   64
structure




            EuroIA 2008   Joe Lamantia   65
EuroIA 2008   Joe Lamantia   66
EuroIA 2008   Joe Lamantia   66
Environments rich in

 Structure

 
 Connection

 
 
 Interaction

 
 
 
 Context
            EuroIA 2008   Joe Lamantia  ...
Building Blocks Overview
What’s In the Bag...?
The Building Blocks System
         Basic Principles
   Standardized Components
      Containers manage content
Connectors...
Containers
7 types
Begin with Tile, range up to Portal Suite
Makeup and behavior defined in detail
Smaller Containers deliv...
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




  Tile



                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




Tilegroup



                     EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




View



                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




Page



                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




   Section



                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview


                 Portal




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview


            Portal Suite




                    EuroIA 2008   Joe Lamantia   71
Container Blocks Overview




                    EuroIA 2008   Joe Lamantia   71
Connectors Overview
8 Connector types
Some enable navigation
Some provide interactivity for Containers
Makeup and behavior...
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




 Control
  Bar



                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview


      Geography Selector




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview

        Page Connector




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview

      Section Connector




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview
        Crosswalk




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview

   Contextual Crosswalk




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview

        Portal Connector




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




 Utility Navigation



                   EuroIA 2008   Joe Lamantia   73
Connector Components Overview




                   EuroIA 2008   Joe Lamantia   73
EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Free-form content




                    EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Section Connector




                    EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Page Connector




                 EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Utility Navigation




                     EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
View




       EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Tile




       EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Control Bar




              EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Convenience
Functionality

                EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Page




       EuroIA 2008   Joe Lamantia   74
EuroIA 2008   Joe Lamantia   74
Basic Principles
Boundaries
Openness
Use blocks for some or all content
Mix blocks and free-form content




                   EuroIA 2008       Joe ...
Portability
 Blocks can be:
• syndicated
• shared
• reused
• placed elsewhere
• duplicated
• moved

                     E...
Independence

 Blocks are independent
• content
• interaction
• display
 ...until “stacked” together



                  ...
Inheritance
Blocks inherit from those stacked above:
 •   content
 •   properties
 •   interaction
Inheritance cascades to...
Inheritance




              EuroIA 2008   Joe Lamantia   80
Layering

Blocks can define all layers of an
environment
...not just visual / IA / UX


Blocks can cover *any* combination ...
Layering




           EuroIA 2008   Joe Lamantia   82
Putting It All Together
Rules
Stacking Hierarchy
Assigns “size” to all blocks
Defines possible combinations




                    EuroIA 2008   Joe Lam...
Stacking Rules
1. Smaller blocks inside larger blocks
2. Multiple smaller blocks allowed
3. No larger blocks inside smalle...
Container Stacking Hierarchy




              EuroIA 2008   Joe Lamantia   86
Container Stacking Hierarchy




  Tile 1




              EuroIA 2008   Joe Lamantia   86
Container Stacking Hierarchy




  Tilegroup 2

  Tile 1




                EuroIA 2008   Joe Lamantia   86
Container Stacking Hierarchy




       View 3

  Tilegroup 2

  Tile 1




                EuroIA 2008   Joe Lamantia   86
Container Stacking Hierarchy



           Page 4

       View 3

  Tilegroup 2

  Tile 1




                    EuroIA 2...
Container Stacking Hierarchy


            Section 5

           Page 4

       View 3

  Tilegroup 2

  Tile 1




      ...
Container Stacking Hierarchy

                Portal 6

            Section 5

           Page 4

       View 3

  Tilegro...
Container Stacking Hierarchy
                Portal Suite 7

                Portal 6

            Section 5

           P...
6. Can stack different sizes on the same level



                  Page 4                                         Page 4
...
More About the Blocks
@Boxes and Arrows Building Blocks articles
http://www.boxesandarrows.com/person/88-joelamantia




@...
Apple Stole My Framework!
Just Kidding...
Tile             View             Free-form




 View Selector                 Utility Navigation

                 EuroIA...
Case Study
Change and Growth
Client
BiopharMEGAceuticials
Global enterprise ~100k staff
R+D > manufacturing > sales > distribution
Recent mergers = new...
Series of portal efforts
Vendor: strategy, design, build, support
Engaged across enterprise
Building blocks leveraged as:
...
Global Executive Portal

Global Leadership Team
Enterprise insight
Business intelligence




                     EuroIA 2...
EuroIA 2008   Joe Lamantia   95
EuroIA 2008   Joe Lamantia   96
US Dashboard

US Leadership Team
Major market insight, enhancing dialog
Business intelligence, social commentary


*Introd...
EuroIA 2008   Joe Lamantia   98
EuroIA 2008   Joe Lamantia   99
Approvals Portal

Senior Managers, Execs
Streamline finance operations
Invoice tracking & approval


*Portability = critica...
EuroIA 2008   Joe Lamantia   101
EuroIA 2008   Joe Lamantia   102
Expense Management Portal

Managers, budget coordinators
Streamline invoicing, improve forecasting
Invoice & project manag...
EuroIA 2008   Joe Lamantia   104
EuroIA 2008   Joe Lamantia   105
Sales Dashboard

Unit Leadership
Unit operations insight
Business intelligence, social asessment




                    E...
EuroIA 2008   Joe Lamantia   107
EuroIA 2008   Joe Lamantia   108
Working With the Blocks
Everyone Loves Structural Frameworks!
Use the blocks at the right level
How will you use the blocks?
Common language
Reference / example
Starting point for desi...
Adapt things as needed

What is the environment?
What needs to be portable, open?
Is inheritance useful?
Are these the rig...
Selling the Building Blocks

Pitch the outcome, not the framework
Speak the buyersʼ language (IT, user, biz)
Always explai...
Possible Future Stuff
Wiki
Community of Practice
Patterns & Pattern Library
Mailing List, Blog, Feed
Destination
Workshops...
On Designing Frameworks
Framework Checklist

 Goals & Purpose

 Components

 Boundaries

 Rules (behaviors)
               EuroIA 2008   Joe Laman...
Define the goals first.


         EuroIA 2008   Joe Lamantia   116
Start simple:

 3 Containers

 2 Connectors

         EuroIA 2008   Joe Lamantia   117
Use stable language.
Donʼt change names!

         EuroIA 2008   Joe Lamantia   118
Conserve simplicity.
Add only essential
elements.

 7 Containers

 11 Connectors
            EuroIA 2008   Joe Lamantia   ...
Set boundaries
carefully.

         EuroIA 2008   Joe Lamantia   120
Make as few rules as
possible.

         EuroIA 2008   Joe Lamantia   121
In Conclusion...
Frameworks are
               SEXY!




EuroIA 2008   Joe Lamantia   123
More About the Blocks
@Boxes and Arrows Building Blocks articles
http://www.boxesandarrows.com/person/88-joelamantia




@...
Bedankt!
joe@joelamantia.com
joe.lamantia@gmail.com
twitter: moJoe
slideshare.net/moJoe
Upcoming SlideShare
Loading in...5
×

Frameworks Are The Future of Design

17,663

Published on

This case study demonstrates a simple design framework of standardized information architecture building blocks that is directly applicable to portals and the DIY model for creating user experiences, in two ways. First, the building blocks framework can help maintain findability, usability and user experience quality in portal and DIY settings by effectively guiding growth and change. Second, it is an example of the changing role of IA in the DIY world, where we now define the frameworks and templates other people choose from when creating their own tools and user experiences.

Using many screenshots and design documents, the case study will follow changes in the audiences, structures, and contents of a suite of enterprise portals constructed for users in different countries, operating units, and managerial levels of a major global corporation. Participants will see how the building blocks provided an effective framework for the design, expansion, and integration of nearly a dozen distinct portals assembled from a common library of functionality and content.

This case study will also explore the building blocks as an example of the design frameworks IA’s will create in the DIY future. We will discuss the goals and design principles that inspired the building blocks system, and review its evolution over time.

Published in: Design, Technology, Education
1 Comment
79 Likes
Statistics
Notes
No Downloads
Views
Total Views
17,663
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
1,217
Comments
1
Likes
79
Embeds 0
No embeds

No notes for slide

Transcript of "Frameworks Are The Future of Design"

  1. 1. Design Frameworks ...are the Future
  2. 2. Joe Lamantia Active in User Experience & the Internet since 1996. Started a company that failed. Speak and write on diverse topics inspired by work. Just moved to Amsterdam. EuroIA 2008 Joe Lamantia 2
  3. 3. Todays Menu Modularity in all things Itʼs a DIY Future Example: Hot Framework Action! Framework Design Tips EuroIA 2008 Joe Lamantia 3
  4. 4. Design frameworks are sexy! EuroIA 2008 Joe Lamantia 4
  5. 5. Whatʼs in a design framework? Goals and principles Standard components Boundaries and connections Guidelines and rules EuroIA 2008 Joe Lamantia 5
  6. 6. EuroIA 2008 Joe Lamantia 6
  7. 7. EuroIA 2008 Joe Lamantia 7
  8. 8. EuroIA 2008 Joe Lamantia 7
  9. 9. EuroIA 2008 Joe Lamantia 7
  10. 10. What You Can Build Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 8
  11. 11. What You Can Build Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 8
  12. 12. What You Can Build Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 8
  13. 13. What You Can Build Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 8
  14. 14. Modularity In All Things
  15. 15. Web 1.0 Model = centralized Concerns • organization • structure • architecture EuroIA 2008 Joe Lamantia 10
  16. 16. Together, Ubiquity and Web Slices lead me to believe we're entering an era of fracturing Web content. Already we have seen content separated from presentation with RSS, and we've given developers access to online data for their mashups via Web APIs. Rafe Needleman Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages EuroIA 2008 Joe Lamantia 11
  17. 17. EuroIA 2008 Joe Lamantia 12
  18. 18. EuroIA 2008 Joe Lamantia 12
  19. 19. EuroIA 2008 Joe Lamantia 12
  20. 20. EuroIA 2008 Joe Lamantia 12
  21. 21. EuroIA 2008 Joe Lamantia 12
  22. 22. Welcome to the coalmine EuroIA 2008 Joe Lamantia 13
  23. 23. Developers build the world we all live and work in. Theyʼre like canaries in the coalmine for designers. What happens to them first... ...happens to us next! So whatʼs happening to the developers? EuroIA 2008 Joe Lamantia 14
  24. 24. It means that developers will have to learn how to code pages for modularity. sites be mashed up ...letting their and refactored into tiny pieces all over the Web, by anyone. Rafe Needleman Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages EuroIA 2008 Joe Lamantia 15
  25. 25. Modularity is Everywhere Browser Architecture EuroIA 2008 Joe Lamantia 16
  26. 26. Modularity is Everywhere Browser Experience EuroIA 2008 Joe Lamantia 17
  27. 27. In the Operating System EuroIA 2008 Joe Lamantia 18
  28. 28. EuroIA 2008 Joe Lamantia 19
  29. 29. EuroIA 2008 Joe Lamantia 20
  30. 30. Physical & Information Experiences EuroIA 2008 Joe Lamantia 21
  31. 31. EuroIA 2008 Joe Lamantia 22
  32. 32. The iTablet...? EuroIA 2008 Joe Lamantia 22
  33. 33. EuroIA 2008 Joe Lamantia 22
  34. 34. The Kitchen of the Future...? EuroIA 2008 Joe Lamantia 22
  35. 35. Web 2.0 Model = de-centralized Concerns • participation • interaction EuroIA 2008 Joe Lamantia 23
  36. 36. ...the growth of Microformat-coded Web possible for users pages will make it to more easily create their own mashups--personal profile pages that have just the pieces of Web content they want. Rafe Needleman Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages EuroIA 2008 Joe Lamantia 24
  37. 37. Web 2.0 resembles enterprise environments Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 25
  38. 38. Syndication streams of modular content and functionality Social Structures tangible networks & communities Services identity, security, publication, data management Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 26
  39. 39. The Ubiquitous Portlet EuroIA 2008 Joe Lamantia 27
  40. 40. The Ubiquitous Portlet EuroIA 2008 Joe Lamantia 27
  41. 41. Executive dashboard Dashboards Portals Enterprise portals Tile-based UX Widgets DIY experiences Hackware Fablab Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 28
  42. 42. It’s A DIY Future 29
  43. 43. Industrial Production Model EuroIA 2008 Joe Lamantia 30
  44. 44. Industrial Production Model EuroIA 2008 Joe Lamantia 30
  45. 45. Industrial Production Model EuroIA 2008 Joe Lamantia 30
  46. 46. Industrial Production Model EuroIA 2008 Joe Lamantia 30
  47. 47. The Walls Are Coming Down EuroIA 2008 Joe Lamantia 31
  48. 48. DIY (Do It Yourself) Shift Lowered entry barriers to design and create Creator vs. consumer distinction blurs Flattened control & management structures Fluid economic and cultural models EuroIA 2008 Joe Lamantia 32
  49. 49. Web 2.0, culture of contribution, self-publishing Commoditized design, development & manufacturing ʻShadow ITʼ Open Source & public data sets APIs, Web Services, SOA Mashup infrastructure: Yahoo Pipes, Google Gadgets Physical goods: fab, ReadyMade, Make EuroIA 2008 Joe Lamantia 33
  50. 50. New Creators EuroIA 2008 Joe Lamantia 34
  51. 51. New Creators EuroIA 2008 Joe Lamantia 34
  52. 52. New Creators EuroIA 2008 Joe Lamantia 34
  53. 53. “The systems we keep will be hybrid creations. They will have a strong rootstock of peer-to-peer generation, grafted below highly refined strains of controlling functions. Sturdy, robust foundations of user-made content and crowd-sourced innovation will feed very small slivers of leadership agility. Pure plays of 100% smart mobs or 100% smart elites will be rare. The real art of business and organizations in the network economy will not be in harnessing the crowd of quot;everybodyquot; (simple!) but in finding the appropriate hybrid mix of bottom and top for each niche, at the right time. The mix of control/no-control will shift as a system grows and matures.” Kevin Kelly The Bottom is Not Enough http://www.kk.org/thetechnium/archives/2008/02/the_bottom_is_n.php EuroIA 2008 Joe Lamantia 35
  54. 54. Together, Ubiquity and Web Slices lead me to believe we're entering an era of fracturing Web content. Already we have seen content separated from presentation with RSS, and we've given developers access to online data for their mashups via Web APIs. But the growth of Microformat-coded Web pages will make it possible for users to more easily create their own mashups-- personal profile pages that have just the pieces of Web content they want, or e-mail messages made up of live maps, automatically updating weather forecasts, up-to-the-minute travel information, and so on. It means that developers will have to learn how to code pages for modularity. Conceptually that's not that big a deal, although if coding for Ubiquity and coding for Slices is different, it's going to be a technical mess. What I am waiting to see is how managers wrestle with the branding and revenue implications of letting their sites be mashed up and refactored into tiny pieces all over the Web, by anyone. Rafe Needleman Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages EuroIA 2008 Joe Lamantia 36
  55. 55. Ecology of Co-Creation EuroIA 2008 Joe Lamantia 37
  56. 56. Creative Commons (Infrastructure) EuroIA 2008 Joe Lamantia 38
  57. 57. What’s An Architect To Do? 39
  58. 58. EuroIA 2008 Joe Lamantia 40
  59. 59. Here comes everybody! ...no designer required! EuroIA 2008 Joe Lamantia 41
  60. 60. Itʼs bad to be a commodity in a digital world. EuroIA 2008 Joe Lamantia 42
  61. 61. Creating frameworks $$ allows designers to sell high value services. EuroIA 2008 Joe Lamantia 43
  62. 62. We have framework superpowers! human insight design skills architecture EuroIA 2008 Joe Lamantia 44
  63. 63. Designers create the tools other people use... ...to create experiences for themselves, and the world. EuroIA 2008 Joe Lamantia 45
  64. 64. Design: Now Scope Persistence EuroIA 2008 Joe Lamantia 46
  65. 65. Design: Now Scope component Persistence EuroIA 2008 Joe Lamantia 46
  66. 66. Design: Now Scope template component Persistence EuroIA 2008 Joe Lamantia 46
  67. 67. Design: Now Scope product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  68. 68. Design: Now Scope pattern product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  69. 69. Design: Now Scope system pattern product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  70. 70. Design: Now process / service Scope system pattern product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  71. 71. Design: Now network process / service Scope system pattern product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  72. 72. Design: Now environment / framework network process / service Scope system pattern product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  73. 73. Design: Now standard environment / framework network process / service Scope system pattern product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  74. 74. Design: Now standard environment / framework network process / service Scope system pattern product / solution template component Persistence EuroIA 2008 Joe Lamantia 46
  75. 75. Design: Now standard environment / framework network process / service Scope system pattern product / solution template Co-creators / DIY component Persistence EuroIA 2008 Joe Lamantia 46
  76. 76. Design: Now standard environment / framework network process / service Scope system pattern product / solution template Co-creators / DIY component Persistence EuroIA 2008 Joe Lamantia 46
  77. 77. Design: Now standard environment / framework network Designers process / service Scope system pattern product / solution template Co-creators / DIY component Persistence EuroIA 2008 Joe Lamantia 46
  78. 78. quot;I created the platform, and then I got out of the way. Sometimes the best thing you can do is get out of the way.'' Craig Newmark http://www.sfgate.com/cgi-bin/article.cgi?file=/chronicle/archive/2004/10/10/LVGU693SFD1.DTL EuroIA 2008 Joe Lamantia 47
  79. 79. Spore Over 1.8 million creatures created by people using the Spore Creature Creator. ..more than the number of known species in the world (1.5 million)! EA was hoping to get 100,000 creatures uploaded by players with the Creature Editor by September. They hit that number in 22 hours. E3 2008: More Creatures in Spore Than in Real Life By Sam Kennedy, 07/14/2008 EuroIA 2008 Joe Lamantia 48
  80. 80. The Problem With Portlets The Forrest Gump School of Architecture
  81. 81. The Common Portlet “portletus flaticus” Two part structure No ʻhooksʼ or connections Only purpose = display A little bit anti-social... EuroIA 2008 Joe Lamantia 50
  82. 82. The Box of Chocolates Model Everything in a portlet Portlets are islands ?? Add more portlets! EuroIA 2008 Joe Lamantia 51
  83. 83. Advantages Single tool Simple method Classic strategy ...but only one outcome. EuroIA 2008 Joe Lamantia 52
  84. 84. Advantages Single tool Simple method Classic strategy ...but only one outcome. EuroIA 2008 Joe Lamantia 52
  85. 85. Advantages Single tool Simple method Classic strategy ...but only one outcome. EuroIA 2008 Joe Lamantia 52
  86. 86. Advantages Single tool Simple method Classic strategy ...but only one outcome. EuroIA 2008 Joe Lamantia 52
  87. 87. EuroIA 2008 Joe Lamantia 53
  88. 88. Welcome to Flatland! Structure? Connection? Interaction? Context? EuroIA 2008 Joe Lamantia 54
  89. 89. The Bigger Box of Chocolates ^ EuroIA 2008 Joe Lamantia 55
  90. 90. The Bigger Box of Chocolates ^ EuroIA 2008 Joe Lamantia 55
  91. 91. The Bigger Box of Chocolates ^ EuroIA 2008 Joe Lamantia 55
  92. 92. The Bigger Box of Chocolates ^ EuroIA 2008 Joe Lamantia 55
  93. 93. The Bigger Box of Chocolates ^ EuroIA 2008 Joe Lamantia 55
  94. 94. EuroIA 2008 Joe Lamantia 56
  95. 95. EuroIA 2008 Joe Lamantia 56
  96. 96. EuroIA 2008 Joe Lamantia 56
  97. 97. EuroIA 2008 Joe Lamantia 56
  98. 98. EuroIA 2008 Joe Lamantia 56
  99. 99. One-Way Aggregation ??? ??? EuroIA 2008 Joe Lamantia 57
  100. 100. Decreased Increased... Usability Information costs Findability Management costs Satisfaction Training costs Experience quality Adoption Perceived value ROI EuroIA 2008 Joe Lamantia 58
  101. 101. Escaping Flatland
  102. 102. Two-way Conversation EuroIA 2008 Joe Lamantia 60
  103. 103. Vision: Enterprise Portal Suite EuroIA 2008 Joe Lamantia 61
  104. 104. Needs Allow for growth and change Establish common language for all perspectives Construct scalable, reusable structures Encourage high-quality user experiences Enable sharing of assets Further vision of 2-way conversation EuroIA 2008 Joe Lamantia 62
  105. 105. EuroIA 2008 Joe Lamantia 63
  106. 106. EuroIA 2008 Joe Lamantia 63
  107. 107. EuroIA 2008 Joe Lamantia 63
  108. 108. EuroIA 2008 Joe Lamantia 63
  109. 109. A Better Experience EuroIA 2008 Joe Lamantia 64
  110. 110. structure EuroIA 2008 Joe Lamantia 65
  111. 111. EuroIA 2008 Joe Lamantia 66
  112. 112. EuroIA 2008 Joe Lamantia 66
  113. 113. Environments rich in Structure Connection Interaction Context EuroIA 2008 Joe Lamantia 67
  114. 114. Building Blocks Overview What’s In the Bag...?
  115. 115. The Building Blocks System Basic Principles Standardized Components Containers manage content Connectors define structure & navigation Assembly Rules Suggested Functionality Convenience, Utility, Social Best Practices [soon] EuroIA 2008 Joe Lamantia 69
  116. 116. Containers 7 types Begin with Tile, range up to Portal Suite Makeup and behavior defined in detail Smaller Containers deliver content Larger Containers create structure Work together with Connectors EuroIA 2008 Joe Lamantia 70
  117. 117. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  118. 118. Container Blocks Overview Tile EuroIA 2008 Joe Lamantia 71
  119. 119. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  120. 120. Container Blocks Overview Tilegroup EuroIA 2008 Joe Lamantia 71
  121. 121. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  122. 122. Container Blocks Overview View EuroIA 2008 Joe Lamantia 71
  123. 123. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  124. 124. Container Blocks Overview Page EuroIA 2008 Joe Lamantia 71
  125. 125. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  126. 126. Container Blocks Overview Section EuroIA 2008 Joe Lamantia 71
  127. 127. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  128. 128. Container Blocks Overview Portal EuroIA 2008 Joe Lamantia 71
  129. 129. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  130. 130. Container Blocks Overview Portal Suite EuroIA 2008 Joe Lamantia 71
  131. 131. Container Blocks Overview EuroIA 2008 Joe Lamantia 71
  132. 132. Connectors Overview 8 Connector types Some enable navigation Some provide interactivity for Containers Makeup and behavior defined in detail EuroIA 2008 Joe Lamantia 72
  133. 133. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  134. 134. Connector Components Overview Control Bar EuroIA 2008 Joe Lamantia 73
  135. 135. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  136. 136. Connector Components Overview Geography Selector EuroIA 2008 Joe Lamantia 73
  137. 137. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  138. 138. Connector Components Overview Page Connector EuroIA 2008 Joe Lamantia 73
  139. 139. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  140. 140. Connector Components Overview Section Connector EuroIA 2008 Joe Lamantia 73
  141. 141. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  142. 142. Connector Components Overview Crosswalk EuroIA 2008 Joe Lamantia 73
  143. 143. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  144. 144. Connector Components Overview Contextual Crosswalk EuroIA 2008 Joe Lamantia 73
  145. 145. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  146. 146. Connector Components Overview Portal Connector EuroIA 2008 Joe Lamantia 73
  147. 147. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  148. 148. Connector Components Overview Utility Navigation EuroIA 2008 Joe Lamantia 73
  149. 149. Connector Components Overview EuroIA 2008 Joe Lamantia 73
  150. 150. EuroIA 2008 Joe Lamantia 74
  151. 151. EuroIA 2008 Joe Lamantia 74
  152. 152. Free-form content EuroIA 2008 Joe Lamantia 74
  153. 153. EuroIA 2008 Joe Lamantia 74
  154. 154. Section Connector EuroIA 2008 Joe Lamantia 74
  155. 155. EuroIA 2008 Joe Lamantia 74
  156. 156. Page Connector EuroIA 2008 Joe Lamantia 74
  157. 157. EuroIA 2008 Joe Lamantia 74
  158. 158. Utility Navigation EuroIA 2008 Joe Lamantia 74
  159. 159. EuroIA 2008 Joe Lamantia 74
  160. 160. View EuroIA 2008 Joe Lamantia 74
  161. 161. EuroIA 2008 Joe Lamantia 74
  162. 162. Tile EuroIA 2008 Joe Lamantia 74
  163. 163. EuroIA 2008 Joe Lamantia 74
  164. 164. Control Bar EuroIA 2008 Joe Lamantia 74
  165. 165. EuroIA 2008 Joe Lamantia 74
  166. 166. Convenience Functionality EuroIA 2008 Joe Lamantia 74
  167. 167. EuroIA 2008 Joe Lamantia 74
  168. 168. Page EuroIA 2008 Joe Lamantia 74
  169. 169. EuroIA 2008 Joe Lamantia 74
  170. 170. Basic Principles Boundaries
  171. 171. Openness Use blocks for some or all content Mix blocks and free-form content EuroIA 2008 Joe Lamantia 76
  172. 172. Portability Blocks can be: • syndicated • shared • reused • placed elsewhere • duplicated • moved EuroIA 2008 Joe Lamantia 77
  173. 173. Independence Blocks are independent • content • interaction • display ...until “stacked” together EuroIA 2008 Joe Lamantia 78
  174. 174. Inheritance Blocks inherit from those stacked above: • content • properties • interaction Inheritance cascades top to bottom All blocks stacked below inherit from above EuroIA 2008 Joe Lamantia 79
  175. 175. Inheritance EuroIA 2008 Joe Lamantia 80
  176. 176. Layering Blocks can define all layers of an environment ...not just visual / IA / UX Blocks can cover *any* combination of layers ...some, all, one, UX, tech, biz EuroIA 2008 Joe Lamantia 81
  177. 177. Layering EuroIA 2008 Joe Lamantia 82
  178. 178. Putting It All Together Rules
  179. 179. Stacking Hierarchy Assigns “size” to all blocks Defines possible combinations EuroIA 2008 Joe Lamantia 84
  180. 180. Stacking Rules 1. Smaller blocks inside larger blocks 2. Multiple smaller blocks allowed 3. No larger blocks inside smaller blocks 4. Can stack blocks sequentially 5. Can skip sizes when stacking 6. Can stack different sizes on the same level EuroIA 2008 Joe Lamantia 85
  181. 181. Container Stacking Hierarchy EuroIA 2008 Joe Lamantia 86
  182. 182. Container Stacking Hierarchy Tile 1 EuroIA 2008 Joe Lamantia 86
  183. 183. Container Stacking Hierarchy Tilegroup 2 Tile 1 EuroIA 2008 Joe Lamantia 86
  184. 184. Container Stacking Hierarchy View 3 Tilegroup 2 Tile 1 EuroIA 2008 Joe Lamantia 86
  185. 185. Container Stacking Hierarchy Page 4 View 3 Tilegroup 2 Tile 1 EuroIA 2008 Joe Lamantia 86
  186. 186. Container Stacking Hierarchy Section 5 Page 4 View 3 Tilegroup 2 Tile 1 EuroIA 2008 Joe Lamantia 86
  187. 187. Container Stacking Hierarchy Portal 6 Section 5 Page 4 View 3 Tilegroup 2 Tile 1 EuroIA 2008 Joe Lamantia 86
  188. 188. Container Stacking Hierarchy Portal Suite 7 Portal 6 Section 5 Page 4 View 3 Tilegroup 2 Tile 1 EuroIA 2008 Joe Lamantia 86
  189. 189. 6. Can stack different sizes on the same level Page 4 Page 4 View 3 Tile 1 Tile 1 Tile 1 Tile 1 Tilegroup 2 Tilegroup 2 Tile 1 Tile 1 Tile 1 Tile 1 EuroIA 2008 Joe Lamantia 87
  190. 190. More About the Blocks @Boxes and Arrows Building Blocks articles http://www.boxesandarrows.com/person/88-joelamantia @JoeLamantia.com Categories: Building Blocks, Dashboards & Portals Tags: building_blocks, executive_dashboards ia_building_blocks, portals @del.icio.us: jlamantia Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 88
  191. 191. Apple Stole My Framework! Just Kidding...
  192. 192. Tile View Free-form View Selector Utility Navigation EuroIA 2008 Joe Lamantia 90
  193. 193. Case Study Change and Growth
  194. 194. Client BiopharMEGAceuticials Global enterprise ~100k staff R+D > manufacturing > sales > distribution Recent mergers = new size and complexity EuroIA 2008 Joe Lamantia 92
  195. 195. Series of portal efforts Vendor: strategy, design, build, support Engaged across enterprise Building blocks leveraged as: • Concept langauge • Design Tool • Prototype Accelerator • Governance Framework EuroIA 2008 Joe Lamantia 93
  196. 196. Global Executive Portal Global Leadership Team Enterprise insight Business intelligence EuroIA 2008 Joe Lamantia 94
  197. 197. EuroIA 2008 Joe Lamantia 95
  198. 198. EuroIA 2008 Joe Lamantia 96
  199. 199. US Dashboard US Leadership Team Major market insight, enhancing dialog Business intelligence, social commentary *Introduced social mechanisms EuroIA 2008 Joe Lamantia 97
  200. 200. EuroIA 2008 Joe Lamantia 98
  201. 201. EuroIA 2008 Joe Lamantia 99
  202. 202. Approvals Portal Senior Managers, Execs Streamline finance operations Invoice tracking & approval *Portability = critical EuroIA 2008 Joe Lamantia 100
  203. 203. EuroIA 2008 Joe Lamantia 101
  204. 204. EuroIA 2008 Joe Lamantia 102
  205. 205. Expense Management Portal Managers, budget coordinators Streamline invoicing, improve forecasting Invoice & project management capability EuroIA 2008 Joe Lamantia 103
  206. 206. EuroIA 2008 Joe Lamantia 104
  207. 207. EuroIA 2008 Joe Lamantia 105
  208. 208. Sales Dashboard Unit Leadership Unit operations insight Business intelligence, social asessment EuroIA 2008 Joe Lamantia 106
  209. 209. EuroIA 2008 Joe Lamantia 107
  210. 210. EuroIA 2008 Joe Lamantia 108
  211. 211. Working With the Blocks Everyone Loves Structural Frameworks!
  212. 212. Use the blocks at the right level How will you use the blocks? Common language Reference / example Starting point for design Set of defined components Political shield Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 110
  213. 213. Adapt things as needed What is the environment? What needs to be portable, open? Is inheritance useful? Are these the right blocks? Change or add principles with care Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 111
  214. 214. Selling the Building Blocks Pitch the outcome, not the framework Speak the buyersʼ language (IT, user, biz) Always explain the minimum Start simple, promise less, do more Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 112
  215. 215. Possible Future Stuff Wiki Community of Practice Patterns & Pattern Library Mailing List, Blog, Feed Destination Workshops & Seminars Courses Book...? Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 113
  216. 216. On Designing Frameworks
  217. 217. Framework Checklist Goals & Purpose Components Boundaries Rules (behaviors) EuroIA 2008 Joe Lamantia 115
  218. 218. Define the goals first. EuroIA 2008 Joe Lamantia 116
  219. 219. Start simple: 3 Containers 2 Connectors EuroIA 2008 Joe Lamantia 117
  220. 220. Use stable language. Donʼt change names! EuroIA 2008 Joe Lamantia 118
  221. 221. Conserve simplicity. Add only essential elements. 7 Containers 11 Connectors EuroIA 2008 Joe Lamantia 119
  222. 222. Set boundaries carefully. EuroIA 2008 Joe Lamantia 120
  223. 223. Make as few rules as possible. EuroIA 2008 Joe Lamantia 121
  224. 224. In Conclusion...
  225. 225. Frameworks are SEXY! EuroIA 2008 Joe Lamantia 123
  226. 226. More About the Blocks @Boxes and Arrows Building Blocks articles http://www.boxesandarrows.com/person/88-joelamantia @JoeLamantia.com Categories: Building Blocks, Dashboards & Portals Tags: building_blocks, executive_dashboards ia_building_blocks, portals @del.icio.us: jlamantia Effective IA For Enterprise Portals: The Building Blocks Framework IA Summit 2008 | Joe Lamantia 124
  227. 227. Bedankt! joe@joelamantia.com joe.lamantia@gmail.com twitter: moJoe slideshare.net/moJoe
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×