SlideShare a Scribd company logo
How to do cool stuff with
   WordPress and make
   yourself more sexually
attractive, and smarter, and
richer, and generally much
    better at life. Kind of.

        by John O’Nolan
John O’Nolan
twitter.com/johnonolan




                Who?
John O’Nolan
twitter.com/johnonolan




Cure world hunger   (approved by Jesus)
John O’Nolan
twitter.com/johnonolan




        I’m a Designer
John O’Nolan
    twitter.com/johnonolan




           I’m a Designer
Who likes to take Photos
John O’Nolan
   twitter.com/johnonolan




         I’m a Designer
Who likes to take Photos
& build Stuff on the web
John O’Nolan
     twitter.com/johnonolan




         I’m a Designer
Who likes to take Photos
 & build Stuff on the web




People tell me I swear
at inappropriate moments
John O’Nolan
twitter.com/johnonolan




   I work for            WordPress
                         UI Team Deputy
John O’Nolan
    twitter.com/johnonolan




       I work for            WordPress
                             UI Team Deputy




I built a travel
       blog for                 over at
John O’Nolan
    twitter.com/johnonolan




       I work for            WordPress
                             UI Team Deputy




I built a travel
       blog for                 over at




   I built a travel
 app for the new
                                        aircraft
John O’Nolan
twitter.com/johnonolan




     and some other stuff
Behind The Scenes
WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
WORDPRESS.ORG STAKEHOLDERS
                                              WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
THE CIRCLE OF TRUST
                                      Donncha
                                                                                      Andrew Nacin
                                      O’Caoimh




                    Andy Skelton                                                                     Dion Hulse




     Joseph Scott                                                                                                 Silviu Burca
      XML-RPC                                                                                                       (Scribu)


                                                            Matt Mullenweg


                                             Ryan Boren                                                                Samuel Wood
Mike Adams                                                                     Jane Wells
                                                                                                                         (Otto42)




   Matt Thomas                                                                                                 Daryl
     UI/2010                                                                                                Koopersmith
                                             Mark Jaquith                    Peter Westwood


                                                             Andrew Ozz

               Nikolay Bachiyski                                                                     Jon Cave
                     i18n                                                                             (duck_)




                                       Alex M                                         John O’Nolan
                                   (Viper007Bond)                                       (UI Group)
WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
WORDPRESS.ORG STAKEHOLDERS
                                              WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
Let’s Go Back In Time
WordPress 0.71
WordPress 1.5
WordPress 2.3
WordPress 2.5
WordPress 2.7
WordPress 3.0
We’ve come a long way.
Who Are We Designing For?
100,000,000 Views Per Day
100,000,000 Views Per Day
     Just on WordPress.com
3,000,000,000 Views Per Month
A Report Last Year Suggested That

WordPress Powers
  8.5% of The Internet
Over 26,000,000 Sites
BUT
Microsoft migrated an estimated
30,000,000 additional sites
        to WordPress.com
Total: 56,000,000 Sites*
*



    How Many Sites Microsoft Said They Migrated
    How Many They Really Migrated
Total: 30,000,000 Sites
                      (ish)
It’s like selling out every seat at every match at
          every stadium at the World Cup
10 Times
The Best Part?
They Speak Over
60 Different Languages
Who Are We Designing For?
Lots of people.
How Do We Do it?
Users   Matt   Dev Lead   UI Lead
Users                    Matt   Dev Lead   UI Lead




Style Lead   Icon Design                           UI Deputy
Users                               Matt   Dev Lead       UI Lead




Style Lead           Icon Design                                  UI Deputy




                                                              UI Group
                                   UI Lead                        (design)
             Style Lead                         UI Deputy
Users                                   Matt       Dev Lead          UI Lead




     Style Lead           Icon Design                                             UI Deputy




                                                                              UI Group
                                         UI Lead                                  (design)
                  Style Lead                                    UI Deputy




Implement it!      YES!                 REVIEW            NO!                    #blamenacin
                                        (does it work?)
Users                                    Matt                  Dev Lead           UI Lead




     Style Lead            Icon Design                                                         UI Deputy




                                                                                           UI Group
                                          UI Lead                                              (design)
                   Style Lead                                               UI Deputy




Implement it!       YES!                 REVIEW                       NO!                     #blamenacin
                                         (does it work?)




 UI Group                         UI Deputy                Core Dev            Beta
    (markup+css)                                                               Release
Users                                    Matt                  Dev Lead           UI Lead


Some code
  stuff
 happens
  here


                 Style Lead            Icon Design                                                         UI Deputy




 Star
 Trek?                                                                                                 UI Group
                                                      UI Lead                                              (design)
                               Style Lead                                               UI Deputy




            Implement it!       YES!                 REVIEW                       NO!                     #blamenacin
                                                     (does it work?)




             UI Group                         UI Deputy                Core Dev            Beta
                (markup+css)                                                               Release
Users                                    Matt                  Dev Lead           UI Lead


Some code
  stuff
 happens
  here


                 Style Lead            Icon Design                                                         UI Deputy




 Star
 Trek?                                                                                                 UI Group
                                                      UI Lead                                              (design)
                               Style Lead                                               UI Deputy




            Implement it!       YES!                 REVIEW                       NO!                     #blamenacin
                                                     (does it work?)

                                                                                                         USER TESTING
                                                                                                          (does it work?)   NO!


             UI Group                         UI Deputy                Core Dev            Beta                YES!
                (markup+css)                                                               Release
                                                                                                        Final Release
Don’t Forget
&
Everything has
 to be flexible
It’s challenging
John. You’re
supposed to be
  giving them
 tips and stuff.
WordPress
 not Wordpress
Some Basics
   (general shit)
Must Have Plugins
Don’t leave home without them. Ever!



- Akismet (Automattic)
- After The Deadline (Raphael Mudge)
- WordPress Database Backup (Austin Matzko)
- Comment Reply Notification (Denishua)
- Google Analytics for WordPress (Joost)
- WordPress SEO (Joost)
Some Intermediate Stuff
       (design & pretty colours)
“   A designer knows he has achieved perfection
    not when there is nothing left to add, but when
    there is nothing left to take away.
— Antoine De Saint-Exupery
“ Everyother designers’ work. secretseethat they
  copy
        designer’s dirty little
                                They
                                     is
                                        work
   they like and they imitate it. Rather cheekily,
   they call this inspiration.
— Aaron Russell
Some Advanced Stuff
    (performance and optimisation)
Performance
Why should you care?
Performance
Why should you care?



For every 100ms delay in page load, Amazon
measured a 1% drop in sales.
Performance
Why should you care?



For every 100ms delay in page load, Amazon
measured a 1% drop in sales.

1% of $4.3billion a month = $43million
Performance
Why should you care?



For every 100ms delay in page load, Amazon
measured a 1% drop in sales.

1% of $4.3billion a month = $43million


For every 500ms delay in page load, Google
measured a 20% drop in traffic.
Install W3 Total Cache
Get rid of as many big images,
  social widgets, and fancy
   animations as possible.
Measure your speed with
the YSlow plugin for Firefox
My Name is John O’Nolan
               twitter.com/JohnONolan                           My Book, Coming Soon:




JOHN
               facebook.com/JohnONolan
               flickr.com/photos/JohnONolan                     DESIGNING
LICENSING:                                                      EMOTION
This talk is released under the Creative Commons 3.0 license.
All slides and content will be available on john.onolan.org     BY JOHN O’NOLAN
PHOTO CREDITS:
                                                                AND ADII PIENAAR
Myself, Qfamily, petesimon, gesika22, dailyinvention, James
Cridland, xlibber, Ian Lamont, cheezburger.com
                                                                AUTUMN 2011
                                                                http://amzn.to/DesigningEmotion

More Related Content

Viewers also liked

Focus
FocusFocus
Preliminary considerations final
Preliminary considerations finalPreliminary considerations final
Preliminary considerations final
mctjournal
 
Personal Branding - WDC2010
Personal Branding - WDC2010Personal Branding - WDC2010
Personal Branding - WDC2010
John O'Nolan
 
Preliminary considerations edited
Preliminary considerations editedPreliminary considerations edited
Preliminary considerations editedmctjournal
 
Direct indirect number 3
Direct indirect number 3Direct indirect number 3
Direct indirect number 3
mctjournal
 
Text 2 Donate
Text 2 DonateText 2 Donate
Text 2 Donatecrm429
 
Understanding identity final
Understanding identity finalUnderstanding identity final
Understanding identity finalmctjournal
 
Made for Love, Not for Profit
Made for Love, Not for ProfitMade for Love, Not for Profit
Made for Love, Not for Profit
John O'Nolan
 
MCT Preliminary considerations edited
MCT Preliminary considerations editedMCT Preliminary considerations edited
MCT Preliminary considerations editedmctjournal
 
Seamless Commerce Vision
Seamless Commerce VisionSeamless Commerce Vision
Seamless Commerce Vision
Chris Kalaboukis
 
Antiepileptics
AntiepilepticsAntiepileptics
AntiepilepticsAmit Kumar
 
Basic grammar of ghazal 1 (tamil)
Basic grammar of ghazal   1 (tamil)Basic grammar of ghazal   1 (tamil)
Basic grammar of ghazal 1 (tamil)
Abul Azad
 
Eletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de EnfermagemEletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de Enfermagem
José Augusto Casagrande
 
Modern Customer Service
Modern Customer ServiceModern Customer Service
Modern Customer Service
John O'Nolan
 

Viewers also liked (14)

Focus
FocusFocus
Focus
 
Preliminary considerations final
Preliminary considerations finalPreliminary considerations final
Preliminary considerations final
 
Personal Branding - WDC2010
Personal Branding - WDC2010Personal Branding - WDC2010
Personal Branding - WDC2010
 
Preliminary considerations edited
Preliminary considerations editedPreliminary considerations edited
Preliminary considerations edited
 
Direct indirect number 3
Direct indirect number 3Direct indirect number 3
Direct indirect number 3
 
Text 2 Donate
Text 2 DonateText 2 Donate
Text 2 Donate
 
Understanding identity final
Understanding identity finalUnderstanding identity final
Understanding identity final
 
Made for Love, Not for Profit
Made for Love, Not for ProfitMade for Love, Not for Profit
Made for Love, Not for Profit
 
MCT Preliminary considerations edited
MCT Preliminary considerations editedMCT Preliminary considerations edited
MCT Preliminary considerations edited
 
Seamless Commerce Vision
Seamless Commerce VisionSeamless Commerce Vision
Seamless Commerce Vision
 
Antiepileptics
AntiepilepticsAntiepileptics
Antiepileptics
 
Basic grammar of ghazal 1 (tamil)
Basic grammar of ghazal   1 (tamil)Basic grammar of ghazal   1 (tamil)
Basic grammar of ghazal 1 (tamil)
 
Eletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de EnfermagemEletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de Enfermagem
 
Modern Customer Service
Modern Customer ServiceModern Customer Service
Modern Customer Service
 

Recently uploaded

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Safe Software
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Nexer Digital
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
Alpen-Adria-Universität
 
By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024
Pierluigi Pugliese
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
nkrafacyberclub
 

Recently uploaded (20)

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
 
By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
 

Word Up Brighton

  • 1. How to do cool stuff with WordPress and make yourself more sexually attractive, and smarter, and richer, and generally much better at life. Kind of. by John O’Nolan
  • 5. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos
  • 6. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos & build Stuff on the web
  • 7. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos & build Stuff on the web People tell me I swear at inappropriate moments
  • 8. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy
  • 9. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy I built a travel blog for over at
  • 10. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy I built a travel blog for over at I built a travel app for the new aircraft
  • 12.
  • 13.
  • 14.
  • 16. WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 17. WORDPRESS.ORG STAKEHOLDERS WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 18. THE CIRCLE OF TRUST Donncha Andrew Nacin O’Caoimh Andy Skelton Dion Hulse Joseph Scott Silviu Burca XML-RPC (Scribu) Matt Mullenweg Ryan Boren Samuel Wood Mike Adams Jane Wells (Otto42) Matt Thomas Daryl UI/2010 Koopersmith Mark Jaquith Peter Westwood Andrew Ozz Nikolay Bachiyski Jon Cave i18n (duck_) Alex M John O’Nolan (Viper007Bond) (UI Group)
  • 19. WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 20. WORDPRESS.ORG STAKEHOLDERS WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 21. Let’s Go Back In Time
  • 23.
  • 24.
  • 25.
  • 27.
  • 28.
  • 29.
  • 31.
  • 32.
  • 33.
  • 35.
  • 36.
  • 37.
  • 39.
  • 40.
  • 41.
  • 43.
  • 44.
  • 45.
  • 46. We’ve come a long way.
  • 47. Who Are We Designing For?
  • 49. 100,000,000 Views Per Day Just on WordPress.com
  • 51. A Report Last Year Suggested That WordPress Powers 8.5% of The Internet
  • 53. BUT
  • 54. Microsoft migrated an estimated 30,000,000 additional sites to WordPress.com
  • 56. * How Many Sites Microsoft Said They Migrated How Many They Really Migrated
  • 58. It’s like selling out every seat at every match at every stadium at the World Cup
  • 61. They Speak Over 60 Different Languages
  • 62. Who Are We Designing For?
  • 64. How Do We Do it?
  • 65. Users Matt Dev Lead UI Lead
  • 66. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy
  • 67. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy
  • 68. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?)
  • 69. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) UI Group UI Deputy Core Dev Beta (markup+css) Release
  • 70. Users Matt Dev Lead UI Lead Some code stuff happens here Style Lead Icon Design UI Deputy Star Trek? UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) UI Group UI Deputy Core Dev Beta (markup+css) Release
  • 71. Users Matt Dev Lead UI Lead Some code stuff happens here Style Lead Icon Design UI Deputy Star Trek? UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) USER TESTING (does it work?) NO! UI Group UI Deputy Core Dev Beta YES! (markup+css) Release Final Release
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 78.
  • 79. &
  • 80.
  • 81. Everything has to be flexible
  • 83. John. You’re supposed to be giving them tips and stuff.
  • 84.
  • 86. Some Basics (general shit)
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92. Must Have Plugins Don’t leave home without them. Ever! - Akismet (Automattic) - After The Deadline (Raphael Mudge) - WordPress Database Backup (Austin Matzko) - Comment Reply Notification (Denishua) - Google Analytics for WordPress (Joost) - WordPress SEO (Joost)
  • 93. Some Intermediate Stuff (design & pretty colours)
  • 94. A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away. — Antoine De Saint-Exupery
  • 95.
  • 96.
  • 97. “ Everyother designers’ work. secretseethat they copy designer’s dirty little They is work they like and they imitate it. Rather cheekily, they call this inspiration. — Aaron Russell
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103. Some Advanced Stuff (performance and optimisation)
  • 105. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales.
  • 106. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales. 1% of $4.3billion a month = $43million
  • 107. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales. 1% of $4.3billion a month = $43million For every 500ms delay in page load, Google measured a 20% drop in traffic.
  • 109.
  • 110. Get rid of as many big images, social widgets, and fancy animations as possible.
  • 111. Measure your speed with the YSlow plugin for Firefox
  • 112.
  • 113. My Name is John O’Nolan twitter.com/JohnONolan My Book, Coming Soon: JOHN facebook.com/JohnONolan flickr.com/photos/JohnONolan DESIGNING LICENSING: EMOTION This talk is released under the Creative Commons 3.0 license. All slides and content will be available on john.onolan.org BY JOHN O’NOLAN PHOTO CREDITS: AND ADII PIENAAR Myself, Qfamily, petesimon, gesika22, dailyinvention, James Cridland, xlibber, Ian Lamont, cheezburger.com AUTUMN 2011 http://amzn.to/DesigningEmotion