68

WordPress & User Experience - WordCamp London

Embed Size (px)

Citation preview

Page 1: WordPress & User Experience - WordCamp London
Page 2: WordPress & User Experience - WordCamp London

Sara CannonPartner & Creative Director

at Range http://ran.ge

@saracannon

slideshare.net/saracannon

Page 3: WordPress & User Experience - WordCamp London
Page 4: WordPress & User Experience - WordCamp London
Page 5: WordPress & User Experience - WordCamp London

USER EXPERIENCE

Page 6: WordPress & User Experience - WordCamp London

- WIKIPEDIA

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

Page 7: WordPress & User Experience - WordCamp London

Ux

Page 8: WordPress & User Experience - WordCamp London

Uxis important!

Page 9: WordPress & User Experience - WordCamp London

USERTESTING.COM

Page 10: WordPress & User Experience - WordCamp London

ACCESSIBILITY

CODEX.WORDPRESS.ORG/ACCESSIBILITY

CARRIEDILS.COM/WEB-ACCESSIBILITY-INITIATIVE

Page 11: WordPress & User Experience - WordCamp London

USER EXPERIENCEADMINThe Current

Page 12: WordPress & User Experience - WordCamp London
Page 13: WordPress & User Experience - WordCamp London

LIBRARYMEDIA

Page 14: WordPress & User Experience - WordCamp London
Page 15: WordPress & User Experience - WordCamp London
Page 16: WordPress & User Experience - WordCamp London
Page 17: WordPress & User Experience - WordCamp London
Page 18: WordPress & User Experience - WordCamp London
Page 19: WordPress & User Experience - WordCamp London

DISTRACTION

WRITINGFREE

Page 20: WordPress & User Experience - WordCamp London
Page 21: WordPress & User Experience - WordCamp London

No Frills Concentration Editor

Page 22: WordPress & User Experience - WordCamp London
Page 23: WordPress & User Experience - WordCamp London

CORE.TRAC.WORDPRESS.ORG/TICKETS/UX-FEEDBACK

Page 24: WordPress & User Experience - WordCamp London

USER EXPERIENCEADMIN

Improving The

Page 25: WordPress & User Experience - WordCamp London

& PAGE REORDERINGDRAG DROP

Page 26: WordPress & User Experience - WordCamp London
Page 27: WordPress & User Experience - WordCamp London

WORDPRESS.ORG/PLUGINS/SIMPLE-PAGE-ORDERING

Page 28: WordPress & User Experience - WordCamp London

FEATURED IMAGES

COLUMNSwithin

Page 29: WordPress & User Experience - WordCamp London
Page 30: WordPress & User Experience - WordCamp London
Page 31: WordPress & User Experience - WordCamp London

WORDPRESS.ORG/PLUGINS/FEATURED-IMAGE-COLUMN

Page 32: WordPress & User Experience - WordCamp London

SORTABLE

COLUMNS

Page 33: WordPress & User Experience - WordCamp London

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

Page 34: WordPress & User Experience - WordCamp London

EDITOR

STYLES

Page 35: WordPress & User Experience - WordCamp London
Page 36: WordPress & User Experience - WordCamp London

CODEX.WORDPRESS.ORG/FUNCTION_REFERENCE/ADD_EDITOR_STYLE

Page 37: WordPress & User Experience - WordCamp London

add_editor_style( 'css/custom-editor-style.css' );

CODEX.WORDPRESS.ORG/FUNCTION_REFERENCE/ADD_EDITOR_STYLE

Page 38: WordPress & User Experience - WordCamp London

& FEATURED IMAGE

DRAG DROP

Page 39: WordPress & User Experience - WordCamp London

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

Page 40: WordPress & User Experience - WordCamp London

MENU

HUMILITY

Page 41: WordPress & User Experience - WordCamp London
Page 42: WordPress & User Experience - WordCamp London

WORDPRESS.ORG/PLUGINS/MENU-HUMILITY

Page 43: WordPress & User Experience - WordCamp London

THE FUTURE

USER EXPERIENCEof WordPress

Page 44: WordPress & User Experience - WordCamp London

BOOKMARKLETPRESS THIS

Page 45: WordPress & User Experience - WordCamp London
Page 46: WordPress & User Experience - WordCamp London
Page 47: WordPress & User Experience - WordCamp London
Page 48: WordPress & User Experience - WordCamp London

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

Page 49: WordPress & User Experience - WordCamp London

WP RESTAPI

Page 50: WordPress & User Experience - WordCamp London

POSTSTATUS.COM/WORDPRESS-JSON-REST-API

Page 51: WordPress & User Experience - WordCamp London

- 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.

Page 52: WordPress & User Experience - WordCamp London

ADMIN

THEMES

Page 53: WordPress & User Experience - WordCamp London

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

Page 54: WordPress & User Experience - WordCamp London

HAPPYTABLES.COM

Page 55: WordPress & User Experience - WordCamp London

PICKLE.PUB

Page 56: WordPress & User Experience - WordCamp London

WORDPRESS.ORG/PLUGINS/GUST

Page 57: WordPress & User Experience - WordCamp London
Page 58: WordPress & User Experience - WordCamp London

WORDPRESS.ORG/PLUGINS/SLATE-ADMIN-THEME

Page 59: WordPress & User Experience - WordCamp London

APPLICATIONS

Page 60: WordPress & User Experience - WordCamp London

DESK.PM

Page 61: WordPress & User Experience - WordCamp London

APPPRESSER.COM

Page 62: WordPress & User Experience - WordCamp London

EDITINGFRONT END

Page 63: WordPress & User Experience - WordCamp London
Page 64: WordPress & User Experience - WordCamp London
Page 65: WordPress & User Experience - WordCamp London

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

Page 66: WordPress & User Experience - WordCamp London

VELOCITYPAGE.COM

Page 67: WordPress & User Experience - WordCamp London

CRAFT THEEXPERIENCE

Page 68: WordPress & User Experience - WordCamp London

Thank You

@saracannon slideshare.net/saracannon

SARA CANNON HTTP://RAN.GE

London