SlideShare ist ein Scribd-Unternehmen logo
1 von 83
27/05/09 RuleSpace: Information architecture  in a grand context Matt Jones : 12 November 2001
This presentation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
A lot to get through, quickly…
But, please ask awkward questions
Who am I ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The practice of ‘information architecture’ a lightning tour…!
A new and nascent discipline…
So, there are a lot of definitions… "Information Architecture (IA) is the process of organizing and presenting data to the user in a meaningful, clear and intuitive manner. IA is the foundation of all great websites. All other design aspects - form, function, metaphor, navigation, interface, interaction, visual, and information systems - build upon the groundwork of information architecture. Initiating the IA process is the first thing you should do when designing a website."  “ Creating consistent and functional systems for navigation, graphics, page layout and title languages so that the user knows where to go, what to do, and encourages them to return” "Information architecture involves the design of organization and navigation systems to help people find and manage information more successfully."
Richard Saul Wurman coined the term “ The individual who organizes the patterns inherent in data,  making the complex clear ;  a person who creates the structure or map of information which allows others to find their  personal paths to knowledge ; the emerging 21st century professional occupation addressing the needs of the age focused upon  clarity, human understanding and the science of the organization of information”
The practice of information architecture ,[object Object],[object Object],[object Object]
IA = design + technology + business Business strategy Editorial & design Technical ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Clarke’s 3 rd  Law “ Any sufficiently advanced technology is indistinguishable from magic.”
Information architecture + process ,[object Object],[object Object],[object Object],“ Process is more important than outcome. When outcome drives the process we will only ever go where we've already been. If process drives the outcome we may not know where we're going, but we will know we want to be there…” - Bruce Mau “ process is the key to producing something unique, without it, we only build what is predetermined, and that usually sucks” - Anon
Information architecture:  part of a process Diagram by Jesse James Garrett
The sorts of things I make
User flows
Low-fidelity prototype example:
27/05/09 But mostly, I make Connections
Powers of Ten
Powers of Ten ,[object Object],[object Object],[object Object],[object Object]
27/05/09 Powers of 10 Images  ©   Eames Office.   The following images are used without explicit permission, but with respect.   Don’t be cheap – go buy the book, the DVD, the video, the poster  (or all of them like I have over the years)
10 25
10 22
10 21
10 15
10 12
10 9
10 8
10 7
10 6
10 5
10 4
10 3
10 2
10 1
10 0
10 -1
10 -3
10 -5
10 -7
10 -9
10 -10
10 -13
10 -14
Internet powers of ten?
Perspective… ,[object Object],[object Object],[object Object],[object Object],[object Object]
A scale, a journey…
Information physics
Information physics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Information engineering
Information engineering ,[object Object],[object Object],[object Object],[object Object],[object Object]
Information architecture
Information architecture ,[object Object],[object Object],[object Object],[object Object],[object Object]
Information urbanism
Information urbanism ,[object Object],[object Object],[object Object],[object Object],[object Object]
Information ecosystem
Information ecosystems ,[object Object],[object Object],[object Object],[object Object]
Information cosmos Information Cosmos: The topography of the internet –  totally emergent from the information physics…  and round and round we go…
27/05/09 The cosmologists always have the prettiest pictures.   Internet Cosmologists are no exception… (images from http://www.cybergeography.com)
Information cosmos:  internet topographies: geographical
Information cosmos:  internet topographies: geographical
Information cosmos:  internet topographies: abstract
Information cosmos:  internet topographies: abstract
27/05/09 So, anyway
What do I mean by ‘RuleSpace’
What’s a RuleSpace? My definition of a “RuleSpace” is a continuum that  is  a continuum because it follows the  same self-consistent rules. This page pictures  Space-time   continuum  and the standard model of quantum physics-  two RuleSpaces of our physical universe . Einstein, Newton, Maxwell and Feynman figured out a lot of them  but we don’t know all the rules yet…
27/05/09 Okay…   What follows is designed to provoke discussion, and is not totally water-tight…   But, stick with it and see where it takes you.
RuleSpace:  web user experience Imagine the web as a continuum - not just of protocols that make up the web as we looked at earlier, but also in terms of the  idioms of user-experience. e.g. Blue underlined links, crumb trails, tabs, left-hand navigations, naming-conventions
RuleSpace:  web user experience Those site that follow the consensus -  the shared RuleSpace of UI idioms - can be traversed between quickly…  Learn the model once and you can flip between all points on the RuleSpace plain without re-learning anything…  As Steve Krug says:  “Don’t make me think!”…  sites that sit on the mainstream plain of web-experience RuleSpace don’t! Yahoo Google Amazon BBC News
RuleSpace:  web user experience Yahoo Google Amazon BBC News What about sites that are more brand-oriented, and less goal-oriented… for instance: MTV.com. These may start to have subtle inflections to their physics to express their brand offering and as such we see them positioned away from the plain and starting to move towards a place where the continuums laws start to bend…  But if they want to attract a mass audience, their designers have to make sure the excesses are checked and mitigated by the consensus of the RuleSpace so they can become regularly revisited destinations within a person's daily journey through this “metaverse”. MTV
RuleSpace:  web user experience MTV Yahoo Google Amazon BBC News A personal site, like Matt Owens “volume one” has designed his stuff to be a bubble, an immersion, a consciously entered experience. But it’s not a bubble. It still follows some web conventions, but in doing so creates a difficult tension with the consensus RuleSpace… Sometimes unsuccessfully. It’s away from the mainstream – consciously. It experiments and tries to create what might become new idioms. Informing and evolving the consensus RuleSpace – through the medium of ‘cutting-edge’ conscious sites like MTV.com VolumeOne
RuleSpace:  STARGATES! Danny Brown’s NOODLEBOX Josh On’s “ THEY RULE” Yahoo Google Amazon “ STARGATES” Some sites are true bubbles of their own RuleSpace.  They are self-consistent bubble-universes with well worked out, satisfying imerssive, interactive experiences interfaces and idioms of their own. If they reside on the web – then their creators have to give us well-mannered and easy to use entrances (and more importantly -  exits ) to their universes…  These ante-rooms have idioms of their own… Plug-in checks, browser sniffs and navigational primers are all features of these wormholes, these stargates into and out of these alternative, parallel RuleSpaces.
27/05/09 Why is this important?
Why is thinking about rulespace important? ,[object Object],[object Object],[object Object],[object Object]
“ the Web represents a small world, i.e. the typical number of clicks between any two Web pages is about 19”
Ideal model of the web ,[object Object],[object Object],[object Object]
Bowtie theory ,[object Object],[object Object]
27/05/09 Both the powers of ten and RuleSpace models  aim to help designers and content creators relate usability good practice to design experimentation,  helping the web become a web again.
27/05/09 Don’t just design a website, design a beautiful part of the web.
And remember… we’ve only just begun…
27/05/09 Thanks!
Links! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Questions? [email_address]

Weitere ähnliche Inhalte

Was ist angesagt?

Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Danielle Arvanitis
 
Final year project presentation (ted)
Final year project presentation (ted)Final year project presentation (ted)
Final year project presentation (ted)Teddx Nasril
 
UXPA2019 Designing Technology for an Aging Population
UXPA2019  Designing Technology for an Aging PopulationUXPA2019  Designing Technology for an Aging Population
UXPA2019 Designing Technology for an Aging PopulationUXPA International
 
User Centered Design & User Experience
User Centered Design & User ExperienceUser Centered Design & User Experience
User Centered Design & User ExperienceWouter Walgraeve
 
UX/Design Thinking Prototyping Workshop
UX/Design Thinking Prototyping Workshop UX/Design Thinking Prototyping Workshop
UX/Design Thinking Prototyping Workshop Chris Becker
 
Affordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciAffordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciShoaibidd514
 
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)Dave Hogue
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environmentsguestf4f7a4b38
 
Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...
Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...
Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...Jason Hong
 
Mini thesis presentation
Mini thesis presentationMini thesis presentation
Mini thesis presentationYou-Wen Liang
 
Touchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesTouchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesVisnja Milidragovic
 
Arc 211 american_diversity_and_design_namshang_limbu
Arc 211 american_diversity_and_design_namshang_limbuArc 211 american_diversity_and_design_namshang_limbu
Arc 211 american_diversity_and_design_namshang_limbuNamshang Limbu
 
Web UI Design for the Human - Eye Colors, Space, Contrast
Web UI Design for the Human - Eye Colors, Space, ContrastWeb UI Design for the Human - Eye Colors, Space, Contrast
Web UI Design for the Human - Eye Colors, Space, Contrastuxpin
 
User Experience as the Lens
User Experience as the LensUser Experience as the Lens
User Experience as the LensKevin Rundblad
 
Architecture as a model
Architecture as a modelArchitecture as a model
Architecture as a modelJorge Arango
 
Grid Systems
Grid SystemsGrid Systems
Grid SystemsBas Leurs
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX EssentialsRachel Hinman
 
The Principles of Interface
The Principles of InterfaceThe Principles of Interface
The Principles of InterfaceChristina Wodtke
 

Was ist angesagt? (19)

Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)
 
Final year project presentation (ted)
Final year project presentation (ted)Final year project presentation (ted)
Final year project presentation (ted)
 
UXPA2019 Designing Technology for an Aging Population
UXPA2019  Designing Technology for an Aging PopulationUXPA2019  Designing Technology for an Aging Population
UXPA2019 Designing Technology for an Aging Population
 
User Centered Design & User Experience
User Centered Design & User ExperienceUser Centered Design & User Experience
User Centered Design & User Experience
 
UX/Design Thinking Prototyping Workshop
UX/Design Thinking Prototyping Workshop UX/Design Thinking Prototyping Workshop
UX/Design Thinking Prototyping Workshop
 
Affordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciAffordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hci
 
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
The Complexity Curve: How to Design for Simplicity (SXSW, March 2012)
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...
Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...
Development and Evaluation of Emerging Design Patterns for Ubiquitous Computi...
 
Mini thesis presentation
Mini thesis presentationMini thesis presentation
Mini thesis presentation
 
Touchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesTouchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: Notes
 
Arc 211 american_diversity_and_design_namshang_limbu
Arc 211 american_diversity_and_design_namshang_limbuArc 211 american_diversity_and_design_namshang_limbu
Arc 211 american_diversity_and_design_namshang_limbu
 
Web UI Design for the Human - Eye Colors, Space, Contrast
Web UI Design for the Human - Eye Colors, Space, ContrastWeb UI Design for the Human - Eye Colors, Space, Contrast
Web UI Design for the Human - Eye Colors, Space, Contrast
 
Interaction design process in human Computer Interface(Human computer interac...
Interaction design process in human Computer Interface(Human computer interac...Interaction design process in human Computer Interface(Human computer interac...
Interaction design process in human Computer Interface(Human computer interac...
 
User Experience as the Lens
User Experience as the LensUser Experience as the Lens
User Experience as the Lens
 
Architecture as a model
Architecture as a modelArchitecture as a model
Architecture as a model
 
Grid Systems
Grid SystemsGrid Systems
Grid Systems
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX Essentials
 
The Principles of Interface
The Principles of InterfaceThe Principles of Interface
The Principles of Interface
 

Andere mochten auch

Andere mochten auch (6)

English Idioms
English IdiomsEnglish Idioms
English Idioms
 
20 common idiomatic expressions
20 common idiomatic expressions20 common idiomatic expressions
20 common idiomatic expressions
 
Idiomatic expressions
Idiomatic expressionsIdiomatic expressions
Idiomatic expressions
 
Idiomatic expressions
Idiomatic expressionsIdiomatic expressions
Idiomatic expressions
 
Phrasal verbs and idioms
Phrasal verbs and idiomsPhrasal verbs and idioms
Phrasal verbs and idioms
 
English idioms dictionary in PDF download for free
English idioms dictionary in PDF download for freeEnglish idioms dictionary in PDF download for free
English idioms dictionary in PDF download for free
 

Ähnlich wie Rulespace

From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011
From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011
From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011ajai
 
A LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVE
A LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVEA LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVE
A LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVEcsandit
 
Web3.0- How brands can take advantage of the semantic shift - Brandsential
Web3.0- How brands can take advantage of the semantic shift -  BrandsentialWeb3.0- How brands can take advantage of the semantic shift -  Brandsential
Web3.0- How brands can take advantage of the semantic shift - BrandsentialJeffrey V
 
Voxxed Athens 2018 - UX design and back-ends: When the back-end meets the user
Voxxed Athens 2018 - UX design and back-ends: When the back-end meets the userVoxxed Athens 2018 - UX design and back-ends: When the back-end meets the user
Voxxed Athens 2018 - UX design and back-ends: When the back-end meets the userVoxxed Athens
 
Web2 And Distributed Services
Web2 And Distributed ServicesWeb2 And Distributed Services
Web2 And Distributed ServicesMike Ellis
 
What Should I Do? Choosing SQL, NoSQL or Both for Scalable Web Applications
What Should I Do? Choosing SQL, NoSQL or Both for Scalable Web ApplicationsWhat Should I Do? Choosing SQL, NoSQL or Both for Scalable Web Applications
What Should I Do? Choosing SQL, NoSQL or Both for Scalable Web ApplicationsTodd Hoff
 
Phase III Presentation
Phase III PresentationPhase III Presentation
Phase III PresentationGrey Vaisius
 
Information Architecture Intro
Information Architecture IntroInformation Architecture Intro
Information Architecture Introhapy
 
SENG691I - Knowledge Representation and The Semantic Web
SENG691I - Knowledge Representation and The Semantic WebSENG691I - Knowledge Representation and The Semantic Web
SENG691I - Knowledge Representation and The Semantic WebDaniel Shaw
 
Collections Databases; Making the system work for you
Collections Databases; Making the system work for youCollections Databases; Making the system work for you
Collections Databases; Making the system work for youirowson
 
Classroom to careers in Web Development
Classroom to careers in Web DevelopmentClassroom to careers in Web Development
Classroom to careers in Web DevelopmentDouglas Ng
 
Web 3.0? A look at the future of the World Wide Web
Web 3.0?  A look at the future of the World Wide WebWeb 3.0?  A look at the future of the World Wide Web
Web 3.0? A look at the future of the World Wide Webrgkwml
 
Virtual Machines and the Metaphysics of Science
 Virtual Machines and the Metaphysics of Science  Virtual Machines and the Metaphysics of Science
Virtual Machines and the Metaphysics of Science Aaron Sloman
 
The Ideal Collaborative Workspace
The Ideal Collaborative WorkspaceThe Ideal Collaborative Workspace
The Ideal Collaborative Workspaceibdrii
 

Ähnlich wie Rulespace (20)

From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011
From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011
From bit-streams-to-life-streams-ajai-narendran-srishti-bangalore-stff-2011
 
A LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVE
A LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVEA LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVE
A LITERATURE REVIEW ON SEMANTIC WEB – UNDERSTANDING THE PIONEERS’ PERSPECTIVE
 
Web3.0- How brands can take advantage of the semantic shift - Brandsential
Web3.0- How brands can take advantage of the semantic shift -  BrandsentialWeb3.0- How brands can take advantage of the semantic shift -  Brandsential
Web3.0- How brands can take advantage of the semantic shift - Brandsential
 
Semantic Web, an introduction
Semantic Web, an introductionSemantic Web, an introduction
Semantic Web, an introduction
 
Voxxed Athens 2018 - UX design and back-ends: When the back-end meets the user
Voxxed Athens 2018 - UX design and back-ends: When the back-end meets the userVoxxed Athens 2018 - UX design and back-ends: When the back-end meets the user
Voxxed Athens 2018 - UX design and back-ends: When the back-end meets the user
 
Web2 And Distributed Services
Web2 And Distributed ServicesWeb2 And Distributed Services
Web2 And Distributed Services
 
What Should I Do? Choosing SQL, NoSQL or Both for Scalable Web Applications
What Should I Do? Choosing SQL, NoSQL or Both for Scalable Web ApplicationsWhat Should I Do? Choosing SQL, NoSQL or Both for Scalable Web Applications
What Should I Do? Choosing SQL, NoSQL or Both for Scalable Web Applications
 
Micro services
Micro servicesMicro services
Micro services
 
The 2.0 In Web 2.0
The 2.0 In Web 2.0The 2.0 In Web 2.0
The 2.0 In Web 2.0
 
Phase III Presentation
Phase III PresentationPhase III Presentation
Phase III Presentation
 
Information Architecture Intro
Information Architecture IntroInformation Architecture Intro
Information Architecture Intro
 
What’s Up, EDoc?!
What’s Up,EDoc?!What’s Up,EDoc?!
What’s Up, EDoc?!
 
CEU IA Concepts
CEU IA ConceptsCEU IA Concepts
CEU IA Concepts
 
SENG691I - Knowledge Representation and The Semantic Web
SENG691I - Knowledge Representation and The Semantic WebSENG691I - Knowledge Representation and The Semantic Web
SENG691I - Knowledge Representation and The Semantic Web
 
Collections Databases; Making the system work for you
Collections Databases; Making the system work for youCollections Databases; Making the system work for you
Collections Databases; Making the system work for you
 
Classroom to careers in Web Development
Classroom to careers in Web DevelopmentClassroom to careers in Web Development
Classroom to careers in Web Development
 
Web 3.0? A look at the future of the World Wide Web
Web 3.0?  A look at the future of the World Wide WebWeb 3.0?  A look at the future of the World Wide Web
Web 3.0? A look at the future of the World Wide Web
 
Flow based-1994
Flow based-1994Flow based-1994
Flow based-1994
 
Virtual Machines and the Metaphysics of Science
 Virtual Machines and the Metaphysics of Science  Virtual Machines and the Metaphysics of Science
Virtual Machines and the Metaphysics of Science
 
The Ideal Collaborative Workspace
The Ideal Collaborative WorkspaceThe Ideal Collaborative Workspace
The Ideal Collaborative Workspace
 

Mehr von Matt Jones

DxF2009, Utrecht: "All the time in the world"
DxF2009, Utrecht: "All the time in the world"DxF2009, Utrecht: "All the time in the world"
DxF2009, Utrecht: "All the time in the world"Matt Jones
 
Data as Seductive Material, Spring Summit, Umeå March09
Data as Seductive Material, Spring Summit, Umeå March09Data as Seductive Material, Spring Summit, Umeå March09
Data as Seductive Material, Spring Summit, Umeå March09Matt Jones
 
From 2002: BBCi Search design case-study
From 2002: BBCi Search design case-studyFrom 2002: BBCi Search design case-study
From 2002: BBCi Search design case-studyMatt Jones
 
Etech '09 Summary
Etech '09 SummaryEtech '09 Summary
Etech '09 SummaryMatt Jones
 
The Demon-Haunted World
The Demon-Haunted WorldThe Demon-Haunted World
The Demon-Haunted WorldMatt Jones
 
Picnic: The emerging real-time social web
Picnic: The emerging real-time social webPicnic: The emerging real-time social web
Picnic: The emerging real-time social webMatt Jones
 
Battle for the Planet of The Apes A perspective on Social Software and Soci...
Battle for the Planet of The Apes A perspective on  Social Software and  Soci...Battle for the Planet of The Apes A perspective on  Social Software and  Soci...
Battle for the Planet of The Apes A perspective on Social Software and Soci...Matt Jones
 
PixelAche: Travelling Without Moving Seminar
PixelAche: Travelling Without Moving SeminarPixelAche: Travelling Without Moving Seminar
PixelAche: Travelling Without Moving SeminarMatt Jones
 
Designing for Spacetime, Ixda08
Designing for Spacetime,  Ixda08Designing for Spacetime,  Ixda08
Designing for Spacetime, Ixda08Matt Jones
 
Design for being in the world
Design for being in the worldDesign for being in the world
Design for being in the worldMatt Jones
 
Being In The World
Being In The WorldBeing In The World
Being In The WorldMatt Jones
 
Interesting2007
Interesting2007Interesting2007
Interesting2007Matt Jones
 
Reboot9.0: Travel & Serendipity
Reboot9.0: Travel & SerendipityReboot9.0: Travel & Serendipity
Reboot9.0: Travel & SerendipityMatt Jones
 

Mehr von Matt Jones (13)

DxF2009, Utrecht: "All the time in the world"
DxF2009, Utrecht: "All the time in the world"DxF2009, Utrecht: "All the time in the world"
DxF2009, Utrecht: "All the time in the world"
 
Data as Seductive Material, Spring Summit, Umeå March09
Data as Seductive Material, Spring Summit, Umeå March09Data as Seductive Material, Spring Summit, Umeå March09
Data as Seductive Material, Spring Summit, Umeå March09
 
From 2002: BBCi Search design case-study
From 2002: BBCi Search design case-studyFrom 2002: BBCi Search design case-study
From 2002: BBCi Search design case-study
 
Etech '09 Summary
Etech '09 SummaryEtech '09 Summary
Etech '09 Summary
 
The Demon-Haunted World
The Demon-Haunted WorldThe Demon-Haunted World
The Demon-Haunted World
 
Picnic: The emerging real-time social web
Picnic: The emerging real-time social webPicnic: The emerging real-time social web
Picnic: The emerging real-time social web
 
Battle for the Planet of The Apes A perspective on Social Software and Soci...
Battle for the Planet of The Apes A perspective on  Social Software and  Soci...Battle for the Planet of The Apes A perspective on  Social Software and  Soci...
Battle for the Planet of The Apes A perspective on Social Software and Soci...
 
PixelAche: Travelling Without Moving Seminar
PixelAche: Travelling Without Moving SeminarPixelAche: Travelling Without Moving Seminar
PixelAche: Travelling Without Moving Seminar
 
Designing for Spacetime, Ixda08
Designing for Spacetime,  Ixda08Designing for Spacetime,  Ixda08
Designing for Spacetime, Ixda08
 
Design for being in the world
Design for being in the worldDesign for being in the world
Design for being in the world
 
Being In The World
Being In The WorldBeing In The World
Being In The World
 
Interesting2007
Interesting2007Interesting2007
Interesting2007
 
Reboot9.0: Travel & Serendipity
Reboot9.0: Travel & SerendipityReboot9.0: Travel & Serendipity
Reboot9.0: Travel & Serendipity
 

Kürzlich hochgeladen

Company Profile and SWOT Analysis Product List.pdf
Company Profile and SWOT Analysis Product List.pdfCompany Profile and SWOT Analysis Product List.pdf
Company Profile and SWOT Analysis Product List.pdfRobertPhillips265023
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access
 
Developing Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursDeveloping Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursKaiNexus
 
NASA CoCEI Scaling Strategy - November 2023
NASA CoCEI Scaling Strategy - November 2023NASA CoCEI Scaling Strategy - November 2023
NASA CoCEI Scaling Strategy - November 2023Steve Rader
 
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...TalentView
 
MoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor PresentationMoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor Presentationbaron83
 
Six Sigma Improvement Process: Transforming Processes, Elevating Performance
Six Sigma Improvement Process: Transforming Processes, Elevating PerformanceSix Sigma Improvement Process: Transforming Processes, Elevating Performance
Six Sigma Improvement Process: Transforming Processes, Elevating PerformanceOperational Excellence Consulting
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024Stephan Koning
 
Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access
 
Transform Your Kitchen Essential Tips for Renovations in Launceston
Transform Your Kitchen Essential Tips for Renovations in LauncestonTransform Your Kitchen Essential Tips for Renovations in Launceston
Transform Your Kitchen Essential Tips for Renovations in Launcestondjhbuildersau
 
PDT 88 - 4 million seed - Seed - Protecto.pdf
PDT 88 - 4 million seed - Seed - Protecto.pdfPDT 88 - 4 million seed - Seed - Protecto.pdf
PDT 88 - 4 million seed - Seed - Protecto.pdfHajeJanKamps
 
To Create Your Own Wig Online To Create Your Own Wig Online
To Create Your Own Wig Online  To Create Your Own Wig OnlineTo Create Your Own Wig Online  To Create Your Own Wig Online
To Create Your Own Wig Online To Create Your Own Wig Onlinelng ths
 
Al Taj Al Malaki Company Profile -------
Al Taj Al Malaki Company Profile -------Al Taj Al Malaki Company Profile -------
Al Taj Al Malaki Company Profile -------ThanzirNazer
 
Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Reportamberjiles31
 
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarLive-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarNathanielSchmuck
 

Kürzlich hochgeladen (20)

WAM Corporate Presentation Mar 25 2024.pdf
WAM Corporate Presentation Mar 25 2024.pdfWAM Corporate Presentation Mar 25 2024.pdf
WAM Corporate Presentation Mar 25 2024.pdf
 
Company Profile and SWOT Analysis Product List.pdf
Company Profile and SWOT Analysis Product List.pdfCompany Profile and SWOT Analysis Product List.pdf
Company Profile and SWOT Analysis Product List.pdf
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024
 
Developing Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursDeveloping Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, Ours
 
NASA CoCEI Scaling Strategy - November 2023
NASA CoCEI Scaling Strategy - November 2023NASA CoCEI Scaling Strategy - November 2023
NASA CoCEI Scaling Strategy - November 2023
 
Deira Dubai Call Girls +971552825767 Call Girls In Downtown Dubai
Deira Dubai Call Girls +971552825767 Call Girls In Downtown DubaiDeira Dubai Call Girls +971552825767 Call Girls In Downtown Dubai
Deira Dubai Call Girls +971552825767 Call Girls In Downtown Dubai
 
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
 
MoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor PresentationMoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor Presentation
 
Six Sigma Improvement Process: Transforming Processes, Elevating Performance
Six Sigma Improvement Process: Transforming Processes, Elevating PerformanceSix Sigma Improvement Process: Transforming Processes, Elevating Performance
Six Sigma Improvement Process: Transforming Processes, Elevating Performance
 
Investment Opportunity for Thailand's Automotive & EV Industries
Investment Opportunity for Thailand's Automotive & EV IndustriesInvestment Opportunity for Thailand's Automotive & EV Industries
Investment Opportunity for Thailand's Automotive & EV Industries
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 
Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024
 
Transform Your Kitchen Essential Tips for Renovations in Launceston
Transform Your Kitchen Essential Tips for Renovations in LauncestonTransform Your Kitchen Essential Tips for Renovations in Launceston
Transform Your Kitchen Essential Tips for Renovations in Launceston
 
AL Satwa Dubai Call Girls +971552825767 Call Girls In AL Karama
AL Satwa Dubai Call Girls +971552825767  Call Girls In AL KaramaAL Satwa Dubai Call Girls +971552825767  Call Girls In AL Karama
AL Satwa Dubai Call Girls +971552825767 Call Girls In AL Karama
 
PDT 88 - 4 million seed - Seed - Protecto.pdf
PDT 88 - 4 million seed - Seed - Protecto.pdfPDT 88 - 4 million seed - Seed - Protecto.pdf
PDT 88 - 4 million seed - Seed - Protecto.pdf
 
To Create Your Own Wig Online To Create Your Own Wig Online
To Create Your Own Wig Online  To Create Your Own Wig OnlineTo Create Your Own Wig Online  To Create Your Own Wig Online
To Create Your Own Wig Online To Create Your Own Wig Online
 
Al Taj Al Malaki Company Profile -------
Al Taj Al Malaki Company Profile -------Al Taj Al Malaki Company Profile -------
Al Taj Al Malaki Company Profile -------
 
Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Report
 
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarLive-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry Webinar
 

Rulespace

  • 1. 27/05/09 RuleSpace: Information architecture in a grand context Matt Jones : 12 November 2001
  • 2.
  • 3. A lot to get through, quickly…
  • 4. But, please ask awkward questions
  • 5.
  • 6. The practice of ‘information architecture’ a lightning tour…!
  • 7. A new and nascent discipline…
  • 8. So, there are a lot of definitions… "Information Architecture (IA) is the process of organizing and presenting data to the user in a meaningful, clear and intuitive manner. IA is the foundation of all great websites. All other design aspects - form, function, metaphor, navigation, interface, interaction, visual, and information systems - build upon the groundwork of information architecture. Initiating the IA process is the first thing you should do when designing a website." “ Creating consistent and functional systems for navigation, graphics, page layout and title languages so that the user knows where to go, what to do, and encourages them to return” "Information architecture involves the design of organization and navigation systems to help people find and manage information more successfully."
  • 9. Richard Saul Wurman coined the term “ The individual who organizes the patterns inherent in data, making the complex clear ; a person who creates the structure or map of information which allows others to find their personal paths to knowledge ; the emerging 21st century professional occupation addressing the needs of the age focused upon clarity, human understanding and the science of the organization of information”
  • 10.
  • 11.
  • 12. Clarke’s 3 rd Law “ Any sufficiently advanced technology is indistinguishable from magic.”
  • 13.
  • 14. Information architecture: part of a process Diagram by Jesse James Garrett
  • 15. The sorts of things I make
  • 18. 27/05/09 But mostly, I make Connections
  • 20.
  • 21. 27/05/09 Powers of 10 Images © Eames Office. The following images are used without explicit permission, but with respect. Don’t be cheap – go buy the book, the DVD, the video, the poster (or all of them like I have over the years)
  • 22. 10 25
  • 23. 10 22
  • 24. 10 21
  • 25. 10 15
  • 26. 10 12
  • 27. 10 9
  • 28. 10 8
  • 29. 10 7
  • 30. 10 6
  • 31. 10 5
  • 32. 10 4
  • 33. 10 3
  • 34. 10 2
  • 35. 10 1
  • 36. 10 0
  • 37. 10 -1
  • 38. 10 -3
  • 39. 10 -5
  • 40. 10 -7
  • 41. 10 -9
  • 46.
  • 47. A scale, a journey…
  • 49.
  • 51.
  • 53.
  • 55.
  • 57.
  • 58. Information cosmos Information Cosmos: The topography of the internet – totally emergent from the information physics… and round and round we go…
  • 59. 27/05/09 The cosmologists always have the prettiest pictures. Internet Cosmologists are no exception… (images from http://www.cybergeography.com)
  • 60. Information cosmos: internet topographies: geographical
  • 61. Information cosmos: internet topographies: geographical
  • 62. Information cosmos: internet topographies: abstract
  • 63. Information cosmos: internet topographies: abstract
  • 65. What do I mean by ‘RuleSpace’
  • 66. What’s a RuleSpace? My definition of a “RuleSpace” is a continuum that is a continuum because it follows the same self-consistent rules. This page pictures Space-time continuum and the standard model of quantum physics- two RuleSpaces of our physical universe . Einstein, Newton, Maxwell and Feynman figured out a lot of them but we don’t know all the rules yet…
  • 67. 27/05/09 Okay… What follows is designed to provoke discussion, and is not totally water-tight… But, stick with it and see where it takes you.
  • 68. RuleSpace: web user experience Imagine the web as a continuum - not just of protocols that make up the web as we looked at earlier, but also in terms of the idioms of user-experience. e.g. Blue underlined links, crumb trails, tabs, left-hand navigations, naming-conventions
  • 69. RuleSpace: web user experience Those site that follow the consensus - the shared RuleSpace of UI idioms - can be traversed between quickly… Learn the model once and you can flip between all points on the RuleSpace plain without re-learning anything… As Steve Krug says: “Don’t make me think!”… sites that sit on the mainstream plain of web-experience RuleSpace don’t! Yahoo Google Amazon BBC News
  • 70. RuleSpace: web user experience Yahoo Google Amazon BBC News What about sites that are more brand-oriented, and less goal-oriented… for instance: MTV.com. These may start to have subtle inflections to their physics to express their brand offering and as such we see them positioned away from the plain and starting to move towards a place where the continuums laws start to bend… But if they want to attract a mass audience, their designers have to make sure the excesses are checked and mitigated by the consensus of the RuleSpace so they can become regularly revisited destinations within a person's daily journey through this “metaverse”. MTV
  • 71. RuleSpace: web user experience MTV Yahoo Google Amazon BBC News A personal site, like Matt Owens “volume one” has designed his stuff to be a bubble, an immersion, a consciously entered experience. But it’s not a bubble. It still follows some web conventions, but in doing so creates a difficult tension with the consensus RuleSpace… Sometimes unsuccessfully. It’s away from the mainstream – consciously. It experiments and tries to create what might become new idioms. Informing and evolving the consensus RuleSpace – through the medium of ‘cutting-edge’ conscious sites like MTV.com VolumeOne
  • 72. RuleSpace: STARGATES! Danny Brown’s NOODLEBOX Josh On’s “ THEY RULE” Yahoo Google Amazon “ STARGATES” Some sites are true bubbles of their own RuleSpace. They are self-consistent bubble-universes with well worked out, satisfying imerssive, interactive experiences interfaces and idioms of their own. If they reside on the web – then their creators have to give us well-mannered and easy to use entrances (and more importantly - exits ) to their universes… These ante-rooms have idioms of their own… Plug-in checks, browser sniffs and navigational primers are all features of these wormholes, these stargates into and out of these alternative, parallel RuleSpaces.
  • 73. 27/05/09 Why is this important?
  • 74.
  • 75. “ the Web represents a small world, i.e. the typical number of clicks between any two Web pages is about 19”
  • 76.
  • 77.
  • 78. 27/05/09 Both the powers of ten and RuleSpace models aim to help designers and content creators relate usability good practice to design experimentation, helping the web become a web again.
  • 79. 27/05/09 Don’t just design a website, design a beautiful part of the web.
  • 80. And remember… we’ve only just begun…
  • 82.