Gutenberg usability testing

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
7. We are listening and iterating.
8. A look inside Editing
10. Settings A look inside
12. Inspector A look inside
14. Inserter A look inside
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.
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
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/
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
44. 103 Task responses 41 Feedback
45. CHAPTER IV The impact of the tale
52. CHAPTER V Spreading the tale
53. Make Test
54. Issues Support Blogs Pull 
 Requests Meetings Twitter Reviews Slack
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
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
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