Download - Gilbane 2013: To WYSIWYG or not WYSIWYG
![Page 1: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/1.jpg)
1
To WYSIWYG or Not WYWIWYGThatis the Question
Tom WentworthChief Marketing Officer, Acquia@twentworth12
![Page 2: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/2.jpg)
2
About Me
• 14 years in CMS– CMO at Acquia– Prior CMO at Ektron– Led Technical Sales at
HP/Autonomy/Interwoven
• World Record Holder in CMS Editor demos– *Verification Pending
• @twentworth12 for CMS industry thoughts and general hilarity on Twitter
![Page 3: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/3.jpg)
3
![Page 4: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/4.jpg)
4
![Page 5: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/5.jpg)
5
![Page 6: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/6.jpg)
6
Content Strategists like Karen McGrane
CMS Vendors, Products, and
Usersvs.
![Page 7: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/7.jpg)
7
![Page 8: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/8.jpg)
8
“We allow content creators to embed layout and styling information directly into their content.
Unfortunately, the code added by content creators can be at odds with the style sheet, and it’s difficult for developers to parse what’s style and what’s substance.
When it comes time to put that content on other platforms, we wind up with a muddled mess.”- Karen McGrane
![Page 9: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/9.jpg)
9
![Page 10: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/10.jpg)
10
![Page 11: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/11.jpg)
CMS Product Selections are
made on Usability
And that usually means WYSIWYG
Editor Demos
![Page 12: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/12.jpg)
12
![Page 13: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/13.jpg)
13
We’ve Come to Expect Content and Presentation to be Combined
![Page 14: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/14.jpg)
14
But This Approach Came With Tradeoffs
![Page 15: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/15.jpg)
15
“Make it as Easy as Word!”
• Formatting• Styling• Layout• and Comic
Sans MS!
![Page 16: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/16.jpg)
16
“And Let Me Preview the Page When I’m Done!”
![Page 17: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/17.jpg)
17 Source: geocitiesizer
So, What’s Wrong with Making Things Easy?
![Page 18: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/18.jpg)
18
![Page 19: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/19.jpg)
19
…My Name is Tom
…Her name is Blake
… And I’m a Glasshole
![Page 20: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/20.jpg)
20
![Page 21: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/21.jpg)
21
Content as an API
![Page 22: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/22.jpg)
22
![Page 23: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/23.jpg)
23
![Page 24: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/24.jpg)
content strategy is to copywriting as information
architecture is to design
Source: http://boxesandarrows.com/content-strategy-the-philosophy-of-data/
![Page 25: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/25.jpg)
25
The Current State of Content Authoring• Structured Authoring– Separation of content from presentation e.g.
“chunks”
• WYSIWYG Authoring– Mixed content and formatting e.g. “blobs”– Embedded Rich Text Editors
• Inline Editing– Content editing within page layout– Can be structured or WYSIWYG
• WYSIWYG Page Layout– Visual page layout
![Page 26: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/26.jpg)
26
Structured Authoring
• Complete separation of content from presentation
• Encourages users to think only about content
• Defines content and metadata
• Small design changes require developers
Ektron SmartForms
![Page 27: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/27.jpg)
27
Structured with WYSIWYG
• Content types with a mix of “chunks” and “blobs”
• Simple (Title + Body) or complex
• Rich Text Editors– Aloha, CKEditor,
TinyMCE, EditLive, … Drupal
![Page 28: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/28.jpg)
28
Inline Editing in Drupal:“Chunks” and “Blobs”
• Allows users to make changes right on the page
• Appeals to less technical authors
• Can be confusing, since a single in-context edit can update lots of pages
Drupal
![Page 29: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/29.jpg)
29
WYSIWYG Page Layout
• Let’s the users manage both content and design
• Drag+Drop Page Assembly• Can complete break brand
consistency
![Page 30: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/30.jpg)
30
Adobe AEM
![Page 31: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/31.jpg)
31
HP/Autonomy TeamSite SitePublisher
![Page 32: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/32.jpg)
32
Sitecore
![Page 33: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/33.jpg)
The editing interfaces we offer to users send them important
messages, whether we intend it or not.
They are affordances, like knobs on doors and buttons on telephones.
If the primary editing interface we present is also the visual design seen by site visitors, we are saying: “This page is what you manage! The things
you see on it are the true form of your content.”
- Source: Jeff Eaton, Lullabot
![Page 34: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/34.jpg)
34
Solution: Let’s Make Smarter Authors and Pick the Right Tool for the Job
1. To WYSIWYG or not WYSIWYG
– Structured content authoring is the best way to future proof your content strategy
– There are valid use cases combined content and formatting. Brochure-ware websites aren’t going away.
– Editors used to stink, and now they don’t. It’s much easier to enforce clean markup.
2. In-line Editing is Okay. But be Smart About It
3. We Need to Reset Expectations about Content Preview
– WYISWYMGTOPIOC
4. Be very Careful when Using Visual Page Assembly
![Page 35: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/35.jpg)
35
and When Selecting Your Next CMSEvaluate Usability, Not Curb Appeal
![Page 36: Gilbane 2013: To WYSIWYG or not WYSIWYG](https://reader036.vdocuments.site/reader036/viewer/2022062312/554beab5b4c90556328b4eed/html5/thumbnails/36.jpg)
36
Thanks!
Tom WentworthChief Marketing Officer, Acquia@twentworth12