Barry Briggs - Camp Digital 2016
Transcript of Barry Briggs - Camp Digital 2016
![Page 1: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/1.jpg)
@quiffboy #CampDigital 17 Mar 2016
Designing For The Gap
![Page 2: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/2.jpg)
Quasi-provocative rhetorical question:
![Page 3: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/3.jpg)
GODDAMN. TIME.EVERY.
![Page 4: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/4.jpg)
Another potentially provocative statement:
![Page 5: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/5.jpg)
StartLaunch app
Launch app Is logged in? BBC ID sign in/register process
Sign in or register
Upsell & sign in process
Onboarding process
Sign inNo
Yes
Has onboarded?
No
Home screen
Yes Done
Content
Done
View item
End
Share
Native share panel
Close app
ShareUser shares content
Done
Why am I stood here?
![Page 6: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/6.jpg)
@quiffboy
![Page 7: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/7.jpg)
.com
![Page 8: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/8.jpg)
![Page 9: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/9.jpg)
![Page 10: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/10.jpg)
Northern User Experience Manchester ~ Leeds ~ Newcastle ~ Liverpool
nuxuk.org ~ @nuxuk
![Page 11: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/11.jpg)
Monday 25th April 2016
White Cloth Gallery, Leeds
Part of @leedsdigifest16
Tickets only £90
w: 2016.nuxcamp.ukt: @nuxuk
![Page 12: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/12.jpg)
![Page 13: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/13.jpg)
![Page 14: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/14.jpg)
So, about these gaps…
![Page 15: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/15.jpg)
Designing complex systems is hard, right?
![Page 16: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/16.jpg)
Many techniques for gathering information are inefficient
![Page 17: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/17.jpg)
![Page 18: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/18.jpg)
Page A Page B
Is this true?
Page C Page D
Yes No
Link label
Link label
Start
End End
Standard flow chart notation
PDFDownload
![Page 19: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/19.jpg)
How?
1. Start with a zoomed out view
2. Agree the high-level flow quickly
3. Don’t get hung up on the detail (yet!)
![Page 20: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/20.jpg)
![Page 21: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/21.jpg)
Start Onboarding screens
Content Home screenEnd
Launch app Sign in
Done
View itemClose app
Done
Upsell & sign in
![Page 22: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/22.jpg)
And then…
1. Identify stakeholders for each part of the system
2. Work with them to flesh out detail on their part
3. Continually iterate, validate and distribute
4. Fill in those gaps
![Page 23: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/23.jpg)
StartLaunch app
Launch app Is logged in? BBC ID sign in/register process
Sign in or register
Upsell & sign in process
Onboarding process
Sign inNo
Yes
Has onboarded?
No
Home screen
Yes Done
Content
Done
View item
End
Share
Native share panel
Close app
ShareUser shares content
Done
BBC ID sign in/register process
Upsell & sign in process
Onboarding process
Content
![Page 24: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/24.jpg)
StartLaunch app
Launch app Is logged in? BBC ID sign in/register process
Sign in or register
Upsell & sign in process
Onboarding process
Sign inNo
Yes
Has onboarded?
No
Home screen
Yes Done
Content
Done
View item
End
Share
Native share panel
Close app
ShareUser shares content
Done
BBC ID sign in/register process
Upsell & sign in process
Onboarding process
Content
The bit users care
about
Complex sub-process
Complex sub-process
Complex sub-process
![Page 25: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/25.jpg)
StartLaunch app
Launch app Is logged in? BBC ID sign in/register process
Sign in or register
Upsell & sign in process
Onboarding process
Sign inNo
Yes
Has onboarded?
No
Home screen
Yes Done
Content
Done
View item
End
Share
Native share panel
Close app
ShareUser shares content
Done
BBC ID sign in/register process
Upsell & sign in process
Onboarding process
Content
![Page 26: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/26.jpg)
StartLaunch app
Launch app Is logged in? BBC ID sign in/register process
Sign in or register
Upsell & sign in process
Onboarding process
Sign inNo
Yes
Has onboarded?
No
Home screen
Yes Done
Content
Done
View item
End
Share
Native share panel
Close app
ShareUser shares content
Done
21
Needs clarification Integration
point
![Page 27: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/27.jpg)
![Page 28: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/28.jpg)
If you really wanna get fancy…
![Page 29: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/29.jpg)
Upsell screen(s) Home screen
![Page 30: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/30.jpg)
ID 1Upsell screen(s) ID 2Home screen
Give ‘em an ID
![Page 31: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/31.jpg)
Carousel of 3 panels: - Upsell message - Image of key feature
Sign in buttonRegister button
ID 1Upsell screen(s)
Menu iconWelcome message + user’s first name
List of exam subjects: - Subject name - Subject icon - Read/unread flag - % complete
ID 2Home screen
List the elements on
page
Give ‘em an ID
![Page 32: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/32.jpg)
And this way is better than other ways because…?
![Page 33: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/33.jpg)
Many tools
![Page 34: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/34.jpg)
Something to point at
![Page 35: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/35.jpg)
Allows working in parallel
![Page 36: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/36.jpg)
Stakeholder ownership
![Page 37: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/37.jpg)
Easily understood
![Page 38: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/38.jpg)
Shared understanding
![Page 39: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/39.jpg)
Got that?
![Page 40: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/40.jpg)
Quick recapThis thing is awesome
Visualises the system(s)
It’s (fairly) quick to do
It’s (fairly) easy to understand
Living, evolving document
No gaps
![Page 41: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/41.jpg)
![Page 42: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/42.jpg)
Remember this?
![Page 43: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/43.jpg)
![Page 44: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/44.jpg)
Where I stole those images from…• 360-degree corkscrew stunt in James Bond
movie The Man with the Golden Gun
• Alligator & Model, Florida, 1950s
• Polar Bear (Ursus maritimus) close-up. Hudson Bay, Churchill, Manitoba, Canada
• 15 surprising facts about cars
• The real story of the UN Human Rights Council
• Home Sweet Art Room: Creating a Welcoming Environment
• Fallout Vault Boy
• Café wall illusion
• Kim Jong Un Looking at Things
• You Are Mine
• Europe's longest place name
• Star Trek TOS Season 2: My Top 5 Fave Episodes
• Agent Cooper's famous thumbs up
• Toowong railway station in Brisbane, Australia
![Page 45: Barry Briggs - Camp Digital 2016](https://reader034.fdocuments.in/reader034/viewer/2022051520/587eefe51a28ab17388b7b45/html5/thumbnails/45.jpg)
Questions?
Thanks :)
@quiffboy #CampDigital 17 Mar 2016