Frameworks Are The Future of Design
-
Upload
joe-lamantia -
Category
Design
-
view
19.651 -
download
1
description
Transcript of Frameworks Are The Future of Design
![Page 1: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/1.jpg)
Design Frameworks ...are the Future
![Page 2: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/2.jpg)
Joe LamantiaEuroIA 2008
Joe LamantiaActive in User Experience & the Internet since 1996.
Started a company that failed.
Speak and write on diverse topics inspired by work.
Just moved to Amsterdam.
2
![Page 3: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/3.jpg)
Joe LamantiaEuroIA 2008
Todays MenuModularity in all thingsItʼs a DIY FutureExample: Hot Framework Action!Framework Design Tips
3
![Page 4: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/4.jpg)
Joe LamantiaEuroIA 2008
Design frameworks are
sexy!
4
![Page 5: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/5.jpg)
Joe LamantiaEuroIA 2008
Whatʼs in a design framework?Goals and principlesStandard componentsBoundaries and connectionsGuidelines and rules
5
![Page 6: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/6.jpg)
Joe LamantiaEuroIA 2008 6
![Page 7: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/7.jpg)
Joe LamantiaEuroIA 2008 7
![Page 8: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/8.jpg)
Joe LamantiaEuroIA 2008 7
![Page 9: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/9.jpg)
Joe LamantiaEuroIA 2008 7
![Page 10: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/10.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
What You Can Build
8
![Page 11: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/11.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
What You Can Build
8
![Page 12: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/12.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
What You Can Build
8
![Page 13: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/13.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
What You Can Build
8
![Page 14: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/14.jpg)
Modularity In All Things
![Page 15: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/15.jpg)
Joe LamantiaEuroIA 2008
Web 1.0Model = centralizedConcerns• organization• structure• architecture
10
![Page 16: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/16.jpg)
Joe LamantiaEuroIA 2008
Together, Ubiquity and Web Slices lead me to believe we're entering an era of fracturing Web content. Already we have seen content separated from presentation with RSS, and we've given developers access to online data for their mashups via Web APIs. Rafe Needleman
Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages
11
![Page 17: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/17.jpg)
Joe LamantiaEuroIA 2008 12
![Page 18: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/18.jpg)
Joe LamantiaEuroIA 2008 12
![Page 19: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/19.jpg)
Joe LamantiaEuroIA 2008 12
![Page 20: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/20.jpg)
Joe LamantiaEuroIA 2008 12
![Page 21: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/21.jpg)
Joe LamantiaEuroIA 2008 12
![Page 22: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/22.jpg)
Joe LamantiaEuroIA 2008 13
Welcome to the coalmine
![Page 23: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/23.jpg)
Joe LamantiaEuroIA 2008
Developers build the world we all live and work in. Theyʼre like canaries in the coalmine for designers.What happens to them first......happens to us next!
So whatʼs happeningto the developers?
14
![Page 24: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/24.jpg)
Joe LamantiaEuroIA 2008
It means that developers will have to learn how to code pages for modularity. ...letting their sites be mashed up and refactored into tiny pieces all over the Web, by anyone. Rafe Needleman
Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages
15
![Page 25: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/25.jpg)
Joe LamantiaEuroIA 2008
Modularity is Everywhere
16
BrowserArchitecture
![Page 26: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/26.jpg)
Joe LamantiaEuroIA 2008
Modularity is Everywhere
17
BrowserExperience
![Page 27: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/27.jpg)
Joe LamantiaEuroIA 2008
In the Operating System
18
![Page 28: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/28.jpg)
Joe LamantiaEuroIA 2008 19
![Page 29: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/29.jpg)
Joe LamantiaEuroIA 2008 20
![Page 30: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/30.jpg)
Joe LamantiaEuroIA 2008
Physical & InformationExperiences
21
![Page 31: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/31.jpg)
Joe LamantiaEuroIA 2008 22
![Page 32: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/32.jpg)
Joe LamantiaEuroIA 2008 22
The iTablet...?
![Page 33: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/33.jpg)
Joe LamantiaEuroIA 2008 22
![Page 34: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/34.jpg)
Joe LamantiaEuroIA 2008 22
The Kitchen of the Future...?
![Page 35: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/35.jpg)
Joe LamantiaEuroIA 2008
Web 2.0Model = de-centralizedConcerns• participation• interaction
23
![Page 36: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/36.jpg)
Joe LamantiaEuroIA 2008
...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.Rafe Needleman
Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages
24
![Page 37: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/37.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework 25
Web 2.0 resembles enterprise
environments
![Page 38: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/38.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
Syndication streams of modular content and functionality
Social Structures tangible networks & communities
Services identity, security, publication, data management
26
![Page 39: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/39.jpg)
Joe LamantiaEuroIA 2008
The Ubiquitous Portlet
27
![Page 40: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/40.jpg)
Joe LamantiaEuroIA 2008
The Ubiquitous Portlet
27
![Page 41: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/41.jpg)
Executive dashboard Dashboards Portals Enterprise portals Tile-based UX WidgetsDIY experiences Hackware Fablab
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework 28
![Page 42: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/42.jpg)
It’s A DIY Future
29
![Page 43: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/43.jpg)
Joe LamantiaEuroIA 2008
Industrial Production Model
30
![Page 44: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/44.jpg)
Joe LamantiaEuroIA 2008
Industrial Production Model
30
![Page 45: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/45.jpg)
Joe LamantiaEuroIA 2008
Industrial Production Model
30
![Page 46: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/46.jpg)
Joe LamantiaEuroIA 2008
Industrial Production Model
30
![Page 47: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/47.jpg)
Joe LamantiaEuroIA 2008
The Walls Are Coming Down
31
![Page 48: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/48.jpg)
Joe LamantiaEuroIA 2008
DIY (Do It Yourself) Shift
Lowered entry barriers to design and create
Creator vs. consumer distinction blurs
Flattened control & management structures
Fluid economic and cultural models
32
![Page 49: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/49.jpg)
Joe LamantiaEuroIA 2008
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
33
![Page 50: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/50.jpg)
Joe LamantiaEuroIA 2008
New Creators
34
![Page 51: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/51.jpg)
Joe LamantiaEuroIA 2008
New Creators
34
![Page 52: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/52.jpg)
Joe LamantiaEuroIA 2008
New Creators
34
![Page 53: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/53.jpg)
Joe LamantiaEuroIA 2008
“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 "everybody" (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
35
http://www.kk.org/thetechnium/archives/2008/02/the_bottom_is_n.php
![Page 54: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/54.jpg)
Joe LamantiaEuroIA 2008
Together, Ubiquity and Web Slices lead me to believe we're entering an era of fracturing Web content. Already we have seen content separated from presentation with RSS, and we've given developers access to online data for their mashups via Web APIs. But the growth of Microformat-coded Web pages will make it possible for users to more easily create their own mashups--personal profile pages that have just the pieces of Web content they want, or e-mail messages made up of live maps, automatically updating weather forecasts, up-to-the-minute travel information, and so on.
It means that developers will have to learn how to code pages for modularity. Conceptually that's not that big a deal, although if coding for Ubiquity and coding for Slices is different, it's going to be a technical mess. What I am waiting to see is how managers wrestle with the branding and revenue implications of letting their sites be mashed up and refactored into tiny pieces all over the Web, by anyone. Rafe Needleman
Mozilla Ubiquity, Microsoft IE8, and the fracturing of Web pages
36
![Page 55: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/55.jpg)
Joe LamantiaEuroIA 2008 37
Ecology of Co-Creation
![Page 56: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/56.jpg)
Joe LamantiaEuroIA 2008
CreativeCommons(Infrastructure)
38
![Page 57: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/57.jpg)
What’s An Architect To Do?
39
![Page 58: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/58.jpg)
Joe LamantiaEuroIA 2008 40
![Page 59: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/59.jpg)
Joe LamantiaEuroIA 2008
Herecomeseverybody!
41
...no designer required!
![Page 60: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/60.jpg)
Joe LamantiaEuroIA 2008
Itʼs bad to be a commodity in a digital world.
42
![Page 61: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/61.jpg)
Joe LamantiaEuroIA 2008
Creating frameworks allows designers to sell high value services.
$$
43
![Page 62: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/62.jpg)
Joe LamantiaEuroIA 2008
We have framework superpowers!human insightdesign skillsarchitecture
44
![Page 63: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/63.jpg)
Joe LamantiaEuroIA 2008
Designers create the tools other people use...
...to create experiences for themselves, and the world.
45
![Page 64: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/64.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
Scope
Persistence
![Page 65: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/65.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
Scope
Persistence
![Page 66: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/66.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
template
Scope
Persistence
![Page 67: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/67.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
Scope
Persistence
![Page 68: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/68.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
Scope
Persistence
pattern
![Page 69: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/69.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
systemScope
Persistence
pattern
![Page 70: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/70.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
Scope
Persistence
pattern
![Page 71: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/71.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
Scope
Persistence
network
pattern
![Page 72: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/72.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
environment / framework
Scope
Persistence
network
pattern
![Page 73: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/73.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
environment / framework
standard
Scope
Persistence
network
pattern
![Page 74: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/74.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
environment / framework
standard
Scope
Persistence
network
pattern
![Page 75: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/75.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
environment / framework
standard
Scope
Persistence
network
pattern
Co-creators / DIY
![Page 76: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/76.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
environment / framework
standard
Scope
Persistence
network
pattern
Co-creators / DIY
![Page 77: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/77.jpg)
Joe LamantiaEuroIA 2008
Design: Now
46
component
product / solution
template
system
process / service
environment / framework
standard
Scope
Persistence
network
pattern
Designers
Co-creators / DIY
![Page 78: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/78.jpg)
Joe LamantiaEuroIA 2008
"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
47
http://www.sfgate.com/cgi-bin/article.cgi?file=/chronicle/archive/2004/10/10/LVGU693SFD1.DTL
![Page 79: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/79.jpg)
Joe LamantiaEuroIA 2008
SporeOver 1.8 million creatures created by people using the Spore Creature Creator.
48
..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
![Page 80: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/80.jpg)
The Problem With PortletsThe Forrest Gump School of Architecture
![Page 81: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/81.jpg)
Joe LamantiaEuroIA 2008
The Common Portlet“portletus flaticus”
Two part structureNo ʻhooksʼ or connectionsOnly purpose = displayA little bit anti-social...
50
![Page 82: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/82.jpg)
Joe LamantiaEuroIA 2008
The Box of Chocolates Model
51
Everything in a portlet
Portlets are islands
?? Add more portlets!
![Page 83: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/83.jpg)
Joe LamantiaEuroIA 2008
Advantages
Single toolSimple methodClassic strategy
...but only one outcome.52
![Page 84: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/84.jpg)
Joe LamantiaEuroIA 2008
Advantages
Single toolSimple methodClassic strategy
...but only one outcome.52
![Page 85: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/85.jpg)
Joe LamantiaEuroIA 2008
Advantages
Single toolSimple methodClassic strategy
...but only one outcome.52
![Page 86: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/86.jpg)
Joe LamantiaEuroIA 2008
Advantages
Single toolSimple methodClassic strategy
...but only one outcome.52
![Page 87: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/87.jpg)
Joe LamantiaEuroIA 2008 53
![Page 88: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/88.jpg)
Joe LamantiaEuroIA 2008
Welcome to Flatland!Structure?Connection?Interaction?Context?
54
![Page 89: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/89.jpg)
Joe LamantiaEuroIA 2008
The Bigger Box of Chocolates
55
^
![Page 90: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/90.jpg)
Joe LamantiaEuroIA 2008
The Bigger Box of Chocolates
55
^
![Page 91: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/91.jpg)
Joe LamantiaEuroIA 2008
The Bigger Box of Chocolates
55
^
![Page 92: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/92.jpg)
Joe LamantiaEuroIA 2008
The Bigger Box of Chocolates
55
^
![Page 93: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/93.jpg)
Joe LamantiaEuroIA 2008
The Bigger Box of Chocolates
55
^
![Page 94: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/94.jpg)
Joe LamantiaEuroIA 2008 56
![Page 95: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/95.jpg)
Joe LamantiaEuroIA 2008 56
![Page 96: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/96.jpg)
Joe LamantiaEuroIA 2008 56
![Page 97: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/97.jpg)
Joe LamantiaEuroIA 2008 56
![Page 98: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/98.jpg)
Joe LamantiaEuroIA 2008 56
![Page 99: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/99.jpg)
Joe LamantiaEuroIA 2008
One-Way Aggregation
57
??????
![Page 100: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/100.jpg)
Joe LamantiaEuroIA 2008
Increased...Information costsManagement costsTraining costs
58
DecreasedUsability
FindabilitySatisfaction
Experience qualityAdoption
Perceived valueROI
![Page 101: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/101.jpg)
Escaping Flatland
![Page 102: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/102.jpg)
Joe LamantiaEuroIA 2008
Two-way Conversation
60
![Page 103: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/103.jpg)
Joe LamantiaEuroIA 2008
Vision: Enterprise Portal Suite
61
![Page 104: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/104.jpg)
Joe LamantiaEuroIA 2008
NeedsAllow for growth and changeEstablish common language for all perspectivesConstruct scalable, reusable structuresEncourage high-quality user experiencesEnable sharing of assetsFurther vision of 2-way conversation
62
![Page 105: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/105.jpg)
Joe LamantiaEuroIA 2008 63
![Page 106: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/106.jpg)
Joe LamantiaEuroIA 2008 63
![Page 107: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/107.jpg)
Joe LamantiaEuroIA 2008 63
![Page 108: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/108.jpg)
Joe LamantiaEuroIA 2008 63
![Page 109: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/109.jpg)
Joe LamantiaEuroIA 2008
A Better Experience
64
![Page 110: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/110.jpg)
Joe LamantiaEuroIA 2008
structure
65
![Page 111: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/111.jpg)
Joe LamantiaEuroIA 2008 66
![Page 112: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/112.jpg)
Joe LamantiaEuroIA 2008 66
![Page 113: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/113.jpg)
Joe LamantiaEuroIA 2008
Environments rich in
Structure Connection Interaction Context
67
![Page 114: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/114.jpg)
Building Blocks OverviewWhat’s In the Bag...?
![Page 115: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/115.jpg)
Joe LamantiaEuroIA 2008
The Building Blocks System
69
Basic PrinciplesStandardized Components
Containers manage content
Connectors define structure & navigation
Assembly RulesSuggested Functionality
Convenience, Utility, Social
Best Practices [soon]
![Page 116: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/116.jpg)
Joe LamantiaEuroIA 2008
Containers7 typesBegin with Tile, range up to Portal SuiteMakeup and behavior defined in detailSmaller Containers deliver contentLarger Containers create structureWork together with Connectors
70
![Page 117: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/117.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 118: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/118.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
Tile
![Page 119: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/119.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 120: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/120.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
Tilegroup
![Page 121: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/121.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 122: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/122.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
View
![Page 123: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/123.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 124: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/124.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
Page
![Page 125: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/125.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 126: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/126.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
Section
![Page 127: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/127.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 128: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/128.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
Portal
![Page 129: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/129.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 130: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/130.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
Portal Suite
![Page 131: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/131.jpg)
Joe LamantiaEuroIA 2008
Container Blocks Overview
71
![Page 132: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/132.jpg)
Joe LamantiaEuroIA 2008
Connectors Overview8 Connector typesSome enable navigationSome provide interactivity for ContainersMakeup and behavior defined in detail
72
![Page 133: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/133.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 134: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/134.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
ControlBar
![Page 135: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/135.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 136: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/136.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
Geography Selector
![Page 137: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/137.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 138: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/138.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
Page Connector
![Page 139: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/139.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 140: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/140.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
Section Connector
![Page 141: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/141.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 142: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/142.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
Crosswalk
![Page 143: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/143.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 144: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/144.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
Contextual Crosswalk
![Page 145: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/145.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 146: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/146.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
Portal Connector
![Page 147: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/147.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 148: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/148.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
Utility Navigation
![Page 149: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/149.jpg)
Joe LamantiaEuroIA 2008
Connector Components Overview
73
![Page 150: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/150.jpg)
Joe LamantiaEuroIA 2008 74
![Page 151: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/151.jpg)
Joe LamantiaEuroIA 2008 74
![Page 152: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/152.jpg)
Joe LamantiaEuroIA 2008 74
Free-form content
![Page 153: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/153.jpg)
Joe LamantiaEuroIA 2008 74
![Page 154: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/154.jpg)
Joe LamantiaEuroIA 2008 74
Section Connector
![Page 155: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/155.jpg)
Joe LamantiaEuroIA 2008 74
![Page 156: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/156.jpg)
Joe LamantiaEuroIA 2008 74
Page Connector
![Page 157: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/157.jpg)
Joe LamantiaEuroIA 2008 74
![Page 158: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/158.jpg)
Joe LamantiaEuroIA 2008 74
Utility Navigation
![Page 159: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/159.jpg)
Joe LamantiaEuroIA 2008 74
![Page 160: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/160.jpg)
Joe LamantiaEuroIA 2008 74
View
![Page 161: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/161.jpg)
Joe LamantiaEuroIA 2008 74
![Page 162: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/162.jpg)
Joe LamantiaEuroIA 2008 74
Tile
![Page 163: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/163.jpg)
Joe LamantiaEuroIA 2008 74
![Page 164: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/164.jpg)
Joe LamantiaEuroIA 2008 74
Control Bar
![Page 165: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/165.jpg)
Joe LamantiaEuroIA 2008 74
![Page 166: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/166.jpg)
Joe LamantiaEuroIA 2008 74
Convenience Functionality
![Page 167: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/167.jpg)
Joe LamantiaEuroIA 2008 74
![Page 168: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/168.jpg)
Joe LamantiaEuroIA 2008 74
Page
![Page 169: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/169.jpg)
Joe LamantiaEuroIA 2008 74
![Page 170: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/170.jpg)
Basic PrinciplesBoundaries
![Page 171: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/171.jpg)
Joe LamantiaEuroIA 2008
OpennessUse blocks for some or all contentMix blocks and free-form content
76
![Page 172: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/172.jpg)
Joe LamantiaEuroIA 2008
PortabilityBlocks can be:
•syndicated
•shared
• reused
•placed elsewhere
•duplicated
•moved
77
![Page 173: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/173.jpg)
Joe LamantiaEuroIA 2008
Independence
Blocks are independent
•content
• interaction
•display...until “stacked” together
78
![Page 174: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/174.jpg)
Joe LamantiaEuroIA 2008
InheritanceBlocks inherit from those stacked above:
• content
• properties
• interaction
Inheritance cascades top to bottomAll blocks stacked below inherit from above
79
![Page 175: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/175.jpg)
Joe LamantiaEuroIA 2008
Inheritance
80
![Page 176: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/176.jpg)
Joe LamantiaEuroIA 2008
Layering
Blocks can define all layers of an environment...not just visual / IA / UX
Blocks can cover *any* combination of layers...some, all, one, UX, tech, biz
81
![Page 177: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/177.jpg)
Joe LamantiaEuroIA 2008
Layering
82
![Page 178: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/178.jpg)
Putting It All TogetherRules
![Page 179: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/179.jpg)
Joe LamantiaEuroIA 2008
Stacking HierarchyAssigns “size” to all blocksDefines possible combinations
84
![Page 180: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/180.jpg)
Joe LamantiaEuroIA 2008
Stacking Rules1. Smaller blocks inside larger blocks2. Multiple smaller blocks allowed3. No larger blocks inside smaller blocks4. Can stack blocks sequentially5. Can skip sizes when stacking6. Can stack different sizes on the same level
85
![Page 181: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/181.jpg)
Joe LamantiaEuroIA 2008
Container Stacking Hierarchy
86
![Page 182: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/182.jpg)
Joe LamantiaEuroIA 2008
Container Stacking Hierarchy
86
Tile 1
![Page 183: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/183.jpg)
Joe LamantiaEuroIA 2008
Container Stacking Hierarchy
Tilegroup 2
86
Tile 1
![Page 184: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/184.jpg)
Joe LamantiaEuroIA 2008
Container Stacking Hierarchy
View 3
Tilegroup 2
86
Tile 1
![Page 185: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/185.jpg)
Joe LamantiaEuroIA 2008
Container Stacking Hierarchy
Page 4
View 3
Tilegroup 2
86
Tile 1
![Page 186: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/186.jpg)
Joe LamantiaEuroIA 2008
Container Stacking Hierarchy
Section 5
Page 4
View 3
Tilegroup 2
86
Tile 1
![Page 187: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/187.jpg)
Joe LamantiaEuroIA 2008
Container Stacking Hierarchy
Portal 6
Section 5
Page 4
View 3
Tilegroup 2
86
Tile 1
![Page 188: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/188.jpg)
Joe LamantiaEuroIA 2008
Container Stacking HierarchyPortal Suite 7
Portal 6
Section 5
Page 4
View 3
Tilegroup 2
86
Tile 1
![Page 189: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/189.jpg)
Joe LamantiaEuroIA 2008
6. Can stack different sizes on the same level
87
Page 4
View 3
Tilegroup 2
Tile 1 Tile 1
Tile 1
Tile 1
Page 4
Tilegroup 2
Tile 1 Tile 1 Tile 1
Tile 1
![Page 190: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/190.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
More About the Blocks@Boxes and Arrows Building Blocks articleshttp://www.boxesandarrows.com/person/88-joelamantia
@JoeLamantia.comCategories: Building Blocks, Dashboards & Portals
Tags: building_blocks, executive_dashboards
ia_building_blocks, portals
@del.icio.us: jlamantia
88
![Page 191: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/191.jpg)
Apple Stole My Framework!Just Kidding...
![Page 192: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/192.jpg)
Joe LamantiaEuroIA 2008 90
Tile View
View Selector Utility Navigation
Free-form
![Page 193: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/193.jpg)
Case StudyChange and Growth
![Page 194: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/194.jpg)
Joe LamantiaEuroIA 2008
ClientBiopharMEGAceuticialsGlobal enterprise ~100k staff R+D > manufacturing > sales > distributionRecent mergers = new size and complexity
92
![Page 195: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/195.jpg)
Joe LamantiaEuroIA 2008
Series of portal effortsVendor: strategy, design, build, supportEngaged across enterpriseBuilding blocks leveraged as:• Concept langauge• Design Tool• Prototype Accelerator• Governance Framework
93
![Page 196: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/196.jpg)
Joe LamantiaEuroIA 2008
Global Executive Portal
Global Leadership TeamEnterprise insightBusiness intelligence
94
![Page 197: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/197.jpg)
Joe LamantiaEuroIA 2008 95
![Page 198: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/198.jpg)
Joe LamantiaEuroIA 2008 96
![Page 199: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/199.jpg)
Joe LamantiaEuroIA 2008
US Dashboard
US Leadership TeamMajor market insight, enhancing dialog Business intelligence, social commentary
*Introduced social mechanisms
97
![Page 200: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/200.jpg)
Joe LamantiaEuroIA 2008 98
![Page 201: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/201.jpg)
Joe LamantiaEuroIA 2008 99
![Page 202: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/202.jpg)
Joe LamantiaEuroIA 2008
Approvals Portal
Senior Managers, ExecsStreamline finance operationsInvoice tracking & approval
*Portability = critical
100
![Page 203: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/203.jpg)
Joe LamantiaEuroIA 2008 101
![Page 204: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/204.jpg)
Joe LamantiaEuroIA 2008 102
![Page 205: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/205.jpg)
Joe LamantiaEuroIA 2008
Expense Management Portal
Managers, budget coordinatorsStreamline invoicing, improve forecastingInvoice & project management capability
103
![Page 206: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/206.jpg)
Joe LamantiaEuroIA 2008 104
![Page 207: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/207.jpg)
Joe LamantiaEuroIA 2008 105
![Page 208: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/208.jpg)
Joe LamantiaEuroIA 2008
Sales Dashboard
Unit LeadershipUnit operations insightBusiness intelligence, social asessment
106
![Page 209: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/209.jpg)
Joe LamantiaEuroIA 2008 107
![Page 210: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/210.jpg)
Joe LamantiaEuroIA 2008 108
![Page 211: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/211.jpg)
Working With the BlocksEveryone Loves Structural Frameworks!
![Page 212: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/212.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
Use the blocks at the right levelHow will you use the blocks?Common languageReference / exampleStarting point for designSet of defined componentsPolitical shield
110
![Page 213: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/213.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
Adapt things as needed
What is the environment?What needs to be portable, open?Is inheritance useful?Are these the right blocks?
Change or add principles with care
111
![Page 214: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/214.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
Selling the Building Blocks
Pitch the outcome, not the frameworkSpeak the buyersʼ language (IT, user, biz)Always explain the minimumStart simple, promise less, do more
112
![Page 215: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/215.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
Possible Future StuffWikiCommunity of PracticePatterns & Pattern LibraryMailing List, Blog, FeedDestinationWorkshops & SeminarsCoursesBook...?
113
![Page 216: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/216.jpg)
On Designing Frameworks
![Page 217: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/217.jpg)
Joe LamantiaEuroIA 2008
Framework Checklist Goals & Purpose Components Boundaries Rules (behaviors)
115
![Page 218: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/218.jpg)
Joe LamantiaEuroIA 2008
Define the goals first.
116
![Page 219: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/219.jpg)
Joe LamantiaEuroIA 2008
Start simple: 3 Containers 2 Connectors
117
![Page 220: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/220.jpg)
Joe LamantiaEuroIA 2008
Use stable language.Donʼt change names!
118
![Page 221: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/221.jpg)
Joe LamantiaEuroIA 2008
Conserve simplicity.Add only essential elements. 7 Containers 11 Connectors
119
![Page 222: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/222.jpg)
Joe LamantiaEuroIA 2008
Set boundaries carefully.
120
![Page 223: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/223.jpg)
Joe LamantiaEuroIA 2008
Make as few rules as possible.
121
![Page 224: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/224.jpg)
In Conclusion...
![Page 225: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/225.jpg)
Joe LamantiaEuroIA 2008
Frameworks are
SEXY!
123
![Page 226: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/226.jpg)
IA Summit 2008 | Joe LamantiaEffective IA For Enterprise Portals: The Building Blocks Framework
More About the Blocks@Boxes and Arrows Building Blocks articleshttp://www.boxesandarrows.com/person/88-joelamantia
@JoeLamantia.comCategories: Building Blocks, Dashboards & Portals
Tags: building_blocks, executive_dashboards
ia_building_blocks, portals
@del.icio.us: jlamantia
124
![Page 227: Frameworks Are The Future of Design](https://reader033.fdocuments.in/reader033/viewer/2022051815/53f0eb8e8d7f72e94b8b46d8/html5/thumbnails/227.jpg)
[email protected]@gmail.comtwitter: moJoeslideshare.net/moJoe