1. AUTHORING EXPERIENCES
CREATING GREAT
AUTHORING EXPERIENCES
Denise Duncan, Director Enablement Services October 28, 2014

2. CREATING GREAT AUTHORING EXPERIENCE
- AGENDA
Creating Great Authoring Experiences
What makes a great experience? 
Resources 
Your Feedback 
Labs & Demos 

3. What makes a
great experience?

4. creating great authoring experiences
- WHAT MAKES A GREAT EXPERIENCE?
Content Organization
Enable users to easily find, create and edit content based on type and site.
Input Configuration
Take advantage of various input template fields and best practices.
Preview
Configure preview to match the published site. This usually only requires a few steps.

5. creating great authoring experiences
- WHAT MAKES A GREAT EXPERIENCE?
In Context Editing (ICE)
Enable users to edit content from preview by verifying the ICE configuration
Models
Enable users to create pages, sections, and sites based on site and role

6. creating great authoring experiences
- WHAT MAKES A GREAT EXPERIENCE?
Template Performance
Make sure templates are configured to perform well for a small or large group of assets.

7. creating great authoring experiences
- WHAT MAKES A GREAT EXPERIENCE?
Examples and guidelines are available on Connect
Forum open for discussion
New Powerpoint Template
Keynote

8. Labs & Demos

9. Follow along Training Instance Hands on instructions

10. Make the content
Easy  to
Find

11. Structure automatically generated by Site builder tool
- CONTENT ORGANIZATION
Demo
Structure automatically generated by Site builder tool
Provides the most flexibility to add additional sites, sub-domains or sites for device types
Site collection: sites related by domain name (i.e. locale, device) or common groupings (microsites, BU) [[SHOW]]
Domain: *.domainname.*
Package: Configured by Domain [[Show packages]]
Provides…
Available in [urls]
Show folder,
Click into US-EN
/Demo Site - Folder Structure

12. Design a
Great 
Editing
Experience

13. Autocomplete //List used for radio button and list controls
HANDS-ON
- INPUT CONFIGURATION
//List used for radio button and list controls
Dictionary<string, string> buttons = new Dictionary<string, string>();
buttons.Add("California", "CA");
buttons.Add("Nevada", "NV");
buttons.Add("Mississippi", "MI");
Input.ShowAutoCompleteBox("Autocomplete", "auto_complete", buttons, 40);
Autocomplete
/Samples by Type/Input Fields Example/Input Fields Example

14. Horizontal Panel HANDS-ON - INPUT CONFIGURATION
//Horizontal wrap container
Input.StartControlPanel("Horizontal Panel");
Input.StartHorizontalWrapContainer();
Input.ShowTextBox("First name", "fname_2");
Input.ShowTextBox("Last name", "lname_2");
Input.ShowTextBox("Telephone", "telephone_4");
Input.EndHorizontalWrapContainer();
Input.EndControlPanel();

15. List panel HANDS-ON - INPUT CONFIGURATION //Horizontal wrap container
Input.StartControlPanel("Horizontal Panel");
Input.ShowMessage("Creates a container that arranges the contained controls horizontally. If the controls can't fit in one row, they wrap to a new row below the first.");
Input.StartHorizontalWrapContainer();
Input.ShowTextBox("First name", "fname_2");
Input.ShowTextBox("Last name", "lname_2");
Input.ShowTextBox("Telephone", "telephone_4");
Input.EndHorizontalWrapContainer();
Input.EndControlPanel();

16. Render CSS and JSS correctly in Preview Main Header - Sub Header
Confirm that CSS and JS are editable by adding them to the CMS as assets and linking them to developer templates.
Create links in navigation wrappers using ServicesOutput.RenderScriptLink or ServicesOutput.RenderCssLink
Test the Preview in CrownPeak
Show how this looks broken
Preview Configuration Example

17. ICE and the .Raw method Main Header - Sub Header ICE and .Raw Example
In Context Editing (ICE) enables content authors to edit their content from preview mode.
ICE is applied automatically to fields using WYSIWYG, text, and image inputs. ICE can be added or disabled manually.
For conditionals, .Raw is used to obtain the values you may need.
ICE and .Raw Example

18. Make it easy to
Create 
Content
With Models.

19. Model exercise available on Connect
MODELS
We’ll look at an intermediate model configuration, providing content authors with the ability to create a new folder prepopulated with two content assets. We’ll also examine a model configuration that is recursive and includes references to several other model types.
Model exercise available on Connect

20. Resources

21. Demos and Documentation
RESOURCES
Demos and Documentation
Code samples are available in the training instance
Reference documents and articles available on Connect

22. New Powerpoint Template
RESOURCES
Demos and Documentation
Examples and guidelines are available on Connect
Forum open for discussion
New Powerpoint Template
Keynote

23. Before we go…
Your Feedback 

24. We are here to hear your ideas and requests.
PARTNER SUMMIT
- FeedBACK
We want your feedback!
We are here to hear your ideas and requests.
You have our ear - here at the conference, through support, through Connect.
We want to open a dialogue that starts here and continues well beyond
So please share your feedback cos we are always looking for ways to improve our product.
Product improvements come from 3 channels-
Product Management
Innovations from Customer Success team-
And of course Feedback and contributions from Developers like you
Through conversation at the conference or by posting on Connect
Product Management
Customer Success
Community Feedback
Developers

25. Twitter Forums on Connect - FeedBACK Template development
PARTNER SUMMIT
- FeedBACK
Twitter
@CrownPeak
#CrownPeakPartners
For ongoing discussions with the CrownPeak community on
Template development
User & Developer Experience
Solutions and Extensions
Product features & roadmap
Hosting & Publishing
Integrations
Forums on Connect
Twitter hashtag and QR Code
<a href=" class="twitter-hashtag-button" data-related="CrownPeakHelp,CrownPeak">Tweet #CrownPeakPartners</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^ 'script', 'twitter-wjs');</script>
<img src=" d=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DCrownPeakPartners" alt="QRCode"/>
Forums QR code
<img src=" alt="QRCode"/>

26.     Access to Customer Success and Product Teams - FeedBACK
PARTNER SUMMIT
- FeedBACK
Access to Customer Success and Product Teams
You have access the Product and Customer Success teams to give direct feedback on features and best practices
Meet the team during the presentations and Q&A sessions
Make suggestions – we are capturing it. Team members are armed with Post-its!
Ask questions – We want to start a conversation that last well beyond the summit
Any Questions? 
MEET THE TEAM 
MAKE
SUGGESTIONS 
ASK QUESTIONS 
Partners and Developers

27. Partners and Developers
PARTNER SUMMIT
- FeedBACK
FEEDBACK? 
Partners and Developers

28. CrownPeak + Web Experience Management
CrownPeak + Web Experience Management