Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Beyond the theme…
Affirming the role of the
designer in the WordPress
ecosystem
GET M...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
This Is the Body Text
• This Is Body Text With a Bullet
•
ME
FELIX DESI
PHOTOBOMBED
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
This Is the Body Text
• This Is Body Text With a Bullet
•
DINOSAURS IN ASTRONAUT SUIT
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Introduction
With a market spanning DIY to Enterprise,
WordPress has cemented itself...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
In Todays Talk
• Basics of ‘Good’ design
• WordPress interface history
• What goes o...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Good Design Is Invisible
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
We Know It’s Good When
• It’s easy to use the learning curve is slight
• The interfa...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
WordPress Interface Timeline
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Gold’ - 2003 - 1.0
This Is the Body Text
• This Is Body Text With a Bullet
•
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Duke’ - 2005 - 2.0
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Breaker’ - 2008 - 2.5
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Coltrane’ - 2010 - 3.0
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Sonny’ - 2011 - 3.3
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Oscar’ - 2013 - 3.6
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Parker’ - 2013 - 3.8
This Is the Body Text
• This Is Body Text With a Bullet
•
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
‘Billie’ - 2015 - 4.3
This Is the Body Text
• This Is Body Text With a Bullet
•
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
2018 > Gutenberg is coming
A New Publishing Experience
for WordPress Is in the Works...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Behind the Scenes with
the WordPress Design Team
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
WordPress Design Team
• Only a small number of members of the design team actually
w...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
What Are They Working On
• WordPress Core Interface & elements Design
• Feature Desi...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Dashicons - A Work In Progress
This Is the Body Text
• This Is Body Text With a Bull...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Tim Hengeveld - Yoast
Game Developer / Illustrator / UX
Designer @Yoast
Illustrator ...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Conversation with Tim Hengeveld – Yoast
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Tammie Lister - Automattic
Experience Designer @ Automattic
WordPress Core Contribut...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Conversation with Tammie Lister – Automattic
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Joshua Wold - XWP
Product Owner and Designer @ XWP
As a Product Owner and UX Designe...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Conversation with Joshua Wold – XWP
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Get Involved
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Make WordPress Great Again
Get Involved!
Ever wanted to help? Ever wanted
to add “in...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
Say Hi!
liveby5.com

@LiveBy5ive

hello@liveby5.com

Sydney & Online y’all
Cath Hugh...
liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
References & Image Credits
https://codex.wordpress.org/History

https://www.wpexplor...
Upcoming SlideShare
Loading in …5
×

Cath Hughes - WordCamp Sydney 2018

151 views

Published on

Beyond The Theme: Affirming the role of the designer in the WordPress ecosystem

With a market spanning DIY to Enterprise, WordPress has cemented itself as the tool of choice for nearly 30% of the world’s internet creators.

We celebrate the robust content engine and the thousands of themes available, but with so much ‘done for us’, where does the role of designer fit within the WordPress environment, and how can we continue to use design to influence and shape the experience of WordPress for businesses, developers, DIY’ers and their respective audiences.

Published in: Business
  • Be the first to comment

  • Be the first to like this

Cath Hughes - WordCamp Sydney 2018

  1. 1. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Beyond the theme… Affirming the role of the designer in the WordPress ecosystem GET MY SLIDES HERE
  2. 2. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive This Is the Body Text • This Is Body Text With a Bullet • ME FELIX DESI PHOTOBOMBED
  3. 3. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive This Is the Body Text • This Is Body Text With a Bullet • DINOSAURS IN ASTRONAUT SUIT
  4. 4. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Introduction With a market spanning DIY to Enterprise, WordPress has cemented itself as the tool of choice for nearly 30% of the world’s internet creators.
  5. 5. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive In Todays Talk • Basics of ‘Good’ design • WordPress interface history • What goes on behind the design of WordPress • Who is on the team and how decisions are made • Some insights to the future • … and how you can help shape it

  6. 6. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Good Design Is Invisible
  7. 7. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive We Know It’s Good When • It’s easy to use the learning curve is slight • The interface is consistent and intuitive • Design elements equal or rival current trends and expectations • It works the way you need it too • You forget about the software and just use it • IT GETS THE JOB DONE

  8. 8. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive
  9. 9. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive WordPress Interface Timeline
  10. 10. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Gold’ - 2003 - 1.0 This Is the Body Text • This Is Body Text With a Bullet •
  11. 11. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Duke’ - 2005 - 2.0
  12. 12. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Breaker’ - 2008 - 2.5
  13. 13. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Coltrane’ - 2010 - 3.0
  14. 14. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Sonny’ - 2011 - 3.3
  15. 15. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Oscar’ - 2013 - 3.6
  16. 16. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Parker’ - 2013 - 3.8 This Is the Body Text • This Is Body Text With a Bullet •
  17. 17. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive ‘Billie’ - 2015 - 4.3 This Is the Body Text • This Is Body Text With a Bullet •
  18. 18. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive 2018 > Gutenberg is coming A New Publishing Experience for WordPress Is in the Works: Get Ready To Make Your Words, Pictures, and Layout Look as Good on Screen as They Do in Your Imagination, Without any Code. https://wordpress.org/gutenberg/ “
  19. 19. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Behind the Scenes with the WordPress Design Team
  20. 20. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive WordPress Design Team • Only a small number of members of the design team actually work for Automattic • Mostly made up of people or businesses who volunteer their contributions • Some team members have time donated by their workplace so that they can work on the project • Design team has become more structured over the last year or so • 2 structured meetings per week
  21. 21. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive What Are They Working On • WordPress Core Interface & elements Design • Feature Design • Plugin Design • Feature Themes for core and special projects (eg WordCamp themes, WordPress default themes) • Interface bugs and glitches • Dashicons - official WordPress Iconset
  22. 22. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Dashicons - A Work In Progress This Is the Body Text • This Is Body Text With a Bullet • Make.Wordpress.Org/Design
 /Dashicons-Style-Guide/
  23. 23. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Tim Hengeveld - Yoast Game Developer / Illustrator / UX Designer @Yoast Illustrator who raun his own web comic on WordPress and started with Yoast as an illustrator but got interested in the conversion side of things and founded the UX team at Yoast. Around 1/3 of his time is spent on WordPress Twitter: @Timhengeveld
  24. 24. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Conversation with Tim Hengeveld – Yoast
  25. 25. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Tammie Lister - Automattic Experience Designer @ Automattic WordPress Core Contributor, Open Source Designer. Twitter: @Karmatosed
  26. 26. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Conversation with Tammie Lister – Automattic
  27. 27. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Joshua Wold - XWP Product Owner and Designer @ XWP As a Product Owner and UX Designer I’m Able To Bridge the Communication Gap Between our Client Needs, What our Development Team Can Create, and What the Experience of the End User Should Be.  Twitter: @Joshuawold
  28. 28. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Conversation with Joshua Wold – XWP
  29. 29. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Get Involved
  30. 30. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Make WordPress Great Again Get Involved! Ever wanted to help? Ever wanted to add “insert shiny feature or design component” into WordPress. Here’s your chance: make.wordpress.org/design/ make.wordpress.org/chat/
  31. 31. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive Say Hi! liveby5.com
 @LiveBy5ive
 hello@liveby5.com
 Sydney & Online y’all Cath Hughes is a Sydney-based WordPress consultant, trainer and web designer with a passion for helping small business professionals maximise their online impact.
  32. 32. liveby5.com/wcdsyd WCsyd@ #LiveBy5ive References & Image Credits https://codex.wordpress.org/History
 https://www.wpexplorer.com/history-wordpress-ui/
 https://www.codeinwp.com/blog/evolution-of-wordpress-ui/
 https://wordpress.org/gutenberg/
 https://wordpress.org/gutenberg/handbook/reference/design-principles/
 https://make.wordpress.org/core/tag/gutenberg/
 https://en.support.wordpress.com/customizer/
 https://github.com/WordPress

×