SlideShare a Scribd company logo
1 of 39
Download to read offline
The Art of Rhetoric:
Flexible Content with Drupal
Rob Carr
@robertgcarr
30 minutes of me
• Current problems
• What is content
• Responsive design
• Information Architecture
• Flexible content
• Discussion
Too much stuff
•Dropbox:1bn files/
day uploaded
•1m websites
launched/day
•Duplicate
information
• 2M+ ways to unblock a
sink?
http://mashable.com/2012/06/22/data-created-every-minute/
Death to the Web Page
•Pages != web content:
• Boundaries
• Fixed structure
• Dead ends
•Inflexible blobs
•Information silos
•Difficult to recycle
Image:Wikimedia
Many shapes and forms
Browser window != printed page
Mobile != mobile
FT.com figures via themediabriefing.com
Good Content
•Appropriate
•Useful
•User-centered
•Clear & concise
•Supported
Erin Kissane The Elements of Content Strategy A Book Apart
Aristotle? Who?
•Rhetoric
•Logic
•Grammar
Rhetoric
LOGOS
ideas/facts
ETHOS
credibility/manner
PATHOS
Emotion
Five Canons of
Rhetoric
•invention deciding what to say
•arrangement timing or structure
•style graphic/information design
•memory contextual messages
•delivery interaction design
Don’t Lose the
Message
Rhetoric. Rhetoric. Rhetoric
Need structure and rules to
free ourselves from the page
Content for Robots
• Group similar content
• Look for common chunk
types:
• Files/media
• Addresses
• Lists
• Product data
• Pull quotes,asides etc...
• Sketch out content types
• Identify relationships
Book
Author
PublisherFormat
Genre
Chunks of Content
•Think structure and markup:
• ♡ Friendly fields
• ☠ Death to WYSIWYG
•Use of taxonomy
•Context: data reuse and transport
Adaptable Content
•COPE:Create
Once Publish
Anywhere
• eg BBC,NPR,Amazon
•Content stores
•Cultural change?
•Use ofAPIs
Evolution... ?
Desktop browser iPad browser
iPhone
browser
iPad app WP8 app
Book cover dominates;‘Buy Now’ prominent
Responsive design
• Fluid grids & typography
• Flexible images
• Change of flow
• Client-side CSS3 media queries
Image: http://trentwalton.com/2012/06/19/fluid-type/
Adaptive design
• Different layouts/content for specific
breakpoints
• Progressive enhancement
• Call separate markup or scripts
• Can be less effort than a responsive
rebuild
• Ultimately doomed
Isn’t This a Drupal
Camp?
• Entities, Fields and Relationships
• Adaptive Themes
• Omega,AT etc
• ‘Adaptive’ modules:
• CTools - page templates
• Browscap - browser inspector
• Browscap CTools - Rules/conditions
• Spark distribution
• Layout/Grid builders
• In Place Editing (IPE)
• Mobile theme + device previews
• CTools, Panels,Views, Panelizer, Breakpoints included
As with all things Drupal, could
also use blocks withViews and
Context... or Adaptivecontent
module... or Display Suite... or
Theme cunningness... (etc)
Taxonomy
Book Format Genre
Need to Enable, then Edit
node_view template
Create 2nd BookVariant
Variant 2: Book node
type, and Is Mobile
Desktop
Header
Sidebar 1 Sidebar 2Main
Footer
Mobile: Responsive
iPad - Landscape iPhone
Sidebar Body
Footer A
Sidebar
Body
Same
DOM
Lego-time
• Pane content very flexible
• Render different fields
• But:don’t punish mobile
• Views could also give us
related content:
• Similar books within genre
• Books by same author
• Customers also purchased...
• Keep pane content
appropriate to context...
Adaptive Layout
•Device detection allows us to
adapt layouts & content.
•Change visual hierarchy with
adaptive selection.
•Responsive design changes float
of containers for accessibility.
So?
•Discussed wider problems
•What is content?
•Data modelling
•Responsive vs.Adaptive
•Drupal Spark: Flexible layouts

More Related Content

Viewers also liked

Visual Rhetoric, Jan 17, 13
Visual Rhetoric, Jan 17, 13Visual Rhetoric, Jan 17, 13
Visual Rhetoric, Jan 17, 13
Miami University
 
Literature Review: Design As Rhetoric
Literature Review: Design As RhetoricLiterature Review: Design As Rhetoric
Literature Review: Design As Rhetoric
Robin McDowell
 
Rhetoric Design
Rhetoric DesignRhetoric Design
Rhetoric Design
mfeble
 
Rhetorical framework
Rhetorical frameworkRhetorical framework
Rhetorical framework
frickewi
 
4. theory of visual rhetoric
4. theory of visual rhetoric4. theory of visual rhetoric
4. theory of visual rhetoric
dunianyamaya
 
Lesson One: Defining Rhetoric
Lesson One:  Defining RhetoricLesson One:  Defining Rhetoric
Lesson One: Defining Rhetoric
bsimoneaux
 
Rhetorical Analysis
Rhetorical AnalysisRhetorical Analysis
Rhetorical Analysis
stmiller555
 
What is metacognition knowledge
What is metacognition knowledgeWhat is metacognition knowledge
What is metacognition knowledge
Karen Hoyos
 

Viewers also liked (20)

6
66
6
 
Rhetorical situation power point
Rhetorical situation power pointRhetorical situation power point
Rhetorical situation power point
 
Plato rhetoric
Plato rhetoricPlato rhetoric
Plato rhetoric
 
(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...
(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...
(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...
 
SMWP. day two_ppt_ERWC.Oceanside7-11.lps.2.14.final
SMWP. day two_ppt_ERWC.Oceanside7-11.lps.2.14.finalSMWP. day two_ppt_ERWC.Oceanside7-11.lps.2.14.final
SMWP. day two_ppt_ERWC.Oceanside7-11.lps.2.14.final
 
Visual Rhetoric, Jan 17, 13
Visual Rhetoric, Jan 17, 13Visual Rhetoric, Jan 17, 13
Visual Rhetoric, Jan 17, 13
 
Literature Review: Design As Rhetoric
Literature Review: Design As RhetoricLiterature Review: Design As Rhetoric
Literature Review: Design As Rhetoric
 
Theory of Visual Rhetoric for HCI and Experience Design
Theory of Visual Rhetoric for HCI and Experience DesignTheory of Visual Rhetoric for HCI and Experience Design
Theory of Visual Rhetoric for HCI and Experience Design
 
Rhetoric Design
Rhetoric DesignRhetoric Design
Rhetoric Design
 
Rhetorical framework
Rhetorical frameworkRhetorical framework
Rhetorical framework
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
 
Rhetorical modes
Rhetorical modesRhetorical modes
Rhetorical modes
 
4. theory of visual rhetoric
4. theory of visual rhetoric4. theory of visual rhetoric
4. theory of visual rhetoric
 
Persuasive rhetoric and argument
Persuasive rhetoric and argumentPersuasive rhetoric and argument
Persuasive rhetoric and argument
 
Lesson One: Defining Rhetoric
Lesson One:  Defining RhetoricLesson One:  Defining Rhetoric
Lesson One: Defining Rhetoric
 
Visual Rhetoric
Visual RhetoricVisual Rhetoric
Visual Rhetoric
 
Rhetorical Analysis
Rhetorical AnalysisRhetorical Analysis
Rhetorical Analysis
 
Elements of argument
Elements of argumentElements of argument
Elements of argument
 
What is metacognition knowledge
What is metacognition knowledgeWhat is metacognition knowledge
What is metacognition knowledge
 
The Case for Visual Rhetoric
The Case for Visual RhetoricThe Case for Visual Rhetoric
The Case for Visual Rhetoric
 

Similar to Rhetoric and Flexible Content with Drupal

Crossing Disciplines: Content strategy, topic maps & multidisciplinary teams
Crossing Disciplines: Content strategy, topic maps & multidisciplinary teamsCrossing Disciplines: Content strategy, topic maps & multidisciplinary teams
Crossing Disciplines: Content strategy, topic maps & multidisciplinary teams
Mapped. A Content Strategy Blog.
 
Drupal status report for all staff day
Drupal status report for all staff dayDrupal status report for all staff day
Drupal status report for all staff day
sbclapp
 

Similar to Rhetoric and Flexible Content with Drupal (20)

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
 
Your Road to Modern Communication Sites
Your Road to Modern Communication SitesYour Road to Modern Communication Sites
Your Road to Modern Communication Sites
 
Modern SharePoint, the Good, the Bad, and the Ugly
Modern SharePoint, the Good, the Bad, and the UglyModern SharePoint, the Good, the Bad, and the Ugly
Modern SharePoint, the Good, the Bad, and the Ugly
 
Content Management and Page Structure for SharePoint
Content Management and Page Structure for SharePointContent Management and Page Structure for SharePoint
Content Management and Page Structure for SharePoint
 
Getting Started with Drupal
Getting Started with DrupalGetting Started with Drupal
Getting Started with Drupal
 
Academic e-reading: themes from user experience studies
Academic e-reading: themes from user experience studiesAcademic e-reading: themes from user experience studies
Academic e-reading: themes from user experience studies
 
University of Portsmouth Library: A practical approach to Responsive Design
University of Portsmouth Library: A practical approach to Responsive Design University of Portsmouth Library: A practical approach to Responsive Design
University of Portsmouth Library: A practical approach to Responsive Design
 
Practical Information Architecture
Practical Information ArchitecturePractical Information Architecture
Practical Information Architecture
 
Online exhibits in Plone
Online exhibits in PloneOnline exhibits in Plone
Online exhibits in Plone
 
Drupal101
Drupal101Drupal101
Drupal101
 
ECS19 - Katja Jokisalo - Modernize your Intranet
ECS19 - Katja Jokisalo - Modernize your IntranetECS19 - Katja Jokisalo - Modernize your Intranet
ECS19 - Katja Jokisalo - Modernize your Intranet
 
Everything Old is New Again: The State of Web Design
Everything Old is New Again: The State of Web DesignEverything Old is New Again: The State of Web Design
Everything Old is New Again: The State of Web Design
 
Comparison of Top CMS Systems
Comparison of Top CMS SystemsComparison of Top CMS Systems
Comparison of Top CMS Systems
 
Your Road to Communication Sites
Your Road to Communication SitesYour Road to Communication Sites
Your Road to Communication Sites
 
Crossing Disciplines: Content strategy, topic maps & multidisciplinary teams
Crossing Disciplines: Content strategy, topic maps & multidisciplinary teamsCrossing Disciplines: Content strategy, topic maps & multidisciplinary teams
Crossing Disciplines: Content strategy, topic maps & multidisciplinary teams
 
Designing for Everybody Workshop
Designing for Everybody WorkshopDesigning for Everybody Workshop
Designing for Everybody Workshop
 
Interactive E-Books
Interactive E-BooksInteractive E-Books
Interactive E-Books
 
Web Design Norms
Web Design NormsWeb Design Norms
Web Design Norms
 
Drupal status report for all staff day
Drupal status report for all staff dayDrupal status report for all staff day
Drupal status report for all staff day
 
Mozilla Browsing History Design Challenge
Mozilla Browsing History Design ChallengeMozilla Browsing History Design Challenge
Mozilla Browsing History Design Challenge
 

More from Robert Carr (9)

Why I've Not bothered With Drupal 8
Why I've Not bothered With Drupal 8Why I've Not bothered With Drupal 8
Why I've Not bothered With Drupal 8
 
Organic Groups - Overview
Organic Groups - OverviewOrganic Groups - Overview
Organic Groups - Overview
 
Drupal in 30 Minutes
Drupal in 30 MinutesDrupal in 30 Minutes
Drupal in 30 Minutes
 
Drupal in 5
Drupal in 5Drupal in 5
Drupal in 5
 
Drupal Overview For Techies
Drupal Overview For TechiesDrupal Overview For Techies
Drupal Overview For Techies
 
Gentle Intro to Search Engine Optimisation
Gentle Intro to Search Engine OptimisationGentle Intro to Search Engine Optimisation
Gentle Intro to Search Engine Optimisation
 
Introduction to Drupal (7) Theming
Introduction to Drupal (7) ThemingIntroduction to Drupal (7) Theming
Introduction to Drupal (7) Theming
 
Wireframes
WireframesWireframes
Wireframes
 
Search Engine Optimization & Drupal
Search Engine Optimization & DrupalSearch Engine Optimization & Drupal
Search Engine Optimization & Drupal
 

Recently uploaded

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 

Recently uploaded (20)

How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
The UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoThe UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, Ocado
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 

Rhetoric and Flexible Content with Drupal