Adventures in UX architecture

A presentation at Student and Alumni Mixer with Centre for Human Computer Interaction Design in July 2022 in London, UK by Rik Williams

Slide 1

Slide 1

Adventures in UX architecture a a a a a a Rik Willi ms, Senior Content Str tegist, Government Digit l Service (GDS) rikwilli ms.net/t lks/ux- rchitecture

Slide 2

Slide 2

Structure Who’s Rik? I work for you! How did I get here? Latest project Q&A

Slide 3

Slide 3

Hi, I’m Rik 👋

Slide 4

Slide 4

I work for you!

Slide 5

Slide 5

Slide 6

Slide 6

Slide 7

Slide 7

1,800,000,000 a requests for service (GA Visits) cross 2021

Slide 8

Slide 8

How did I get here?

Slide 9

Slide 9

a Imperi l College London

Slide 10

Slide 10

a a a a a R leigh Intern tion l. Fe t: Dominic Fr ncis!

Slide 11

Slide 11

Web Designer? Library Scientist? Webmaster? Information Architect! 🤓 Graphic Designer? Archivist? Multimedia Developer?

Slide 12

Slide 12

City University, London

Slide 13

Slide 13

MSc Electronic Publishing (2007) 🤓 MSc Human Centred Systems (2011)

Slide 14

Slide 14

Content Architecture User Research IA Inclusive Design

Slide 15

Slide 15

2007 City, University of London University College London Raleigh International Alzheimer’s Society Moor ields Eye Hospital GDS f 2022

Slide 16

Slide 16

#UXA, #FTW🤘

Slide 17

Slide 17

IA Source: Design Council

Slide 18

Slide 18

“IA takes user research insights and synthesises them into structure” a a Sophi Pr ter

Slide 19

Slide 19

Source: Sophia Prater

Slide 20

Slide 20

“Information architecture provides actionable blueprints for what’s being designed and built.” Abby Covert

Slide 21

Slide 21

“Well-de ned leads to well-designed.” fi a Linds y Eryn Sutton

Slide 22

Slide 22

Latest project…

Slide 23

Slide 23

Slide 24

Slide 24

fi The ‘Moor elds paradox’

Slide 25

Slide 25

Slide 26

Slide 26

An unholy trinity

Slide 27

Slide 27

NHS Private Middle East Team 1 Team 2 Team 3 Page-based CMS 1 Page-based CMS 2 Page-based CMS 3 fi PDF- rst

Slide 28

Slide 28

The tyranny of the page

Slide 29

Slide 29

Slide 30

Slide 30

IA = Inaccessible Architecture

Slide 31

Slide 31

“Every time a new page loads, I have to start all over again working out how it all works” A screenre der user disorient ted by inconsistent structure a a f a WCAG 2.2; success criterion 3.2.4 — consistent identi ic tion

Slide 32

Slide 32

“Information Architecture makes sense of mess.” Anon.

Slide 33

Slide 33

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

Slide 37

Slide 37

Slide 38

Slide 38

“A factor in sustainable IA is to make it as exible as possible, and to me, that means taking an object-oriented approach.” fl Lou Rosenfeld

Slide 39

Slide 39

“A content model should honour all users fundamental mental model.” Me

Slide 40

Slide 40

a f Source: https://www. lickr.com/photos/rik-willi ms/

Slide 41

Slide 41

Tangible Agnostic Durable Structure Instances Purpose

Slide 42

Slide 42

Slide 43

Slide 43

Releases 2, 3 and 4

Slide 44

Slide 44

Slide 45

Slide 45

Slide 46

Slide 46

Slide 47

Slide 47

Slide 48

Slide 48

Slide 49

Slide 49

f *simpli ied model!

Slide 50

Slide 50

Slide 51

Slide 51

Slide 52

Slide 52

Slide 53

Slide 53

Slide 54

Slide 54

Slide 55

Slide 55

Slide 56

Slide 56

Results fi fi fi • single trusted content source (headless, modular) • joined-up, de nitive and reusable data • simplifying, unifying identities (e.g., NHS and Private) • durable (agnostic of Moor elds, teams, technology, channels) • inclusive (heterarchical, content-led, accessible way nding)

Slide 57

Slide 57

“People don’t care about the containers. They care about the things they contain.” a a a Mike Atherton nd C rrie H ne

Slide 58

Slide 58

Slide 59

Slide 59

Cheeky plugs!

Slide 60

Slide 60

a a a Join/spe k with us t: meetup.com/rese rchthing/

Slide 61

Slide 61

a Mentoring: uxp -uk.org/development/mentoring/

Slide 62

Slide 62

Q&A (…also possible over 🍺🥛🍷😋)