Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A Layout Customiser for The Sun

A Layout Customiser for The Sun

Presented at BigWP on 5th December 2016

John Blackbourn

December 05, 2016
Tweet

More Decks by John Blackbourn

Other Decks in Technology

Transcript

  1. A Layout Customiser
    for
    The Sun

    View Slide

  2. John Blackbourn
    @johnbillion | humanmade.co.uk

    View Slide

  3. Largest print newspaper by circulation
    Second largest newspaper website by viewers
    Migrated to WordPress.com VIP Go
    400,000+ articles
    1TB images
    Switched to HTTPS

    View Slide

  4. Building a Layout Customiser
    (not a Page Builder)

    View Slide

  5. View Slide

  6. Editorial Requirements
    Quickly alter the content and layout of
    the home page and section pages

    View Slide

  7. Editorial Requirements
    Visually and technically
    accurate representation

    View Slide

  8. Editorial Requirements
    Editorially scalable to
    a large number of articles

    View Slide

  9. Editorial Requirements
    Well-formatted storage of the content
    and presentation data

    View Slide

  10. UX Workshops
    Identified the typical journey
    of a news story

    View Slide

  11. UX Workshops
    Free-form control over layout
    is overwhelming, slow,
    and unnecessary

    View Slide

  12. UX Workshops
    Editing content inline for:
    1. Context
    2. Expediency

    View Slide

  13. Solutions
    "The layout customiser"

    View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. Solutions
    "The cascade"

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. View Slide

  25. Solutions
    Maintaining accuracy of
    the preview

    View Slide

  26. View Slide

  27. View Slide

  28. Next Steps
    Scheduling layouts (for sections)
    Inline image editing
    REACT or ?...

    View Slide

  29. Want to see more?
    Come and see me

    View Slide

  30. John Blackbourn
    @johnbillion | humanmade.co.uk

    View Slide