Rulespace

Rulespace

• 1.
  27/05/09 RuleSpace: Informationarchitecture in a grand context Matt Jones : 12 November 2001
• 2.
  This presentation Anattempt 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 toget through, quickly…
• 4.
  But, please askawkward questions
• 5.
  Who am IInformation 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 andnascent discipline…
• 8.
  So, there area 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 Wurmancoined 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 ofinformation 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 ofthings I make
• 16.
  User flows
• 17.
  Low-fidelity prototype example:
• 18.
  27/05/09 But mostly,I make Connections
• 19.
  Powers of Ten
• 20.
  Powers of TenSeminal film : 1968 Charles & Ray Eames Wednesday was the 2 nd international ‘powers of ten’ day… http://www.powersof10.com
• 21.
  27/05/09 Powers of10 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 often?
• 46.
  Perspective… There iswide 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, ajourney…
• 48.
  Information physics
• 49.
  Information physics InformationPhysics: 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…
• 50.
  Information engineering
• 51.
  Information engineering InformationEngineering: the structuring of the information systems that support the user-experience Applications Integration Systems Architecture
• 52.
  Information architecture
• 53.
  Information architecture InformationArchitecture: The Human Scale the structure of the user's direct experience of your site Interaction Design Visual Design Information Design
• 54.
  Information urbanism
• 55.
  Information urbanism InformationUrbanism: 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
• 56.
  Information ecosystem
• 57.
  Information ecosystems InformationEcosystem: 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 InformationCosmos: The topography of the internet – totally emergent from the information physics… and round and round we go…
• 59.
  27/05/09 The cosmologistsalways 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
• 64.
  27/05/09 So, anyway
• 65.
  What do Imean 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: webuser 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: webuser 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: webuser 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: webuser 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 isthis important?
• 74.
  Why is thinkingabout 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 Webrepresents a small world, i.e. the typical number of clicks between any two Web pages is about 19”
• 76.
  Ideal model ofthe 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 AltaVistastudy 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 thepowers 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 justdesign a website, design a beautiful part of the web.
• 80.
  And remember… we’veonly just begun…
• 81.
  27/05/09 Thanks!
• 82.
  Links! Richard SaulWurman: 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
• 83.
  Questions? [email_address]