Rulespace
•
8 likes•1,515 views
This presentation discusses information architecture in a broad context, connecting technological, business, and user experience perspectives. It provides an overview of information architecture as a practice and defines the presenter's concept of a "RuleSpace," describing the web as a continuum with consistent rules or idioms for user experience. The presentation argues that considering a website's place within this RuleSpace continuum is important for design and for maintaining the interconnected nature of the web.
Report
Share
More Related Content
What's hot
What's hot (19)
Viewers also liked
Similar to Rulespace
Similar to Rulespace (20)
More from Matt Jones
More from Matt Jones (13)
Recently uploaded
Recently uploaded (20)
Rulespace
- 1. 27/05/09 RuleSpace: Information architecture in a grand context Matt Jones : 12 November 2001
- 2. This presentation An attempt to connect different scales of phenomena Technological Business User experience In order to explore the practice of ‘information architecture’ in context. Identify some new opportunities for interesting ways to think and work…?
- 3. A lot to get through, quickly…
- 4. But, please ask awkward questions
- 5. Who am I Information architect, BBC New Media More widely – a user-experience designer Information architecture Interaction design Previously, Creative director Sapient BBC News Online.
- 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. The practice of information architecture Has become prevalent as web/digital projects grew bigger and more mission-critical to business Involvement or identification of IA as a part of major project has risen over last 3-4 years Most companies involved in the strategy, design and build of digital project have strong IA disciplines (not just ‘pure-plays’, but big5/big-blue)
- 11. IA = design + technology + business Business strategy Editorial & design Technical Information Architect: a person. Mediator User-advocate Helps form and hold project vision Translator Information Architecture: a thing. Touchstone Blueprint Connector Model Tool Guide
- 12. Clarke’s 3 rd Law “ Any sufficiently advanced technology is indistinguishable from magic.”
- 13. Information architecture + process Information Architecture is not magic . Not an isolated activity To practice successfully, one must adopt a multidisciplinary, and methodological approach to projects. “ 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
- 14. Information architecture: part of a process Diagram by Jesse James Garrett
- 15. The sorts of things I make
- 16. User flows
- 18. 27/05/09 But mostly, I make Connections
- 19. Powers of Ten
- 20. Powers of Ten Seminal film : 1968 Charles & Ray Eames Wednesday was the 2 nd international ‘powers of ten’ day… http://www.powersof10.com
- 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
- 42. 10 -10
- 43. 10 -13
- 44. 10 -14
- 45. Internet powers of ten?
- 46. Perspective… There is wide array of skills needed in the construction of digital experiences, particularly networked ones. Information architecture has been bandied about for all sorts of things as a term (just like now...), but it might be more helpful to define some more context to it with some parallels from the real world... I.E.: We all (mostly) have to obey the laws of physics, which engineers harness to realise the plans of architects who construct buildings as interventions into an established landscape or urban context, which city planners think about strategically. To construct something to be experienced in the real-world one must have in mind at all times, a hierarchy of interconnected perspectives at different scales. Same goes for the digital world…
- 47. A scale, a journey…
- 49. Information physics Information Physics: The atomic structure of the information your site deals in Database Object models, XML schemas The physical ‘laws’ it follows: (internet protocols, mark-up protocols) We are Gods - we make the physics – but, remember it’s a pantheistic universe…
- 51. Information engineering Information Engineering: the structuring of the information systems that support the user-experience Applications Integration Systems Architecture
- 53. Information architecture Information Architecture: The Human Scale the structure of the user's direct experience of your site Interaction Design Visual Design Information Design
- 55. Information urbanism Information Urbanism: The neighbourhood 'urban-scale' structure of the relationships of your site with the network at large - don’t be a beautiful website, be a beautiful part of the web… Cross linking - can you be linked to? Affiliations Search-engine optimisation
- 57. Information ecosystems Information Ecosystem: Societal scale Web trends and business shifts and how they influence your site– the global affecting the local, and vice versa ‘ Network effects’ “ Attention economy”
- 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. Why is thinking about rulespace important? Two reasons, I think Make web designers and content creators think about what they are doing in context. Sometimes you’re google, sometimes you’re noodlebox. Know where you are in the RuleSpace, and design accordingly. keep the web being a web, of elegant and infinite variety…
- 75. “ the Web represents a small world, i.e. the typical number of clicks between any two Web pages is about 19”
- 76. Ideal model of the web The ’19 clicks’ statement comes from a ‘physicsweb’ article that used graph theory to model the linking dynamics of the web. This idealistic model of the web continuum – it’s ‘RuleSpace does not take into account user-experience and the affect it has on the fabric of the web. The last few slides aimed to show how user-experience design can fracture the continuum of the web.
- 77. Bowtie theory AltaVista study showed how lack of good practice in website creation is fracturing the continuum of the web A strong core and disconnected outlying areas result – the bowtie.
- 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…
- 81. 27/05/09 Thanks!
- 82. Links! Richard Saul Wurman: http://www. ted .com Jesse James Garrett: http://www. jjg .net Powers of ten: http://www.powersoften.com Cybergeography: http://www. cybergeography .com Matt Owens: http://www. volumeone .com Danny Brown: http://www.noodlebox.com Josh On’s ‘They Rule’: http:// theyrule . orgo .org PhysicsWeb article: http://www. physicsweb .org/article/world/14/7/9 Bowtie Theory: http://www. searchengineposition .com/Articles/bowtie.html