SlideShare une entreprise Scribd logo
1  sur  49
Télécharger pour lire hors ligne
Crossing disciplines	

             (for fun & profit)	


Working with UX, design & development
Me.
                  	

                  	

        Elizabeth McGuane	

            @emcguane	

Lead content strategist at LBi London 	

         Mappedblog.com
What I’m talking about	

                                         Working
                                        with teams	

                                                                 Working
                                                                  better	

    Classic
    movies	


                            Documentation	

                Topic
                                                            maps	

                         The
                       semantic               Structured
    Horses	

                                  content	

                         web	


                                   Content
                                  management
Working in a team
So what does it mean to be multidisciplinary ?	


•  I've never worked on a team that wasn't	



•  Everyone brings their strength to the table	



•  Free exchange of ideas and information are good
The project: a website redesign	



 •  Financial services	


 •  Cross-brand	


 •  6000+ content items audited
And also	



•  Brand identity changing	


•  New CMS coming in	


•  Split between ‘digital’ and ‘brochureware’
What?
My team: Three (3) user experience experts	


•  Knowledge keepers, owners of the investigative work	


•  Developed and owned the personas	


•  Developed the experience concept	





          Their aim: a content-led website
My team: Three (3) designers (in rotation)	


•  Came in late 	


•  Moved around a lot	


•  Working to changing design brief (cos the brand was
   changing)	





       Their design concept: Open, fresh and flexible
My team: One (1) developer (as a consultant)	


 •  Came in late 	


 •  Reluctant CMS authority	


 •  Reluctant liaison with client developers	


 •  Never really worked on a collaborative design before	




Their development concerns: Accessible, accessible, accessible
Our story
That audit: what we found	


•  Content was being duplicated across the site 	


•  There was no central way to manage it	


•  This, despite there being a content
   management system
Our task	


•  Create a system that designed against duplication
                                                   	


•  And create a central repository for help &
    support content on the site
Our answer	


•  Modular content
The issues this raised	


•  Content is no longer a page 	


•  Some of it is unique, some goes across a section,
   some is universal across the site	


•  So how do we manage it while we re creating it?
                                                 	


•  And how do we govern how it should be used in
   the future?
Dealing with humans	


•  Our team was fluid – people joined and left as
   other tasks came up	


•  We needed to communicate with other
   disciplines, some of whom weren’t working with
   us	


•  We wanted an easy way to explain our modular
   content system to them over time
So: content (me) and UX (another guy) had a
big idea	

•  As content was repeatable, we needed to map
   its instances	


•  Our documentation had to encompass UX
   principles, design principles and content strategy	


•  And we were launching the project in phases, so
   it had to be carefully documented in a usable
   way
Our big idea
Trying to find a movie to watch
Disambiguation: to remove uncertainty
So there’s this:
Oh but then:
Um.
We all need to be 
talking about the same thing
      and be sure we’re
talking about the same thing
George          George          George
     Baker	

        Baker	

        Baker	



   (Horse)	

       (Jockey)	

     (Owner)	




When ambiguity is present, we need to organise
 information in a systematic, logical manner.
What’s a topic?	


•  A set of ideas that you want to say things about	


  –  (So, a topic is about as meaningful as a piece of
     content )
What’s a topic map?	


•  A way of storing and relating those ideas
So simple, right?	


•  Sometimes simple ideas take a really long time
   to understand	




•  Why does this matter?
Normal links don’t do this	


•  Writing a ‘page’ in HTML, you can decide to link
   any two pieces of content together, regardless
   of topic	


•  Topic maps demand clear topic-based
   relationships – they force you to codify what
   you’re talking about
Why this idea matters in a closed system (like a
set of project documents)	


 •  Relationships between different ideas can be
    instantly accessed and understood	


 •  Concepts like authors, sentences and document
    ownership are irrelevant	


 •  The map can evolve over time without requiring
     rewriting or versioning
So here’s what we set out to do
We set up a topic map for our developing
designs  content requirements	

•  Designed to give all disciplines an equal grasp of
   the site’s design, content and functional elements 	


•  Built in Topincs, a web-based topic maps
   platform
What’s the site made of?
Who’s working on it?
What are our requirements?
What’s in a module?
When are we doing the work?
Reality is imperfect
Topic maps are kind of obscure
And the technology itself still needs to mature	


 •  It’s difficult to explain and understand because
    current literature and systems were created by
    experts for experts	


 •  Sometimes we embrace complexity – we fear
     things that are too fluid and simple
People + budgets
 = changing plans
This whole process was a learning curve	


•  We knew what we wanted to achieve, but had
   minimal technical support	


•  We were dealing with a morphing project 
   changing timelines	


•  So… we had to fall back on some traditional
   documentation to keep up
What I've learned
1. Documentation is about communication	


•  And it should exist for a reason – to allow
   different groups to communicate without
   confusion	


•  Cross-discipline documents are like the semantic
   web – they need to codify information so that it
   makes sense in any context	


•  No document in the history of forever has
   achieved this
2. Content needs to be free – and so do we	


•  Our content was modular, and that meant we
   needed to record its repetition and variants	


•  A spreadsheet is not the best solution for this
   (or for a lot of things)	


•  We could use a system like this to free
   ourselves from Word-based content production
3. We can work more elegantly	

•  By collaborating in earnest, at the start of the
   project when it matters most	


•  By using the tools available to us to distribute
   information, not create documentation-as-
   deliverable	


•  By embracing other disciplines’ skills and focus,
   and sharing our own
Thank you!
    
@emcguane

Contenu connexe

Similaire à Crossing Disciplines: Content strategy, topic maps & multidisciplinary teams

Content and strategy- Information Energy
Content and strategy- Information EnergyContent and strategy- Information Energy
Content and strategy- Information Energy
Kate Thomas
 
Chris Covell Collaboration for distributed teams
Chris Covell   Collaboration for distributed teamsChris Covell   Collaboration for distributed teams
Chris Covell Collaboration for distributed teams
Agile Lietuva
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture Principals
Jenny Emanuel
 
Katherine Kott Slides for DLF PM Group 2011
Katherine Kott Slides for DLF PM Group 2011Katherine Kott Slides for DLF PM Group 2011
Katherine Kott Slides for DLF PM Group 2011
DLFCLIR
 

Similaire à Crossing Disciplines: Content strategy, topic maps & multidisciplinary teams (20)

Designing the Designer - Landing and Thriving in Your UX Role
Designing the Designer - Landing and Thriving in Your UX RoleDesigning the Designer - Landing and Thriving in Your UX Role
Designing the Designer - Landing and Thriving in Your UX Role
 
Connecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and BeyondConnecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and Beyond
 
Clovis Six & Saskia Videler at WUD16
Clovis Six & Saskia Videler at WUD16Clovis Six & Saskia Videler at WUD16
Clovis Six & Saskia Videler at WUD16
 
Atomic design
Atomic designAtomic design
Atomic design
 
Content Modelling: What, why and how
Content Modelling: What, why and howContent Modelling: What, why and how
Content Modelling: What, why and how
 
MAG!C Presentation: Portfolios for Creative Professionals
MAG!C Presentation: Portfolios for Creative ProfessionalsMAG!C Presentation: Portfolios for Creative Professionals
MAG!C Presentation: Portfolios for Creative Professionals
 
Become Efficient or Die: The Story of BackType
Become Efficient or Die: The Story of BackTypeBecome Efficient or Die: The Story of BackType
Become Efficient or Die: The Story of BackType
 
Talking to organisations with x-road
Talking to organisations with x-roadTalking to organisations with x-road
Talking to organisations with x-road
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
 
Content and strategy- Information Energy
Content and strategy- Information EnergyContent and strategy- Information Energy
Content and strategy- Information Energy
 
User Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity PrototypingUser Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity Prototyping
 
The role of the information architect
The role of the information architectThe role of the information architect
The role of the information architect
 
Cleaning Up Your Content OUTC18
Cleaning Up Your Content OUTC18Cleaning Up Your Content OUTC18
Cleaning Up Your Content OUTC18
 
Digital Tools in The Classroom: Omeka Workshop (Northeastern University)
Digital Tools in The Classroom: Omeka Workshop (Northeastern University)Digital Tools in The Classroom: Omeka Workshop (Northeastern University)
Digital Tools in The Classroom: Omeka Workshop (Northeastern University)
 
Using a Content-First Design Process
Using a Content-First Design ProcessUsing a Content-First Design Process
Using a Content-First Design Process
 
Chris Covell Collaboration for distributed teams
Chris Covell   Collaboration for distributed teamsChris Covell   Collaboration for distributed teams
Chris Covell Collaboration for distributed teams
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture Principals
 
Katherine Kott Slides for DLF PM Group 2011
Katherine Kott Slides for DLF PM Group 2011Katherine Kott Slides for DLF PM Group 2011
Katherine Kott Slides for DLF PM Group 2011
 
Getting Started With Omeka (DHSI 2015 Unconference)
Getting Started With Omeka (DHSI 2015 Unconference)Getting Started With Omeka (DHSI 2015 Unconference)
Getting Started With Omeka (DHSI 2015 Unconference)
 
DPC Web Archiving & Preservation Webinar #4: Outreach & Awareness Raising
DPC Web Archiving & Preservation Webinar #4: Outreach & Awareness Raising DPC Web Archiving & Preservation Webinar #4: Outreach & Awareness Raising
DPC Web Archiving & Preservation Webinar #4: Outreach & Awareness Raising
 

Dernier

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Dernier (20)

Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 

Crossing Disciplines: Content strategy, topic maps & multidisciplinary teams

  • 1. Crossing disciplines (for fun & profit) Working with UX, design & development
  • 2. Me. Elizabeth McGuane @emcguane Lead content strategist at LBi London Mappedblog.com
  • 3. What I’m talking about Working with teams Working better Classic movies Documentation Topic maps The semantic Structured Horses content web Content management
  • 5. So what does it mean to be multidisciplinary ? •  I've never worked on a team that wasn't •  Everyone brings their strength to the table •  Free exchange of ideas and information are good
  • 6. The project: a website redesign •  Financial services •  Cross-brand •  6000+ content items audited
  • 7. And also •  Brand identity changing •  New CMS coming in •  Split between ‘digital’ and ‘brochureware’
  • 9. My team: Three (3) user experience experts •  Knowledge keepers, owners of the investigative work •  Developed and owned the personas •  Developed the experience concept Their aim: a content-led website
  • 10. My team: Three (3) designers (in rotation) •  Came in late •  Moved around a lot •  Working to changing design brief (cos the brand was changing) Their design concept: Open, fresh and flexible
  • 11. My team: One (1) developer (as a consultant) •  Came in late •  Reluctant CMS authority •  Reluctant liaison with client developers •  Never really worked on a collaborative design before Their development concerns: Accessible, accessible, accessible
  • 13. That audit: what we found •  Content was being duplicated across the site •  There was no central way to manage it •  This, despite there being a content management system
  • 14. Our task •  Create a system that designed against duplication •  And create a central repository for help & support content on the site
  • 16. The issues this raised •  Content is no longer a page •  Some of it is unique, some goes across a section, some is universal across the site •  So how do we manage it while we re creating it? •  And how do we govern how it should be used in the future?
  • 17. Dealing with humans •  Our team was fluid – people joined and left as other tasks came up •  We needed to communicate with other disciplines, some of whom weren’t working with us •  We wanted an easy way to explain our modular content system to them over time
  • 18. So: content (me) and UX (another guy) had a big idea •  As content was repeatable, we needed to map its instances •  Our documentation had to encompass UX principles, design principles and content strategy •  And we were launching the project in phases, so it had to be carefully documented in a usable way
  • 20. Trying to find a movie to watch
  • 24. Um.
  • 25. We all need to be talking about the same thing and be sure we’re talking about the same thing
  • 26.
  • 27. George George George Baker Baker Baker (Horse) (Jockey) (Owner) When ambiguity is present, we need to organise information in a systematic, logical manner.
  • 28. What’s a topic? •  A set of ideas that you want to say things about –  (So, a topic is about as meaningful as a piece of content )
  • 29. What’s a topic map? •  A way of storing and relating those ideas
  • 30. So simple, right? •  Sometimes simple ideas take a really long time to understand •  Why does this matter?
  • 31. Normal links don’t do this •  Writing a ‘page’ in HTML, you can decide to link any two pieces of content together, regardless of topic •  Topic maps demand clear topic-based relationships – they force you to codify what you’re talking about
  • 32. Why this idea matters in a closed system (like a set of project documents) •  Relationships between different ideas can be instantly accessed and understood •  Concepts like authors, sentences and document ownership are irrelevant •  The map can evolve over time without requiring rewriting or versioning
  • 33. So here’s what we set out to do
  • 34. We set up a topic map for our developing designs content requirements •  Designed to give all disciplines an equal grasp of the site’s design, content and functional elements •  Built in Topincs, a web-based topic maps platform
  • 35. What’s the site made of?
  • 37. What are our requirements?
  • 38. What’s in a module?
  • 39. When are we doing the work?
  • 41. Topic maps are kind of obscure
  • 42. And the technology itself still needs to mature •  It’s difficult to explain and understand because current literature and systems were created by experts for experts •  Sometimes we embrace complexity – we fear things that are too fluid and simple
  • 43. People + budgets = changing plans
  • 44. This whole process was a learning curve •  We knew what we wanted to achieve, but had minimal technical support •  We were dealing with a morphing project changing timelines •  So… we had to fall back on some traditional documentation to keep up
  • 46. 1. Documentation is about communication •  And it should exist for a reason – to allow different groups to communicate without confusion •  Cross-discipline documents are like the semantic web – they need to codify information so that it makes sense in any context •  No document in the history of forever has achieved this
  • 47. 2. Content needs to be free – and so do we •  Our content was modular, and that meant we needed to record its repetition and variants •  A spreadsheet is not the best solution for this (or for a lot of things) •  We could use a system like this to free ourselves from Word-based content production
  • 48. 3. We can work more elegantly •  By collaborating in earnest, at the start of the project when it matters most •  By using the tools available to us to distribute information, not create documentation-as- deliverable •  By embracing other disciplines’ skills and focus, and sharing our own
  • 49. Thank you! @emcguane

Notes de l'éditeur

  1. Content is UX is design: crossing disciplines for fun and profit We all want the same things. From research to concepts to IA, nomenclature, design and development, we all want to create the best user experience possible. Content is a constant in the design continuum, and with the rise of increasingly agile and cross-disciplinary UX design teams, we have a unique chance to demonstrate content's core value to UX: its flexibility, granularity and ability to engage directly with the user. Elizabeth will share her experience working with a developer and UX architect to improve both process and product - a major financial website redesign. Using Topic Maps, they built an information model that streamlined and managed UX deliverables and the scope and production of content. What you ’ll learn How to integrate collaboratively with a UX team. Tools and methods UX designers use relevant to content strategy and production. How to use topic maps to develop and design the structure of large, complex websites.
  2. Content is UX is design: crossing disciplines for fun and profit We all want the same things. From research to concepts to IA, nomenclature, design and development, we all want to create the best user experience possible. Content is a constant in the design continuum, and with the rise of increasingly agile and cross-disciplinary UX design teams, we have a unique chance to demonstrate content's core value to UX: its flexibility, granularity and ability to engage directly with the user. Elizabeth will share her experience working with a developer and UX architect to improve both process and product - a major financial website redesign. Using Topic Maps, they built an information model that streamlined and managed UX deliverables and the scope and production of content. What you ’ll learn How to integrate collaboratively with a UX team. Tools and methods UX designers use relevant to content strategy and production. How to use topic maps to develop and design the structure of large, complex websites.