11,183 views

Designing Frameworks For Interaction and User Experience

The document discusses the importance of frameworks in information architecture, emphasizing the shift from centralized to decentralized structures in the digital landscape. It highlights how frameworks facilitate flexibility and adaptability in user interactions, enabling co-creation and the integration of digital and physical experiences. Additionally, it examines the implications of modularity and the loss of control in designing user experiences.

Design◦Business◦Technology◦

Designing Frameworks For Interaction and User Experience

Editor's Notes

#9 http://www.answers.com/framework
#10 Start with small simple pieces.
#11 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/
#13 http://www.flickr.com/photos/seeks2dream/2521098846/
#14 part I: flickr.com/photos/stabilo-boss/93136022/ part I and II: flickr.com/photos/stabilo-boss/101793494/
#15 part I: flickr.com/photos/stabilo-boss/93136022/ part I and II: flickr.com/photos/stabilo-boss/101793494/
#16 http://www.flickr.com/photos/seeks2dream/2521098846/ interaction at a component level!
#17 construction materials for information environments
#18 construction materials for information environments
#19 construction materials for information environments
#20 construction materials for information environments
#21 construction materials for information environments
#22 construction materials for information environments
#23 construction materials for information environments
#24 construction materials for information environments
#25 construction materials for information environments
#26 construction materials for information environments
#27 construction materials for information environments
#28 construction materials for information environments
#29 construction materials for information environments
#30 construction materials for information environments
#31 construction materials for information environments
#32 construction materials for information environments
#33 construction materials for information environments
#34 construction materials for information environments
#35 http://cas.umkc.edu/econ/Institutional/Readings/Feynman/Richard_feynman.jpg http://www.its.caltech.edu/~feynman/plenty.html
#36 More ‘sizes’ of structural element available. [not to scale! not complete!]
#37 More ‘sizes’ of structural element available. [not to scale! not complete!]
#38 More ‘sizes’ of structural element available. [not to scale! not complete!]
#39 More ‘sizes’ of structural element available. [not to scale! not complete!]
#40 More ‘sizes’ of structural element available. [not to scale! not complete!]
#41 More ‘sizes’ of structural element available. [not to scale! not complete!]
#42 More ‘sizes’ of structural element available. [not to scale! not complete!]
#43 More ‘sizes’ of structural element available. [not to scale! not complete!]
#44 More ‘sizes’ of structural element available. [not to scale! not complete!]
#45 More ‘sizes’ of structural element available. [not to scale! not complete!]
#46 http://www.answers.com/library/Computer+Encyclopedia-cid-52535
#47 http://en.wikipedia.org/wiki/Modularity
#50 Google’s Chrome relies on modularity in the architecture and user experience.
#52 http://www.flickr.com/photos/allisonmccarthy/2760577496/
#55 Closer to home, common examples of frameworks
#56 Closer to home, common examples of frameworks
#57 Closer to home, common examples of frameworks
#58 * 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
#60 More kinds and sizes of blocks to play with
#61 start small standardized components allow for growth, change create reusable structures organization schemes mental models
#65 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
#66 Implications & Challenges Traditional containers & boundaries are permeable Channel, genre, format, style, medium Experiences span media, contexts, identities Cross-media experiences create multiple interaction points
#67 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
#70 More kinds and sizes of blocks to play with
#71 http://www.flickr.com/photos/27032340@N00/428068243/
#72 http://www.answers.com/library/Computer+Encyclopedia-cid-52535
#77 http://www.orangecone.com/archives/2009/02/smart_things_an.html
#78 http://www.orangecone.com/archives/2009/02/smart_things_an.html
#79 http://siftables.com/
#80 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?
#81 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?
#82 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?
#83 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?
#85 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
#90 More kinds and sizes of blocks to play with
#91 multi-context design: cross media, cross-platform syndication
#92 multi-context design: cross media, cross-platform syndication
#93 multi-context design: cross media, cross-platform syndication
#94 multi-context design: cross media, cross-platform syndication
#95 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?
#97 Closer to home, common examples of frameworks
#98 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
#99 Kevin Kelly on hybrids
#100 Getting out of the way is fine, but what about the ethical questions?
#104 where is the opportunity for designers? new wave of patterns, and interest in service design
#105 where is the opportunity for designers? new wave of patterns, and interest in service design
#109 How will we work together?
#110 Shouldn’t we make sure the tools we create are ethical?
#111 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
#112 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.
#113 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)
#115 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/
#116 http://www.flickr.com/photos/isemantics/1064856994/
#118 http://www.flickr.com/photos/allisonmccarthy/2760577496/
#119 Challenges at the level of enterprise effort, common to portals.
#121 Shouldn’t we make sure the tools we create are ethical?
#122 http://www.flickr.com/photos/apriteben/218416646/
#124 When are frameworks useful?
#125 When are frameworks useful?
#131 Frameworks can broker the complexity of service design for everyware.
#132 Frameworks can broker the complexity of service design for everyware.
#133 Frameworks can broker the complexity of service design for everyware.
#135 Closer to home, common examples of frameworks
#136 Closer to home, common examples of frameworks
#137 Closer to home, common examples of frameworks
#138 Closer to home, common examples of frameworks
#139 Closer to home, common examples of frameworks
#141 Change in environment (assumptions)
#142 Change in environment (assumptions)
#144 Start with small simple pieces.
#145 http://www.flickr.com/photos/tipocracia/2935148801/
#146 http://www.flickr.com/photos/ludens/2414798676/
#147 http://www.flickr.com/photos/schlegl/1591411087/
#149 http://www.flickr.com/photos/apriteben/218416646/

Editor's Notes

#9 http://www.answers.com/framework
#10 Start with small simple pieces.
#11 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/
#13 http://www.flickr.com/photos/seeks2dream/2521098846/
#14 part I: flickr.com/photos/stabilo-boss/93136022/ part I and II: flickr.com/photos/stabilo-boss/101793494/
#15 part I: flickr.com/photos/stabilo-boss/93136022/ part I and II: flickr.com/photos/stabilo-boss/101793494/
#16 http://www.flickr.com/photos/seeks2dream/2521098846/ interaction at a component level!
#17 construction materials for information environments
#18 construction materials for information environments
#19 construction materials for information environments
#20 construction materials for information environments
#21 construction materials for information environments
#22 construction materials for information environments
#23 construction materials for information environments
#24 construction materials for information environments
#25 construction materials for information environments
#26 construction materials for information environments
#27 construction materials for information environments
#28 construction materials for information environments
#29 construction materials for information environments
#30 construction materials for information environments
#31 construction materials for information environments
#32 construction materials for information environments
#33 construction materials for information environments
#34 construction materials for information environments
#35 http://cas.umkc.edu/econ/Institutional/Readings/Feynman/Richard_feynman.jpg http://www.its.caltech.edu/~feynman/plenty.html
#36 More ‘sizes’ of structural element available. [not to scale! not complete!]
#37 More ‘sizes’ of structural element available. [not to scale! not complete!]
#38 More ‘sizes’ of structural element available. [not to scale! not complete!]
#39 More ‘sizes’ of structural element available. [not to scale! not complete!]
#40 More ‘sizes’ of structural element available. [not to scale! not complete!]
#41 More ‘sizes’ of structural element available. [not to scale! not complete!]
#42 More ‘sizes’ of structural element available. [not to scale! not complete!]
#43 More ‘sizes’ of structural element available. [not to scale! not complete!]
#44 More ‘sizes’ of structural element available. [not to scale! not complete!]
#45 More ‘sizes’ of structural element available. [not to scale! not complete!]
#46 http://www.answers.com/library/Computer+Encyclopedia-cid-52535
#47 http://en.wikipedia.org/wiki/Modularity
#50 Google’s Chrome relies on modularity in the architecture and user experience.
#52 http://www.flickr.com/photos/allisonmccarthy/2760577496/
#55 Closer to home, common examples of frameworks
#56 Closer to home, common examples of frameworks
#57 Closer to home, common examples of frameworks
#58 * 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
#60 More kinds and sizes of blocks to play with
#61 start small standardized components allow for growth, change create reusable structures organization schemes mental models
#65 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
#66 Implications & Challenges Traditional containers & boundaries are permeable Channel, genre, format, style, medium Experiences span media, contexts, identities Cross-media experiences create multiple interaction points
#67 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
#70 More kinds and sizes of blocks to play with
#71 http://www.flickr.com/photos/27032340@N00/428068243/
#72 http://www.answers.com/library/Computer+Encyclopedia-cid-52535
#77 http://www.orangecone.com/archives/2009/02/smart_things_an.html
#78 http://www.orangecone.com/archives/2009/02/smart_things_an.html
#79 http://siftables.com/
#80 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?
#81 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?
#82 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?
#83 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?
#85 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
#90 More kinds and sizes of blocks to play with
#91 multi-context design: cross media, cross-platform syndication
#92 multi-context design: cross media, cross-platform syndication
#93 multi-context design: cross media, cross-platform syndication
#94 multi-context design: cross media, cross-platform syndication
#95 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?
#97 Closer to home, common examples of frameworks
#98 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
#99 Kevin Kelly on hybrids
#100 Getting out of the way is fine, but what about the ethical questions?
#104 where is the opportunity for designers? new wave of patterns, and interest in service design
#105 where is the opportunity for designers? new wave of patterns, and interest in service design
#109 How will we work together?
#110 Shouldn’t we make sure the tools we create are ethical?
#111 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
#112 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.
#113 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)
#115 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/
#116 http://www.flickr.com/photos/isemantics/1064856994/
#118 http://www.flickr.com/photos/allisonmccarthy/2760577496/
#119 Challenges at the level of enterprise effort, common to portals.
#121 Shouldn’t we make sure the tools we create are ethical?
#122 http://www.flickr.com/photos/apriteben/218416646/
#124 When are frameworks useful?
#125 When are frameworks useful?
#131 Frameworks can broker the complexity of service design for everyware.
#132 Frameworks can broker the complexity of service design for everyware.
#133 Frameworks can broker the complexity of service design for everyware.
#135 Closer to home, common examples of frameworks
#136 Closer to home, common examples of frameworks
#137 Closer to home, common examples of frameworks
#138 Closer to home, common examples of frameworks
#139 Closer to home, common examples of frameworks
#141 Change in environment (assumptions)
#142 Change in environment (assumptions)
#144 Start with small simple pieces.
#145 http://www.flickr.com/photos/tipocracia/2935148801/
#146 http://www.flickr.com/photos/ludens/2414798676/
#147 http://www.flickr.com/photos/schlegl/1591411087/
#149 http://www.flickr.com/photos/apriteben/218416646/

Designing Frameworks For Interaction and User Experience

More Related Content

Viewers also liked

Similar to Designing Frameworks For Interaction and User Experience

More from Joe Lamantia

Recently uploaded

Editor's Notes

More Related Content

Viewers also liked

Similar to Designing Frameworks For Interaction and User Experience

More from Joe Lamantia

Recently uploaded

Editor's Notes