Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Crafting for the Author - 7 Principles for Improving Author Experience

7157ca196b96e224c39f4d37a86bb5a1?s=47 Kyle Cotter
September 20, 2019
Programming
0
420

Crafting for the Author - 7 Principles for Improving Author Experience

Presentation given at Dot All Conf 2019.

7157ca196b96e224c39f4d37a86bb5a1?s=128

Kyle Cotter

September 20, 2019
Tweet

More Decks by Kyle Cotter

See All by Kyle Cotter
7157ca196b96e224c39f4d37a86bb5a1?s=48 kylecotter
0
75
7157ca196b96e224c39f4d37a86bb5a1?s=48 kylecotter
1
90
7157ca196b96e224c39f4d37a86bb5a1?s=48 kylecotter
2
170

Other Decks in Programming

See All in Programming
C69a66be00bc04081feb1674c9085ca2?s=48 n_makoto
2
280
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
0
480
Cb504213a5310e01faabbc0b3fca3d39?s=48 napple29
0
180
5d138ccf47c8d79aa8f0d29900f9e07b?s=48 rollbear
0
230
7867fe52a9be4257508a516d4df61578?s=48 tkmnzm
0
190
7a0892afffbcbd35fd84d46508b3a914?s=48 dropout009
2
790
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
34
14k
27021de2df79d619a3ebf52ab6392e82?s=48 guikingone
1
150
30e63a1ad21d3944b288fc3d33d1e920?s=48 amrrs
0
160
6aaaf03c4f5c681d89c3078bd6070a6f?s=48 rumi_yamaguchi
0
1.5k
098ad475722e3697ec2fba28c8654f9f?s=48 yuhta28
0
150
0881bf028854bea223770e6bfc0a4065?s=48 martin_lover
11
4.5k

Featured

See All Featured
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
43
4.9k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
120
11k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.4k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
36
2.5k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.9k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
129
22k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.4k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
147
20k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
29
5.1k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
99
5.7k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.2k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
5.6k

Transcript

  1. Crafting for the Author 7 Principles for Improving Author Experience

  2. Author Experience 2 H A P P Y CO G

  3. Author Experience 3 H A P P Y CO G

  4. What is Author Experience?

  5. #AX

  6. Make the user of your CMS actually enjoy managing their

    content. 6 H A P P Y CO G

  7. Author Experience Lead

  8. 7 Principles

  9. • What are we dealing with? • 7 Principles •

    Practical Demo • Q/A 9 H A P P Y CO G

  10. Flexible Content Builder Structured Data

  11. Structured Data

  12. 12 H A P P Y CO G + C

    L I E NT NAME

  13. 13 H A P P Y CO G + C

    L I E NT NAME

  14. 14 H A P P Y CO G + C

    L I E NT NAME

  15. 15 H A P P Y CO G + C

    L I E NT NAME

  16. Flexible Content Builder Structured Data

  17. Flexible Content Builder

  18. 18 H A P P Y CO G + C

    L I E NT NAME

  19. 19 H A P P Y CO G + C

    L I E NT NAME

  20. 20 H A P P Y CO G + C

    L I E NT NAME

  21. Flexible Content Builder Structured Data

  22. None

  23. 23 H A P P Y CO G + C

    L I E NT NAME

  24. 24 H A P P Y CO G + C

    L I E NT NAME

  25. 25 H A P P Y CO G + C

    L I E NT NAME

  26. 26 H A P P Y CO G + C

    L I E NT NAME

  27. 27 H A P P Y CO G + C

    L I E NT NAME

  28. 28 H A P P Y CO G + C

    L I E NT NAME

  29. 29 H A P P Y CO G + C

    L I E NT NAME

  30. 30 H A P P Y CO G + C

    L I E NT NAME

  31. 31 H A P P Y CO G + C

    L I E NT NAME

  32. Flexible Content Builder Structured Data

  33. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 33 H A P P Y CO G
  34. None

  35. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 35 H A P P Y CO G

  36. CRAF TIN G FO R TH E AUTHOR It’s theirs

    It’s their site, their content, their data, their experience. Make it the best it can be.

  37. CRAF TIN G FO R TH E AUTHOR Custom Branding

    Login page logo, site Icon, custom login background, and more.

  38. 38 H A P P Y CO G + C

    L I E NT NAME

  39. 39 H A P P Y CO G + C

    L I E NT NAME

  40. 40 H A P P Y CO G + C

    L I E NT NAME

  41. 41 H A P P Y CO G + C

    L I E NT NAME

  42. 42 H A P P Y CO G + C

    L I E NT NAME

  43. CRAF TIN G FO R TH E AUTHOR Naming Conventions

    How do content editors refer to things?

  44. 44 H A P P Y CO G + C

    L I E NT NAME

  45. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 45 H A P P Y CO G

  46. CRAF TIN G FO R TH E AUTHOR Predictability From

    naming conventions to how interacting with elements function, make it the same across the site. Your content editors and other developers will thank you.

  47. 47 H A P P Y CO G + C

    L I E NT NAME

  48. 48 H A P P Y CO G + C

    L I E NT NAME

  49. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 49 H A P P Y CO G

  50. CRAF TIN G FO R TH E AUTHOR Be a

    Content Entry User Test your setup…no, really — test it. Identify pain-points and solve them before your content editors even know about them.

  51. CRAF TIN G FO R TH E AUTHOR Plugins AX

    focused plugins

  52. H A P P Y CO G + D O

    T A LL 2019 52 • CP Element Count • Control Panel Nav • Default Dashboard • Element Map • Entry Instructions AX focused plugins

  53. H A P P Y CO G + D O

    T A LL 2019 53 • Environment Label • Expanded Singles • Field Labels • Spoon • Neo AX focused plugins

  54. CRAF TIN G FO R TH E AUTHOR Extending Plugins

    Take the AX to the next level

  55. CRAF TIN G FO R TH E AUTHOR Groups and

    Listing Tables Organize sections logically. Add appropriate columns to listing tables. Use tabs when creating entries.

  56. Examples

  57. 57 H A P P Y CO G + C

    L I E NT NAME

  58. 58 H A P P Y CO G + C

    L I E NT NAME

  59. 59 H A P P Y CO G + C

    L I E NT NAME

  60. 60 H A P P Y CO G + C

    L I E NT NAME

  61. 61 H A P P Y CO G + C

    L I E NT NAME

  62. 62 H A P P Y CO G + C

    L I E NT NAME

  63. 63 H A P P Y CO G + C

    L I E NT NAME

  64. 64 H A P P Y CO G + C

    L I E NT NAME

  65. 65 H A P P Y CO G + C

    L I E NT NAME

  66. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 66 H A P P Y CO G

  67. CRAF TIN G FO R TH E AUTHOR Document For

    them, for you, for everyone.

  68. 68 H A P P Y CO G + C

    L I E NT NAME

  69. 69 H A P P Y CO G + C

    L I E NT NAME

  70. CRAF TIN G FO R TH E AUTHOR Guide Plugin

    Global content editor documentation & inline entry documentation modal.

  71. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 71 H A P P Y CO G

  72. CRAF TIN G FO R TH E AUTHOR Balance is

    Crucial

  73. H A P P Y CO G + D O

    T A LL 2019 73 • Don’t over engineer the project • Don’t use plugins for the sake of using plugins

  74. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 74 H A P P Y CO G

  75. CRAF TIN G FO R TH E AUTHOR Content editors

    will test what you’ve setup for them and can be…

  76. H A P P Y CO G + D O

    T A LL 2019 76 • Confused • Not agree with the workflow • Think it is difficult

  77. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 77 H A P P Y CO G

  78. Create a Content Model

  79. The content what?

  80. STOP. 80 H A P P Y CO G

  81. Close the Control Panel. 81 H A P P Y

    CO G
  82. None

  83. Flexible Content Builder Structured Data

  84. None

  85. CRAF TIN G FO R TH E AUTHOR The Content

    Model or content planning document

  86. What is it? 86 H A P P Y CO

    G

  87. How do we make one? 87 H A P P

    Y CO G

  88. What should it include? 88 H A P P Y

    CO G

  89. What happens when we’re done? 89 H A P P

    Y CO G

  90. What is it? 90 H A P P Y CO

    G A client deliverable spreadsheet, document, or other organized file that is a 1:1 mapping of Craft CMS terminology and thought processes that integrates with site designs and site information architecture.

  91. How do we make one? 91 H A P P

    Y CO G Coda.io, Airtable, Google Sheets, MindNode

  92. Everything needed to setup a Craft site from scratch. What

    should it include? 92 H A P P Y CO G

  93. It is the source of truth. New project milestones, changes,

    requests, must first be included and approved in the Content Model Document. What happens when we’re done? 93 H A P P Y CO G

  94. Examples

  95. 95 H A P P Y CO G + C

    L I E NT NAME

  96. 96 H A P P Y CO G + C

    L I E NT NAME

  97. 97 H A P P Y CO G + C

    L I E NT NAME

  98. 98 H A P P Y CO G + C

    L I E NT NAME

  99. The Tool is not Important

  100. Providing a Good Author Experience is a Mindset

  101. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 10 1 H A P P Y CO G

  102. CRAF TIN G FO R TH E AUTHOR Demo

  103. Flexible Content Builder Structured Data

  104. 1. Make it Personal 2. Be Consistent 3. Be Proactive

    4. Be Explicit 5. Be Prudent 6. Be Flexible 7. Make a Plan Principles 10 4 H A P P Y CO G

  105. STOP. 105 H A P P Y CO G

  106. Close the Control Panel. 106 H A P P Y

    CO G

  107. Thank You

  108. Q/A

  109. @KyleCotter kylecotter.com/ax