Designing Frameworks For Interaction and User Experience
by Joe Lamantia
- 17,437 views
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 ...
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.
Accessibility
Categories
Upload Details
Uploaded via SlideShare as Adobe PDF
Usage Rights
© All Rights Reserved
Statistics
- Likes
- 158
- Downloads
- 17
- Comments
- 6
- Embed Views
- Views on SlideShare
- 16,938
- Total Views
- 17,437
1–6 of 6 previous next Post a comment
http://www.answers.com/framework
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/
flickr.com/photos/stabilo-boss/93136022/
part I and II:
flickr.com/photos/stabilo-boss/101793494/
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!
http://cas.umkc.edu/econ/Institutional/Readings/Feynman/Richard_feynman.jpg
http://www.its.caltech.edu/~feynman/plenty.html
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
[not to scale! not complete!]
http://www.answers.com/library/Computer+Encyclopedia-cid-52535
http://en.wikipedia.org/wiki/Modularity
http://www.flickr.com/photos/allisonmccarthy/2760577496/
* 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
standardized components allow for growth, change
create reusable structures
organization schemes
mental models
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
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
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
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?
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?
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?
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?
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
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?
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
new wave of patterns, and interest in service design
new wave of patterns, and interest in service design
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)
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/
http://www.flickr.com/photos/apriteben/218416646/
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/
standardized components allow for growth, change
create reusable structures
organization schemes
mental models
http://www.flickr.com/photos/bryce/58299511/
Victorian social satire
mathematics and dimensional thinking primer