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

Gutenberg usability testing

Gutenberg usability testing

D36d2c1821af9249b69ff7f5ed60529b?s=128

Tammie Lister

November 15, 2017
Tweet

Transcript

  1. Tammie Lister : @karmatosed speakerdeck.com/tammielis/getting-to-know-gutenberg A tale of Gutenberg Usability

    testing
  2. CHAPTER I Meet Gutenberg

  3. Authoring richly laid out posts is a key strength of

    WordPress… but it’s not easy to do.
  4. By embracing "the block", we can potentially unify multiple different

    interfaces into one.
  5. The vision… • Everything is a block • All blocks

    are created equal • Drag and drop is additive • Placeholders are key • Direct manipulation • Customisation
  6. None
  7. We are listening and iterating.

  8. A look inside Editing

  9. None
  10. Settings A look inside

  11. None
  12. Inspector A look inside

  13. None
  14. Inserter A look inside

  15. None
  16. CHAPTER II Usability tests

  17. “ ” WIKIPEDIA Usability testing is a technique used in

    user-centered interaction design to evaluate a product by testing it on users.
  18. None
  19. None
  20. None
  21. Make Test Test

  22. Make Test Test

  23. Make Test Test

  24. Make Test Test

  25. CHAPTER III In the beginning

  26. Make Test

  27. Why test? • Important to get a baseline • A

    lot was influx, needed boundaries • Ease of contributions • Iterate on over time • A way for community to learn to write tests • A way for those that didn’t know to learn to run tests
  28. None
  29. https://github.com/WordPress/gutenberg/issues/650

  30. https://github.com/WordPress/gutenberg/issues/650

  31. ``` https://github.com/WordPress/gutenberg/issues/652

  32. 1 Feedback/freeform 1 Task based

  33. ``` https://make.wordpress.org/test/2017/06/27/call-for-testing-gutenberg/

  34. None
  35. Full list of issues for feedback: • https://github.com/WordPress/gutenberg/issues/1544 • https://github.com/WordPress/gutenberg/issues/1546

    • https://github.com/WordPress/gutenberg/issues/1547 • https://github.com/WordPress/gutenberg/issues/1548 • https://github.com/WordPress/gutenberg/issues/1549
  36. General comments • https://github.com/WordPress/gutenberg/issues/1550

  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. 103 Task responses 41 Feedback

  45. CHAPTER IV The impact of the tale

  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. CHAPTER V Spreading the tale

  53. Make Test

  54. Issues Support Blogs Pull 
 Requests Meetings Twitter Reviews Slack

  55. None
  56. 58 Responses to feedback form

  57. 53 Feedback 3 Support

  58. CHAPTER VI The second saga of tests

  59. Why test again? • Important to continue to get a

    baseline • A lot has changed • We didn’t reach outside the bubble • We didn’t get enough people tested
  60. None
  61. None
  62. The new tests • 3 images: beginner, intermediate and advanced

    level • Tests can be run without tester or with • Form for reporting and can write post • Encourage screen recording upload, provide instructions • Branched test depending on if need to set up Gutenberg
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. Make Test

  70. Agencies Dev New users Universities Journalists ? Contributors Community Plugin

    Developers Themers Bloggers ? ? ? ? Builders
  71. CHAPTER VII Get involved

  72. Learn more: wordpress.org/gutenberg

  73. Documentation: 
 wordpress.org/gutenberg/handbook/

  74. Get the plugin: 
 wordpress.org/plugins/gutenberg/

  75. Run some tests: 
 make.wordpress.org/test/handbook/call-for- testing/gutenberg-testing

  76. Help with issues: 
 github.com/WordPress/gutenberg/issues

  77. Join the conversation: 
 #core-editor, wed 17:00 UTC

  78. Have a testing session at your meet up

  79. Come find me, let’s talk Gutenberg

  80. Thanks, any questions? Tammie Lister : @karmatosed speakerdeck.com/tammielis/getting-to-know-gutenberg