A Layout Customiser for The Sun

Slide 1

Slide 1 text

Slide 2

Slide 2 text

John Blackbourn @johnbillion | humanmade.co.uk

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Building a Layout Customiser (not a Page Builder)

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Editorial Requirements Visually and technically accurate representation

Slide 8

Slide 8 text

Editorial Requirements Editorially scalable to a large number of articles

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

UX Workshops Identiﬁed the typical journey of a news story

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

Solutions "The layout customiser"

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Solutions "The cascade"

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Solutions Maintaining accuracy of the preview

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

Want to see more? Come and see me

Slide 30

Slide 30 text

John Blackbourn @johnbillion | humanmade.co.uk