WordPress & User Experience “WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin - how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.” THE CURRENT ADMIN EXPERIENCE — Media Library — Distraction Free Writing — Customizer IMPROVING THE ADMIN EXPERIENCE — Drag and drop page reordering — Featured Images Within Columns — Sortable Columns — Editor Styles — Drag & Drop Featured Image THE FUTURE IN WORDPRESS USER EXPERIENCE — Press This Bookmarklet — WP REST API — Admin Themes — Front End Editing

2. Sara Cannon
Partner & Creative Director
at Range http://ran.ge
@saracannon
slideshare.net/saracannon

3. USER EXPERIENCE

4. - WIKIPEDIA
User Experience (UX) involves
a person's behaviors,
attitudes, and emotions about
using a particular product,
system or service.
“

5. Ux

6. Ux
is important!

7. USERTESTING.COM

8. ACCESSIBILITY
CODEX.WORDPRESS.ORG/ACCESSIBILITY
CARRIEDILS.COM/WEB-ACCESSIBILITY-INITIATIVE

9. USER EXPERIENCE
ADMIN
The Current

11. LIBRARY
MEDIA

17. DISTRACTION
WRITING
FREE

19. No Frills Concentration Editor

21. CUSTOMIZER

24. USER EXPERIENCE
ADMIN
Improving The

25. &
PAGE REORDERING
DRAG DROP

26. WORDPRESS.ORG/PLUGINS/SIMPLE-PAGE-ORDERING

28. FEATURED IMAGES
COLUMNS
within

31. WORDPRESS.ORG/PLUGINS/FEATURED-IMAGE-COLUMN

32. SORTABLE
COLUMNS

33. WPDREAMER.COM/2014/04/HOW-TO-MAKE-YOUR-
WORDPRESS-ADMIN-COLUMNS-SORTABLE

34. EDITOR
STYLES

36. CODEX.WORDPRESS.ORG/FUNCTION_REFERENCE/
ADD_EDITOR_STYLE

37. add_editor_style( 'css/custom-editor-style.css' );
CODEX.WORDPRESS.ORG/FUNCTION_REFERENCE/
ADD_EDITOR_STYLE

38. &
FEATURED IMAGE
DRAG DROP

39. WORDPRESS.ORG/PLUGINS/DRAG-DROP-FEATURED-
IMAGE

40. THE FUTURE
USER EXPERIENCE
of WordPress

41. WP REST
API

42. POSTSTATUS.COM/WORDPRESS-JSON-REST-API

43. - BRIAN KROGSGARD - POSTSTATUS.COM
Developers will be able to
perform nearly all the data
manipulation and data
reading functions that are
possible with PHP, with the
new API.
“

44. ADMIN
THEMES

45. WPTAVERN.COM/IS-2015-THE-YEAR-OF-WORDPRESS-
ADMIN-THEMES

46. HAPPYTABLES.COM

47. PICKLE.PUB

48. EDITING
FRONT END

51. WORDPRESS.ORG/PLUGINS/WP-FRONT-END-EDITOR

52. BOOKMARKLET
PRESS THIS

56. WORDPRESS.ORG/NEWS/2015/03/WORDPRESS-4-2-BETA-1

57. CRAFT THE
EXPERIENCE

58. Thank You
@saracannon
slideshare.net/saracannon
SARA CANNON HTTP://RAN.GE
St. Louis