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
980
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
990
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
970
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
890
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.1k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.3k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
94
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
1
920
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.3k

Other Decks in Technology

See All in Technology
Cfa476ea86b3f372d114ab5eca50425b?s=48 nomizone
0
540
Cd3d2cb2dadf5488935fe0ddaea7938a?s=48 monochromegane
0
110
0eacc4d25ee36af36d12e76b52de8bac?s=48 koushiohno
0
120
0d040d77cca56a9652d74db65bac0245?s=48 elasticanz
0
120
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
1
130
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
1.5k
D1b28ca276bee52e56ba11785f70d2d6?s=48 makocchi
0
220
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
190
5df7b3418b4b5528ddfe514d73008883?s=48 tsugimot
0
130
116c9c298f57285d2d3b5ac0749f014b?s=48 asatrya
0
100
C32b954bf4af359cbb4d662b97463716?s=48 ar_tama
0
270
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
110

Featured

See All Featured
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
12
610
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.4k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.8k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
92
13k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
325
15k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
773
190k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
22
1.1k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
6
370
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.3k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
320
53k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
11
510

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