SlideShare a Scribd company logo
1 of 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]

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

Viewers also liked (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
 

Similar to 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
 

Similar to 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
 

More from 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
 

More from 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
 

Recently uploaded

IoT Insurance Observatory: summary 2024
IoT Insurance Observatory:  summary 2024IoT Insurance Observatory:  summary 2024
IoT Insurance Observatory: summary 2024Matteo Carbone
 
8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCR8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCRashishs7044
 
International Business Environments and Operations 16th Global Edition test b...
International Business Environments and Operations 16th Global Edition test b...International Business Environments and Operations 16th Global Edition test b...
International Business Environments and Operations 16th Global Edition test b...ssuserf63bd7
 
Buy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail AccountsBuy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail AccountsBuy Verified Accounts
 
India Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample ReportIndia Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample ReportMintel Group
 
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfIntro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfpollardmorgan
 
Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...
Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...
Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...ShrutiBose4
 
Kenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith PereraKenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith Pereraictsugar
 
Future Of Sample Report 2024 | Redacted Version
Future Of Sample Report 2024 | Redacted VersionFuture Of Sample Report 2024 | Redacted Version
Future Of Sample Report 2024 | Redacted VersionMintel Group
 
APRIL2024_UKRAINE_xml_0000000000000 .pdf
APRIL2024_UKRAINE_xml_0000000000000 .pdfAPRIL2024_UKRAINE_xml_0000000000000 .pdf
APRIL2024_UKRAINE_xml_0000000000000 .pdfRbc Rbcua
 
Marketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent ChirchirMarketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent Chirchirictsugar
 
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607dollysharma2066
 
PSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationPSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationAnamaria Contreras
 
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxContemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxMarkAnthonyAurellano
 
Kenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby AfricaKenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby Africaictsugar
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaoncallgirls2057
 
Cybersecurity Awareness Training Presentation v2024.03
Cybersecurity Awareness Training Presentation v2024.03Cybersecurity Awareness Training Presentation v2024.03
Cybersecurity Awareness Training Presentation v2024.03DallasHaselhorst
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCRashishs7044
 

Recently uploaded (20)

IoT Insurance Observatory: summary 2024
IoT Insurance Observatory:  summary 2024IoT Insurance Observatory:  summary 2024
IoT Insurance Observatory: summary 2024
 
8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCR8447779800, Low rate Call girls in Rohini Delhi NCR
8447779800, Low rate Call girls in Rohini Delhi NCR
 
International Business Environments and Operations 16th Global Edition test b...
International Business Environments and Operations 16th Global Edition test b...International Business Environments and Operations 16th Global Edition test b...
International Business Environments and Operations 16th Global Edition test b...
 
Buy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail AccountsBuy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail Accounts
 
India Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample ReportIndia Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample Report
 
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfIntro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
 
Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...
Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...
Ms Motilal Padampat Sugar Mills vs. State of Uttar Pradesh & Ors. - A Milesto...
 
Kenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith PereraKenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith Perera
 
Corporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information TechnologyCorporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information Technology
 
Future Of Sample Report 2024 | Redacted Version
Future Of Sample Report 2024 | Redacted VersionFuture Of Sample Report 2024 | Redacted Version
Future Of Sample Report 2024 | Redacted Version
 
APRIL2024_UKRAINE_xml_0000000000000 .pdf
APRIL2024_UKRAINE_xml_0000000000000 .pdfAPRIL2024_UKRAINE_xml_0000000000000 .pdf
APRIL2024_UKRAINE_xml_0000000000000 .pdf
 
Marketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent ChirchirMarketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent Chirchir
 
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
 
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
 
PSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationPSCC - Capability Statement Presentation
PSCC - Capability Statement Presentation
 
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxContemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
 
Kenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby AfricaKenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby Africa
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
 
Cybersecurity Awareness Training Presentation v2024.03
Cybersecurity Awareness Training Presentation v2024.03Cybersecurity Awareness Training Presentation v2024.03
Cybersecurity Awareness Training Presentation v2024.03
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
 

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.