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
360

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
1.2k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.3k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.2k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.1k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.3k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
3
1.6k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
100
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
1
1.1k
23e12888dcd87d07434b7621bc164958?s=48 johnbillion
0
1.5k

Other Decks in Technology

See All in Technology
0350fb935be160186cd72472c9e5543b?s=48 hayaosuzuki
0
150
Dc03bf56cb3157b6036f9818593d7e40?s=48 rung
0
1.1k
8a1af77e438c19487b710e1f0ec95df3?s=48 ushigai
0
310
928b1395afedebb5ee48d44ab917c5f1?s=48 ryusa
1
280
119659c28d16f22d01eb48a6f3ee1391?s=48 iwatatomoya
0
770
107ea34bd4da51e40f1c30b9ca0c459e?s=48 inomasosan
0
890
7cb78d6108cc74bec0f2f001127f662a?s=48 hiroki_hasegawa
0
170
73ceba4e609fe802cd38d6403d741faf?s=48 genkifujii
0
1.2k
A802bd7750e15727781f5941a2c7becb?s=48 andreasaez
0
150
0a60519567997c093a11175b27c35b16?s=48 riita10069
0
160
B5c9915c0275ce635a5e182e6a37c6ce?s=48 k1style
0
370
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
430

Featured

See All Featured
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
88
5.3k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
298
39k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
56k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
24k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
96
3.3k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
778
200k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.5k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
105
11k
245cee81a9c424266e5e401d844ea881?s=48 lara
596
62k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
56
3k

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