Designing Frameworks For Interaction and User Experience

21,076
-1

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
21,076
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
190
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

    ×