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

A Layout Customiser for The Sun

23e12888dcd87d07434b7621bc164958?s=47 John Blackbourn
December 05, 2016
Technology
4
340

A Layout Customiser for The Sun

Presented at BigWP on 5th December 2016

23e12888dcd87d07434b7621bc164958?s=128

John Blackbourn

December 05, 2016
Tweet

More Decks by John Blackbourn

See All by John Blackbourn
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
1
1k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.1k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
930
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.2k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.3k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
96
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
1
970
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.3k

Other Decks in Technology

See All in Technology
6e910ea53b24d30c3fb5cf6ae0e313f5?s=48 kaga
0
290
7fb7baff24528be4d8b6e0e6cf831b81?s=48 tj8000rpm
0
220
23f4d5d797a91b6d17d627b90b5a42d9?s=48 kentaro
2
500
8aba6de431668fc8d09977c0e33c63c1?s=48 jaguar_imo
0
120
00101a1274d1f92977f4e442ef73be86?s=48 ahana
0
420
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
210
5c3556b7c8c0ab6bc90a62161a8315f8?s=48 gracia
0
970
462feb0fe0493c40d55650da664e8773?s=48 clustervr
PRO
0
220
1e4cac300be32ee4c840c1e69a5cb2e3?s=48 junendo
0
170
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
0
420
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
9
6.1k
Ad5c154f422a9204af738d173aad4d4c?s=48 kinunori
1
130

Featured

See All Featured
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
40k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
257
20k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
232
18k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
15
820
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
590
B47b288784fda77a94aeb234ca743c24?s=48 keavy
107
14k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
330
36k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
167
7.3k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
22
2.2k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
9.9k

Transcript

  1. A Layout Customiser for The Sun

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

  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

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

  5. None

  6. Editorial Requirements Quickly alter the content and layout of the

    home page and section pages

  7. Editorial Requirements Visually and technically accurate representation

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

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

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

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

    unnecessary

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

  13. Solutions "The layout customiser"

  14. None
  15. None
  16. None

  17. Solutions "The cascade"

  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None

  25. Solutions Maintaining accuracy of the preview

  26. None
  27. None

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

    or ?...

  29. Want to see more? Come and see me

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