A Layout Customiser for The Sun

Presented at BigWP on 5th December 2016

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