Succeeding With
Frameworks
Beyond Findability Workshop: IA Summit 2009
Joe Lamantia
Design, technology & business since 1996
Architect > Management Consultant
Speak and write on diverse topics:...
Media Catalyst is a full service interactive agency
      with ofices in Europe and North America



                     ...
Add frameworks to
        your toolkit




                                                                               ...
Give up control...



                                                                                 5
Beyond Findabilit...
Gain influence!




                                                                                 6
Beyond Findability: ...
Why Frameworks Matter
Frameworks 101
An example
Succeeding With Frameworks


                                             ...
Framework:
A structure for supporting or enclosing something
else, especially a skeletal support used as the
basis for som...
9
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
10
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Structural Shift
Why Frameworks Matter
Web 1.0
 Centralized
 Structure
 Organization
 Architecture
                  Emerging Discipline = IA
                   ...
13
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
14
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Web 2.0
 Decentralized
 Flows
 Participation
 Interaction
    Structural  relational diversity
                           ...
Page                            Services                                       Embeds
                                    ...
“What I want to talk about is
                                 the problem of manipulating
                               ...
Larger
                                 Services            Clouds
                                  Sites              We...
Information
 environments are
 increasingly
 structured, at all
 levels of scale.
                                        ...
Modularity
 “...the degree to which a systemʼs
 components may be separated and
 recombined.”

 “both the tightness of cou...
Web

                                                                                 21
Beyond Findability: Frameworks   ...
Browser




                                                                                 22
Beyond Findability: Framew...
Desktop




                                                                                 23
Beyond Findability: Framew...
Mobile




                                                                                          24
Beyond Findability...
Multitouch
Displays




                                                                                 25
Beyond Findabi...
Powers of 10
Exercise
Powers of 10


1. Where do you see modularity?
2. What kind of modularity?
3. What levels of structure?

                 ...
Modular America
Cross-Cultural Perspectives on the Emergence of an American Way

 “uniquely American tendency to
 organize...
Identity                               Public




                                 Chi.mp
                                ...
Structuration
                                     good!

                                                                ...
31
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
32
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Context Shift
Why Frameworks Matter
We were used to having walls.
Context was key, but context depends
on there being walls.
Online, there are no walls.
The w...
Take Away

Digital objects are portable
» People choose and manage streams of content  functionality
» Common structure al...
Convergence

Media  platforms converge
» Experiences span multiple media, channels, formats
» Narrative, interaction, emot...
Digital = Social

Experiences have a ʻsocial layerʼ
» Social interactions are the source of experience value
» New environ...
38
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Users



                                 Context           Content




                                                  ...
Loss of
                                 control bad!

                                                                   ...
41
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Future Contexts
 Ubiquitous computing
 Spimes
 Augmented reality
 Games vs. reality inversion
 Digital singularity

      ...
Wikitude




                                                                                            43
Beyond Findabi...
In the future, an object's life begins on a graphics
 screen. It is born digital. Its design specs accompany it
 throughou...
Information Shadows

Once you have the capability uniquely identify anything
immediately, you can attach meta information ...
Service Objects
“...changing the physical object to a service, for which the
thing youʼre looking at is but a single insta...
Devices are Service Avatars
“Devices become projections of services. They are physical
manifestations, avatars, projection...
Granularity
Ubiquitous computing devices can come in all
sorts of sizes and the user experience design for
them must take ...
Siftables
                                 Siftables are cookie-sized computers
                                 with moti...
Autonomous          Contextual
      Graphical display           Neighbor detection

      Wireless                       ...
DIY Shift
Why Frameworks Matter


             51
Everyone can create (again)
Low-cost, high-quality tools for digital physical creation

Producer vs. consumer distinction ...
New Creators




                                                                                            53
Beyond Fin...
54
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Users



                                 Context           Content




                                                  ...
Loss of
                                 control bad!

                                                                   ...
Direct Design Complexity


                                  Seatbelts,
                                                Fr...
58
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
How Will Our Role Change?
Exercise
How Will Our Role Change

1. Think 5 years ahead
                What do you do every day?
                Who do you work...
It means that developers
                     will have to
learn how to code pages for
modularity.
          sites be mash...
“The systems we keep will be hybrid creations. They will have a strong rootstock of
peer-to-peer generation, grafted below...
quot;I created the platform, and
                                                       then I got out of the way.
       ...
User Experience


                     Information                 Information
                     Architecture          ...
Structural Design
                                                                         standard / protocol

          ...
Whole

                                         Professional
                                           Design



        ...
Ecology of Co-Creation




                                                                                         67
Bey...
Architects define the
frameworks other people use to
build experiences for
themselves, and the world.


                   ...
Spore
Over 1.8 million creatures
created by people using the
Spore Creature Creator.
..more than the number of
known speci...
Creating


$$
                                 frameworks
                                 allows designers
              ...
We have special powers!
                                 human insight
                                 design skills
    ...
What Makes Frameworks
Useful?
73
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
New Web resembles



                                 environments

Beyond Findability: Frameworks                        ...
Durable / Exstensible
                  Executive dashboard
                                  Dashboards
                 ...
Tile                             View           Free-form




   View Selector                        Utility Navigation

...
Neutral Terrain
• distinct languages
• divergent goals
• differing success criteria
• competing agendas
                  ...
Efficient
                 Components




                                            Framework
                           ...
Downstream
             leverage
                                                                                 79
Beyon...
80
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
81
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Managing Complexity


                                                          Frak
                                     ...
Co-creation
                                 Whole

                                            Professional
             ...
Framework
                                  Possibility Space




                                 Instance



           ...
Everyware
      Service




                                 Framework




                                               ...
When Frameworks Fail
Exercise
When Frameworks Fail
1. Name some failed frameworks
2. What happened?
3. Why did they fail?
4. Could they have worked?
5. ...
USSR
complex financial derivatives
Titanic
transportation via dirigibles
nuclear power
Versailles treaty
music business
adv...
Whatʼs the pattern?


                                                                                 89
Beyond Findabili...
Environmental
                                    change
                                 (assumptions)

                 ...
Spotting Frameworks
Frameworks 101
92
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
93
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
94
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
95
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
96
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
97
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
98
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
99
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
100
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
101
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
102
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
103
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
104
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
useful


                                 usable               desirable


                                           valu...
presence



                                    sharing                 relationships



                                 ...
Are these the same?


      How are they different?

                                                                     ...
design
construction
management
organization
communication
analysis
distribution
                                          ...
Name That Framework
Exercise
Name That Framework

1. Name some framework based
   experiences, services, tools.
2. What kind of framework is it?


    ...
Linkedin                         Facebook             delicious
Netvibes                         Pandora              Upco...
De-construction
Exercise
De-construction
1. Pick an experience
2. What is it made of?
3. How do these things relate?
4. What does it include / excl...
Components




                                                                                          114
Beyond Findab...
Relationships
                                 Linking



                                                    Grouping
Sta...
Scope
                                                              Data
                                            Gover...
Boundary(s)

              Closed




                                             Open
                  unbounded


    ...
Components
Relationships
Scope
Boundaries
                                                                                ...
119
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Definition
Exercise
Definition
1. What is it meant to do?
2. What kind is it?
3. Who is it for?
4. What does it assume about
   the world?
    ...
Purpose
Type
Audience
Assumptions
                                                                                 122
Bey...
Purpose                          Components
Type                             Relationships
Audience                       ...
The Building Blocks
An Example Framework
125
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
The Box of Chocolates Model

                                 Everything in a portlet
                                 Por...
No Structure!
No Connection!
No Interaction!
No Context!

                                                                ...
Needs
Allow for growth and change
Establish common language for all perspectives
Construct scalable, reusable structures
E...
Environmental Services
identity
security
publication
data infrastructure
application support
management



  Beyond Findab...
Purpose: Improve portal experience

Type: Design

Audience: Design, build, IT management

Assumptions: Enterprise environm...
Vision: Enterprise Portal Suite




                                                                                 131
B...
Purpose                          Components
Type                             Relationships
Audience                       ...
The Building Blocks System
                           Basic Principles
         Standardized Components
                 C...
Openness
Use blocks for some or all content
Mix blocks and free-form content




                                         ...
Portability
Blocks can be:
      • syndicated
      • shared
      • reused
      • placed elsewhere
      • duplicated
  ...
Boundary(s)
                                        Building Blocks




Closed                                            ...
Scope

Layering
Blocks can define all layers of an environment
Blocks can cover *any* combination of layers




           ...
Scope
                                     Building Blocks




                                    Governance
            ...
Relationships


Independence

Blocks are independent
        • content
        • interaction
        • display
...until “s...
Relationships


Inheritance
Blocks inherit from those stacked above:
     • content
     • properties
     • interaction
I...
Components
Building Blocks Framework
Components


Containers
7 types
Begin with Tile, range up to Portal Suite
Smaller Containers deliver content
Larger Contai...
Tile
Size: 1
Elements:
   Header
   Body
   [Footer]




                                                                 ...
Section
Size: 5
Elements:
   Page (1)




                                                                                ...
Portal Suite
Size: 7
Elements: Portal (1)




                                                                            ...
Larger
                                  Suite
                                  Portal

                                 ...
Components
                                  Relationships


Connectors Overview
8 Connector types
Some enable navigation
...
Crosswalk Connector
Directly links two individual Containers




                                                         ...
Section Connector
Links all Sections (1 Page) in a Portal




                                                            ...
Portal Connector
Links Dashboards  Portals in a Suite




                                                                ...
Larger
                                  Suite               Portal Connector


                                  Portal  ...
Components
                                                         Relationships


Stacking Rules
Assigns “size” to all b...
Free-form content
Section Connector
 Utility Navigation
 Page Connector
    Control Bar

                   Tile
         ...
Case Study
Change and Growth
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




                             ...
157
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
158
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
US Dashboard

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


*Introd...
160
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
161
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Approvals Portal

Senior Managers, Execs
Streamline finance operations
Invoice tracking  approval


*Portability = critical...
163
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
164
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Expense Management Portal

Managers, budget coordinators
Streamline invoicing, improve forecasting
Invoice  project manage...
166
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
167
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Sales Dashboard

Unit Leadership
Unit operations insight
Business intelligence, social asessment




                     ...
169
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
170
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
Succeeding With Frameworks
Purpose                          Components
Type                             Relationships
Audience                       ...
Borrow and adapt:
Extend
Alter

                                                                                 173
Beyon...
Adapt things as needed

What is the environment?
Is inheritance useful?
Are these the right blocks?


Change or add princi...
Create new


                                                                                 175
Beyond Findability: Fram...
Start simple:

 3 Containers

 2 Connectors

                                                                             ...
Add only what is essential.
7 Containers
11 Connectors
1 stacking hierarchy
top-down inheritance
                         ...
Larger
Evolution
                                  Suite
                                  Portal

                       ...
Larger
Evolution
                                  Suite               Portal Connector


                                ...
Components




                                     Framework
                            x    =   Possibility
           ...
Donʼt Get Carried Away
                                   Largest Structures In the Universe




                  Your
  ...
Use simple language.
Make it relevant.

                                                                                 1...
ABC Selling: Always Be Closing

Pitch the outcome, not the framework
Speak the buyersʼ language (IT, user, biz)
Always exp...
Pragmatic Politics

No land grabs
Collaborate on scope  boundary
Get a sponsor



 Beyond Findability: Frameworks         ...
Evolving Scope




                                                                                                       ...
Use the blocks at the right level
How will you use the blocks?
Common language
Reference / example
Starting point for desi...
Design A Framework
Exercise
Create A Service


1. Think of a common experience
2. Imagine how it could be better
3. Design a framework that makes it b...
In Conclusion...
Possible Future Stuff
Wiki
Community of Practice
Patterns  Pattern Library
Mailing List, Blog, Feed
Destination
Workshops ...
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
Contact MediaCatalyst

Herengracht 182
1016 BR Amsterdam
The Netherlands
T: +31 20 626 2976
joe.lamantia@mediacatalyst
joe...
Discussion Topics
Frameworks vs. templates



                                                                                 195
Beyond Fi...
Disciplines  frameworks



                                                                                 196
Beyond Fin...
Frameworks vs. systems



                                                                                 197
Beyond Find...
Process  frameworks



                                                                                 198
Beyond Findabi...
Deliverables  frameworks



                                                                                 199
Beyond Fi...
Domain specific
 
Innately specified 
 
            
   
Hierarchically nested 
More internal integration than external inte...
201
Beyond Findability: Frameworks   IA Summit 2009 | Joe Lamantia | MediaCatalyst
What You Can Build




Beyond Findability: Frameworks                                                                  202...
Upcoming SlideShare
Loading in...5
×

Designing Frameworks For Interaction and User Experience

19,979

Published on

Design frameworks offer substantial benefits to all parties involved in creating high quality user experiences. Frameworks allow designers to better adapt to the rapid shifts in the digital environment by leveraging modularity and structure, and accommodating the far-reaching changes inherent in the rise of co-creative dynamics. This presentation - part of a full-day workshop delivered at the 2009 Information Architecture Summit - identifies the elements common to all design frameworks, and offers best practices on effectively putting frameworks into practice. Altogether, it is a short course in the creation and use of customized design frameworks.

Published in: Design, Business, Technology
6 Comments
170 Likes
Statistics
Notes
No Downloads
Views
Total Views
19,979
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
168
Comments
6
Likes
170
Embeds 0
No embeds

No notes for slide
















  • http://www.answers.com/framework


  • Start with small simple pieces.
  • Create deep, rich, sophisticated, valuable creations.












    http://flickr.com/photos/richard_ashworth/1468463024/








    http://flickr.com/photos/jeffarcher/2890151819/








    http://flickr.com/photos/jeffarcher/2890983510/in/photostream/














  • http://www.flickr.com/photos/seeks2dream/2521098846/


  • part I:
    flickr.com/photos/stabilo-boss/93136022/
    part I and II:
    flickr.com/photos/stabilo-boss/101793494/


  • part I:
    flickr.com/photos/stabilo-boss/93136022/
    part I and II:
    flickr.com/photos/stabilo-boss/101793494/




  • http://www.flickr.com/photos/seeks2dream/2521098846/






    interaction at a component level!
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments
  • construction materials for information environments


  • http://cas.umkc.edu/econ/Institutional/Readings/Feynman/Richard_feynman.jpg





    http://www.its.caltech.edu/~feynman/plenty.html


  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]
  • More ‘sizes’ of structural element available.
    [not to scale! not complete!]


  • http://www.answers.com/library/Computer+Encyclopedia-cid-52535




  • http://en.wikipedia.org/wiki/Modularity






  • Google’s Chrome relies on modularity in the architecture and user experience.




  • http://www.flickr.com/photos/allisonmccarthy/2760577496/






  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • * Introduction: Modularity in Cross-Cultural Perspective
    * Education: The College Curriculum
    * Industry: \"The American System of Manufactures\"
    * Architecture: The Skyscraper
    * Literature: Whitman's Poetry
    * Music: Blues and All That Jazz
    * Sports: Football in America
    * Law: Property, Alienation and Women
    * Religion: Disestablishment
    * Endings: Historical Explanations and American Ideology




  • More kinds and sizes of blocks to play with
  • start small
    standardized components allow for growth, change
    create reusable structures
    organization schemes
    mental models






  • Widgets, feeds, YouTube, Web services, Slideshare, microblogging
    Control over the smallest experience elements: videos, posts, ringtones, icons
    Implications & Challenges

    Broadcast message model replaced by value-add exchanges


    forward, embed, share, remix, modify
    Atoms of content become seeds for accreted context
    Communities create context that drives meaning and value of content
    Granular findability, usability, measurement = explicit design concerns
  • Implications & Challenges
    Traditional containers & boundaries are permeable
    Channel, genre, format, style, medium
    Experiences span media, contexts, identities

    Cross-media experiences create multiple interaction points


  • Digital includes identity, presence, history, interaction, group dynamics


    Conversation, exchange, community, social memory, reputation
    Social media, virtual worlds, MSO, life streams, microblogs, IM
    Implications & Challenges

    Identity is shaped by interactions in the social layer


    Experience value is determined by individuals


    Experience value is influenced by networks


    Communities define marketing contexts and opportunities


    Each context is different: forums, social networks, virtual worlds, microblogs









  • More kinds and sizes of blocks to play with


  • http://www.flickr.com/photos/27032340@N00/428068243/




  • http://www.answers.com/library/Computer+Encyclopedia-cid-52535












  • http://www.orangecone.com/archives/2009/02/smart_things_an.html




  • http://www.orangecone.com/archives/2009/02/smart_things_an.html


  • http://siftables.com/
  • Siftables are cookie-sized computers with motion sensing, neighbor detection, graphical display, and wireless communication.



    They act in concert to form a single interface: users physically manipulate them - piling, grouping, sorting - to interact with digital information and media.



    Siftables provides a new platform on which to implement tangible, visual and mobile applications.



    http://siftables.com/


    http://vimeo.com/3165011?


  • Siftables are cookie-sized computers with motion sensing, neighbor detection, graphical display, and wireless communication.



    They act in concert to form a single interface: users physically manipulate them - piling, grouping, sorting - to interact with digital information and media.



    Siftables provides a new platform on which to implement tangible, visual and mobile applications.



    http://siftables.com/


    http://vimeo.com/3165011?


  • Siftables are cookie-sized computers with motion sensing, neighbor detection, graphical display, and wireless communication.



    They act in concert to form a single interface: users physically manipulate them - piling, grouping, sorting - to interact with digital information and media.



    Siftables provides a new platform on which to implement tangible, visual and mobile applications.



    http://siftables.com/


    http://vimeo.com/3165011?


  • Siftables are cookie-sized computers with motion sensing, neighbor detection, graphical display, and wireless communication.



    They act in concert to form a single interface: users physically manipulate them - piling, grouping, sorting - to interact with digital information and media.



    Siftables provides a new platform on which to implement tangible, visual and mobile applications.



    http://siftables.com/


    http://vimeo.com/3165011?




  • People play many roles






    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










  • More kinds and sizes of blocks to play with
  • multi-context design: cross media, cross-platform syndication








  • multi-context design: cross media, cross-platform syndication








  • multi-context design: cross media, cross-platform syndication








  • multi-context design: cross media, cross-platform syndication










  • http://www.flickr.com/photos/kongtat/2824592926/



    These guys were very good at working with modular components to create high-value user experiences.
    None of them have jobs anymore.
    How can we avoid this fate?


  • Closer to home, common examples of frameworks


  • Slices are built using a combination of protocols, including Microformats, RSS, and new HTML tags that IE uses to demark Slices.
    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. I predict that the sites that give away the most data will reap the biggest benefits, but that will be a difficult leap of faith for many publishers.
    Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages
    Posted by Rafe Needleman
    August 26, 2008 10:39 PM PDT
  • Kevin Kelly on hybrids
  • Getting out of the way is fine, but what about the ethical questions?














  • where is the opportunity for designers?
    new wave of patterns, and interest in service design








  • where is the opportunity for designers?
    new wave of patterns, and interest in service design














  • How will we work together?
  • Shouldn’t we make sure the tools we create are ethical?
  • E3 2008: More Creatures in Spore Than in Real Life
    Spore already has more creatures than exist in the real world.
    By Sam Kennedy, 07/14/2008

  • Creating frameworks allows designers to provide valuable services and expertise in a cost effective manner


    It’s something designers can sell in a commodified digital economy.


  • Designers have a good combination of human insight and architecture design skills; this hybrid way of thinking can serve as a differentiator and strength.







    Technical and social (technosocial)



  • Create deep, rich, sophisticated, valuable creations.












    http://flickr.com/photos/richard_ashworth/1468463024/








    http://flickr.com/photos/jeffarcher/2890151819/








    http://flickr.com/photos/jeffarcher/2890983510/in/photostream/




  • http://www.flickr.com/photos/isemantics/1064856994/






  • http://www.flickr.com/photos/allisonmccarthy/2760577496/


  • Challenges at the level of enterprise effort, common to portals.


  • Shouldn’t we make sure the tools we create are ethical?


  • http://www.flickr.com/photos/apriteben/218416646/







  • When are frameworks useful?








  • When are frameworks useful?


















  • Frameworks can broker the complexity of service design for everyware.
  • Frameworks can broker the complexity of service design for everyware.
  • Frameworks can broker the complexity of service design for everyware.


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks




  • Change in environment (assumptions)
  • Change in environment (assumptions)


  • Start with small simple pieces.


  • http://www.flickr.com/photos/tipocracia/2935148801/




  • http://www.flickr.com/photos/ludens/2414798676/




  • http://www.flickr.com/photos/schlegl/1591411087/






  • http://www.flickr.com/photos/apriteben/218416646/









  • http://www.flickr.com/photos/ldm/14296081/




  • http://www.flickr.com/photos/7570381@N03/2316396518/




  • http://www.flickr.com/photos/indiantraveller/2292946835/




  • http://www.flickr.com/photos/82705724@N00/119490271/




  • start small
    standardized components allow for growth, change
    create reusable structures
    organization schemes
    mental models
  • Peter Morville’s User Experience Honeycomb
  • Gene Smith’s Social Software Building Blocks
  • Don’t need to be exclusively on-line






  • Don’t need to be exclusively on-line


  • Don’t need to be exclusively on-line


  • Don’t need to be exclusively on-line


  • Some examples common to UX / IA domain




  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


















  • http://www.flickr.com/photos/bryce/58299511/




  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks


  • Closer to home, common examples of frameworks










  • common portal user experience = fail!
  • rooted in design / construction paradigm
  • 1884 novel by Edwin A. Abott
    Victorian social satire
    mathematics and dimensional thinking primer
  • Good outline for a vision




  • Didn’t set out to create framework - wanted to make life easier!
















  • Designing Frameworks For Interaction and User Experience

    1. 1. Succeeding With Frameworks Beyond Findability Workshop: IA Summit 2009
    2. 2. Joe Lamantia Design, technology & business since 1996 Architect > Management Consultant Speak and write on diverse topics: ubicomp twitter: moJoe joelamantia.com joe.lamantia@gmail.com 2 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    3. 3. Media Catalyst is a full service interactive agency with ofices in Europe and North America I Amsterdam Malta New York Los Angeles NY
    4. 4. Add frameworks to your toolkit 4 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    5. 5. Give up control... 5 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    6. 6. Gain influence! 6 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    7. 7. Why Frameworks Matter Frameworks 101 An example Succeeding With Frameworks 7 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    8. 8. Framework: A structure for supporting or enclosing something else, especially a skeletal support used as the basis for something being constructed. A fundamental structure, as for a written work. A set of assumptions, concepts, values, and practices that constitutes a way of viewing reality. 8 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    9. 9. 9 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    10. 10. 10 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    11. 11. Structural Shift Why Frameworks Matter
    12. 12. Web 1.0 Centralized Structure Organization Architecture Emerging Discipline = IA 12 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    13. 13. 13 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    14. 14. 14 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    15. 15. Web 2.0 Decentralized Flows Participation Interaction Structural relational diversity 15 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    16. 16. Page Services Embeds Feeds Apps Micro Status Themes API’s Widgets formats Posts Gadgets Grids Clouds Tweets Tags Objects Streams Plug-ins Links 16 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    17. 17. “What I want to talk about is the problem of manipulating and controlling things on a small scale.quot; Thereʼs Plenty of Room at the Bottom 1959 17 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    18. 18. Larger Services Clouds Sites Web app Pages API Posts Feed Objects Apps Tweets Widgets Links Tags Embeds Smaller 18 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    19. 19. Information environments are increasingly structured, at all levels of scale. 19 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    20. 20. Modularity “...the degree to which a systemʼs components may be separated and recombined.” “both the tightness of coupling between components, and the degree to which the “rules” of the system architecture enable (or prohibit) the mixing and matching of components. 20 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    21. 21. Web 21 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    22. 22. Browser 22 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    23. 23. Desktop 23 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    24. 24. Mobile 24 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    25. 25. Multitouch Displays 25 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    26. 26. Powers of 10 Exercise
    27. 27. Powers of 10 1. Where do you see modularity? 2. What kind of modularity? 3. What levels of structure? 27 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    28. 28. Modular America Cross-Cultural Perspectives on the Emergence of an American Way “uniquely American tendency to organize cultural artifacts out of component parts rather than structured wholes” ...it has affected cultural domains as diverse as manufacturing, architecture, education, and jazz. modularity opens new perspectives on American culture as a whole.” 28 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    29. 29. Identity Public Chi.mp Work Friends 29 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    30. 30. Structuration good! 30 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    31. 31. 31 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    32. 32. 32 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    33. 33. Context Shift Why Frameworks Matter
    34. 34. We were used to having walls. Context was key, but context depends on there being walls. Online, there are no walls. The walls have come crumbling down. boyd, danah. 2007. quot;Incantations for Muggles: The Role of Ubiquitous Web 2.0 Technologies in Everyday Life.quot; O'Reilly Emerging Technology Conference, San Diego, CA. March 28. http://www.danah.org/papers/Etech2007.html 34 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    35. 35. Take Away Digital objects are portable » People choose and manage streams of content functionality » Common structure allows easy manipulation » RSS, microformats, APIs, metadata, SOA, file formats » Environment provides shared services » OpenSocial, openID, cloud computing, analytics, search » Digital atoms are ʻvisibleʼ accessible
    36. 36. Convergence Media platforms converge » Experiences span multiple media, channels, formats » Narrative, interaction, emotional elements must sustain transitions » Platforms and delivery converge » Game console, PC, media center, time-shift [Tivo], data backup [Time Machine] » Advertising permeates all experience environments » Social networks, virtual worlds, game experiences, film, UGC, widgets, environmental services (search)
    37. 37. Digital = Social Experiences have a ʻsocial layerʼ » Social interactions are the source of experience value » New environments are primarily social » Networks become primary organizing structures » Experiences shaped by linked overlapping networks » Exchanges occur via marketplaces (information, services, goods, reputation)
    38. 38. 38 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    39. 39. Users Context Content 39 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    40. 40. Loss of control bad! 40 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    41. 41. 41 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    42. 42. Future Contexts Ubiquitous computing Spimes Augmented reality Games vs. reality inversion Digital singularity 42 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    43. 43. Wikitude 43 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    44. 44. In the future, an object's life begins on a graphics screen. It is born digital. Its design specs accompany it throughout its life. It is inseparable from that original digital blueprint, which rules the material world. When Blobjects Rule the Earth by Bruce Sterling SIGGRAPH, Los Angeles, August 2004 44 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    45. 45. Information Shadows Once you have the capability uniquely identify anything immediately, you can attach meta information to it. Any meta-information. How much is this worth on eBay? Which of my friends has one? Will this go with my Momʼs china? Will it make me sick if I eat it? Was it made by children? I call this digital representation as accessed through a unique ID, an objectʼs “information shadow” and I now see them attached to just about everything. 45 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    46. 46. Service Objects “...changing the physical object to a service, for which the thing youʼre looking at is but a single instantiation of that agreement. The solid object grows a dotted line that is filled-in as- needed, when-needed, and with the features that are needed.” 46 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    47. 47. Devices are Service Avatars “Devices become projections of services. They are physical manifestations, avatars, projections into physical space of abstract services, but are not services themselves.” * Objects become subscriptions. 47 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    48. 48. Granularity Ubiquitous computing devices can come in all sorts of sizes and the user experience design for them must take this into account. 48 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    49. 49. Siftables Siftables are cookie-sized computers with motion sensing, neighbor detection, graphical display, and wireless communication. They act in concert to form a single interface: users physically manipulate them - piling, grouping, sorting - to interact with digital information and media. Siftables provides a new platform on which to implement tangible, visual and mobile applications. 49 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    50. 50. Autonomous Contextual Graphical display Neighbor detection Wireless Piling Motion sensing Grouping Communication Sorting { Framework 50 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    51. 51. DIY Shift Why Frameworks Matter 51
    52. 52. Everyone can create (again) Low-cost, high-quality tools for digital physical creation Producer vs. consumer distinction dissolves Business and economic (and political) structures change Open Source, Open Data, Open Stack hybrids, ecologies of co-creation Beyond Findability: Frameworks 52 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    53. 53. New Creators 53 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    54. 54. 54 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    55. 55. Users Context Content 55 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    56. 56. Loss of control bad! 56 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    57. 57. Direct Design Complexity Seatbelts, Frak Me! please. Contexts Are We Cake! There Yet... Co-creation 57 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    58. 58. 58 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    59. 59. How Will Our Role Change? Exercise
    60. 60. How Will Our Role Change 1. Think 5 years ahead What do you do every day? Who do you work with? How do you do it? 60 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    61. 61. 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 61 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    62. 62. “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 62 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    63. 63. 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 63 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    64. 64. User Experience Information Information Architecture Architecture Whole Parts 64 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    65. 65. Structural Design standard / protocol service framework network Designers Scale system product pattern Co-creators / DIY template component Scope 65 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    66. 66. Whole Professional Design User Co-creators Experience Professional Design Parts 66 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    67. 67. Ecology of Co-Creation 67 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    68. 68. Architects define the frameworks other people use to build experiences for themselves, and the world. 68 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    69. 69. 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 69 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    70. 70. Creating $$ frameworks allows designers to sell high value services. 70 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    71. 71. We have special powers! human insight design skills architecture 71 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    72. 72. What Makes Frameworks Useful?
    73. 73. 73 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    74. 74. New Web resembles environments Beyond Findability: Frameworks 74 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    75. 75. Durable / Exstensible Executive dashboard Dashboards Portals Enterprise portals Tile-based UX Widgets DIY experiences Hackware Fablab Beyond Findability: Frameworks 75 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    76. 76. Tile View Free-form View Selector Utility Navigation 76 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    77. 77. Neutral Terrain • distinct languages • divergent goals • differing success criteria • competing agendas Framework Beyond Findability: Frameworks 77 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    78. 78. Efficient Components Framework x = Possibility Space Relationships 78 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    79. 79. Downstream leverage 79 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    80. 80. 80 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    81. 81. 81 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    82. 82. Managing Complexity Frak Me! Fr am Contexts ew or k U til ity Co-creation 82 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    83. 83. Co-creation Whole Professional Design User Co-creators Experience Professional Design Parts 83 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    84. 84. Framework Possibility Space Instance Instance Instance 84 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    85. 85. Everyware Service Framework Avatar Vehicle 85 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    86. 86. When Frameworks Fail Exercise
    87. 87. When Frameworks Fail 1. Name some failed frameworks 2. What happened? 3. Why did they fail? 4. Could they have worked? 5. What needed to change? 87 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    88. 88. USSR complex financial derivatives Titanic transportation via dirigibles nuclear power Versailles treaty music business advertising in social media printed media 88 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    89. 89. Whatʼs the pattern? 89 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    90. 90. Environmental change (assumptions) 90 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    91. 91. Spotting Frameworks Frameworks 101
    92. 92. 92 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    93. 93. 93 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    94. 94. 94 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    95. 95. 95 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    96. 96. 96 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    97. 97. 97 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    98. 98. 98 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    99. 99. 99 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    100. 100. 100 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    101. 101. 101 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    102. 102. 102 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    103. 103. 103 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    104. 104. 104 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    105. 105. useful usable desirable valuable findable accessible credible 105 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    106. 106. presence sharing relationships identity conversations reputation groups 106 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    107. 107. Are these the same? How are they different? 107 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    108. 108. design construction management organization communication analysis distribution 108 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    109. 109. Name That Framework Exercise
    110. 110. Name That Framework 1. Name some framework based experiences, services, tools. 2. What kind of framework is it? 110 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    111. 111. Linkedin Facebook delicious Netvibes Pandora Upcoming Flickr BaseCamp dopplr MS Sharepoint Blip.fm Etsy Yelp MySpace CafePress Blogging YouTube Lulu services GoogleMaps Twine CM Systems Wikis digg Ning Intranets Twitter Balsamiq RememberThe friendfeed Yahoo Pipes Milk 111 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    112. 112. De-construction Exercise
    113. 113. De-construction 1. Pick an experience 2. What is it made of? 3. How do these things relate? 4. What does it include / exclude? 5. What are its boundaries? 113 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    114. 114. Components 114 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    115. 115. Relationships Linking Grouping Stacking 115 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    116. 116. Scope Data Governance User Experience Business Logic Functionality Administration Application Logic Social Dynamics Narrow* Broad* *Depends on your viewpoint! 116 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    117. 117. Boundary(s) Closed Open unbounded 117 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    118. 118. Components Relationships Scope Boundaries 118 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    119. 119. 119 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    120. 120. Definition Exercise
    121. 121. Definition 1. What is it meant to do? 2. What kind is it? 3. Who is it for? 4. What does it assume about the world? 121 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    122. 122. Purpose Type Audience Assumptions 122 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    123. 123. Purpose Components Type Relationships Audience Scope Assumptions Boundaries { { Problem Solution 123 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    124. 124. The Building Blocks An Example Framework
    125. 125. 125 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    126. 126. The Box of Chocolates Model Everything in a portlet Portlets are islands Growth = more portlets 126 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    127. 127. No Structure! No Connection! No Interaction! No Context! 127 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    128. 128. Needs Allow for growth and change Establish common language for all perspectives Construct scalable, reusable structures Encourage high-quality user experiences Sharing of assets 128 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    129. 129. Environmental Services identity security publication data infrastructure application support management Beyond Findability: Frameworks 129 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    130. 130. Purpose: Improve portal experience Type: Design Audience: Design, build, IT management Assumptions: Enterprise environment 130 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    131. 131. Vision: Enterprise Portal Suite 131 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    132. 132. Purpose Components Type Relationships Audience Scope Assumptions Boundaries { { Problem Solution 132 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    133. 133. The Building Blocks System Basic Principles Standardized Components Containers manage content Connectors define structure navigation Assembly Rules Suggested Functionality Convenience, Utility, Social 133 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    134. 134. Openness Use blocks for some or all content Mix blocks and free-form content 134 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    135. 135. Portability Blocks can be: • syndicated • shared • reused • placed elsewhere • duplicated • moved 135 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    136. 136. Boundary(s) Building Blocks Closed Open 136 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    137. 137. Scope Layering Blocks can define all layers of an environment Blocks can cover *any* combination of layers 137 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    138. 138. Scope Building Blocks Governance User Experience Data Business Logic Narrow Broad Application Logic Functionality Administration 138 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    139. 139. Relationships Independence Blocks are independent • content • interaction • display ...until “stacked” together 139 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    140. 140. Relationships Inheritance Blocks inherit from those stacked above: • content • properties • interaction Inheritance cascades top to bottom All blocks stacked below inherit from above 140 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    141. 141. Components Building Blocks Framework
    142. 142. Components Containers 7 types Begin with Tile, range up to Portal Suite Smaller Containers deliver content Larger Containers create structure Work together with Connectors 142 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    143. 143. Tile Size: 1 Elements: Header Body [Footer] 143 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    144. 144. Section Size: 5 Elements: Page (1) 144 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    145. 145. Portal Suite Size: 7 Elements: Portal (1) 145 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    146. 146. Larger Suite Portal Section Page View TileGroup Tiles Element Smaller 146 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    147. 147. Components Relationships Connectors Overview 8 Connector types Some enable navigation Some provide interactivity for Containers Makeup and behavior defined in detail 147 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    148. 148. Crosswalk Connector Directly links two individual Containers 148 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    149. 149. Section Connector Links all Sections (1 Page) in a Portal 149 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    150. 150. Portal Connector Links Dashboards Portals in a Suite 150 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    151. 151. Larger Suite Portal Connector Portal Section Connector Section Page Connector Contextual Page Crosswalk View Utility Navigation TileGroup Crosswalk Tiles Geography Selector Element Control Bar Smaller 151 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    152. 152. Components Relationships Stacking Rules Assigns “size” to all blocks Defines possible combinations Portal Suite 7 Page 4 Portal 6 View 3 Tile 1 Section 5 Tile 1 Tile 1 Page 4 View 3 Tilegroup 2 Tile 1 Tilegroup 2 Tile 1 152 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    153. 153. Free-form content Section Connector Utility Navigation Page Connector Control Bar Tile Page View Convenience Functionality 153 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    154. 154. Case Study Change and Growth
    155. 155. Series of portal efforts Vendor: strategy, design, build, support Engaged across enterprise Building blocks leveraged as: • Concept language • Design Tool • Prototype Accelerator • Governance Framework 155 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    156. 156. Global Executive Portal Global Leadership Team Enterprise insight Business intelligence 156 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    157. 157. 157 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    158. 158. 158 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    159. 159. US Dashboard US Leadership Team Major market insight, enhancing dialog Business intelligence, social commentary *Introduced social mechanisms 159 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    160. 160. 160 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    161. 161. 161 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    162. 162. Approvals Portal Senior Managers, Execs Streamline finance operations Invoice tracking approval *Portability = critical 162 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    163. 163. 163 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    164. 164. 164 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    165. 165. Expense Management Portal Managers, budget coordinators Streamline invoicing, improve forecasting Invoice project management capability 165 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    166. 166. 166 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    167. 167. 167 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    168. 168. Sales Dashboard Unit Leadership Unit operations insight Business intelligence, social asessment 168 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    169. 169. 169 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    170. 170. 170 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    171. 171. Succeeding With Frameworks
    172. 172. Purpose Components Type Relationships Audience Scope Assumptions Boundaries { { Problem Solution 172 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    173. 173. Borrow and adapt: Extend Alter 173 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    174. 174. Adapt things as needed What is the environment? Is inheritance useful? Are these the right blocks? Change or add principles with care Beyond Findability: Frameworks 174 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    175. 175. Create new 175 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    176. 176. Start simple: 3 Containers 2 Connectors 176 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    177. 177. Add only what is essential. 7 Containers 11 Connectors 1 stacking hierarchy top-down inheritance 177 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    178. 178. Larger Evolution Suite Portal Section Page View TileGroup Tiles Element Smaller 178 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    179. 179. Larger Evolution Suite Portal Connector Portal Section Connector Section Page Connector Contextual Page Crosswalk View Utility Navigation TileGroup Crosswalk Tiles Geography Selector Element Control Bar Smaller 179 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    180. 180. Components Framework x = Possibility Space Relationships 180 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    181. 181. Donʼt Get Carried Away Largest Structures In the Universe Your Framework 181 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    182. 182. Use simple language. Make it relevant. 182 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    183. 183. ABC Selling: Always Be Closing Pitch the outcome, not the framework Speak the buyersʼ language (IT, user, biz) Always explain the minimum Start simple, promise less, do more Beyond Findability: Frameworks 183 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    184. 184. Pragmatic Politics No land grabs Collaborate on scope boundary Get a sponsor Beyond Findability: Frameworks 184 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    185. 185. Evolving Scope t en em c e gi nc ag c n gi Lo tio ie an y Lo e lit er nc tra n M na io xp s na is es ct at io rE in er du lic in ct a dm ov se us un pp ro at •G •D •U •A •P •B •F •A Narrow Broad Building Blocks 185 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    186. 186. 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 Beyond Findability: Frameworks 186 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    187. 187. Design A Framework Exercise
    188. 188. Create A Service 1. Think of a common experience 2. Imagine how it could be better 3. Design a framework that makes it better 188 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    189. 189. In Conclusion...
    190. 190. Possible Future Stuff Wiki Community of Practice Patterns Pattern Library Mailing List, Blog, Feed Destination Workshops Seminars Courses Book...? Beyond Findability: Frameworks 190 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    191. 191. 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 Beyond Findability: Frameworks 191 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    192. 192. Bedankt! joe@joelamantia.com joe.lamantia@gmail.com twitter: moJoe slideshare.net/moJoe
    193. 193. Contact MediaCatalyst Herengracht 182 1016 BR Amsterdam The Netherlands T: +31 20 626 2976 joe.lamantia@mediacatalyst joe.lamantia@gmail.com
    194. 194. Discussion Topics
    195. 195. Frameworks vs. templates 195 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    196. 196. Disciplines frameworks 196 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    197. 197. Frameworks vs. systems 197 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    198. 198. Process frameworks 198 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    199. 199. Deliverables frameworks 199 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    200. 200. Domain specific Innately specified Hierarchically nested More internal integration than external integration Localized processes and autonomy Informationally encapsulated Near decomposability Recombinability Expandability Module as homologue 200 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    201. 201. 201 Beyond Findability: Frameworks IA Summit 2009 | Joe Lamantia | MediaCatalyst
    202. 202. What You Can Build Beyond Findability: Frameworks 202 IA Summit 2009 | Joe Lamantia | MediaCatalyst
    1. A particular slide catching your eye?

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

    ×