Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Datatium - Radiation free responsive experiences
Search
ajfisher
October 18, 2012
Design
1
60
Datatium - Radiation free responsive experiences
ajfisher
October 18, 2012
Tweet
Share
Other Decks in Design
See All in Design
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
実務のための マイクロ インタラクション入門
shingo2000
0
360
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
750
Portfolio 2023.07.28
helemarudesu
0
590
素晴らしき余白の世界
kasumidyaya
1
110
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
3D空間を扱うUI表現とユーザビリティ
akinen
0
450
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
330
顕在化されていない期待、デザインの灯台
daitorii
1
1.1k
モデル・デザイン入門
akitsugu7935
0
470
デザインシステムで解消するさまざまな分断
hirataaa0220
1
170
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
Featured
See All Featured
Building Your Own Lightsaber
phodgson
99
5.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Testing 201, or: Great Expectations
jmmastey
28
6.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
Into the Great Unknown - MozCon
thekraken
10
990
What the flash - Photography Introduction
edds
64
11k
It's Worth the Effort
3n
180
27k
Six Lessons from altMBA
skipperchong
21
3k
Teambox: Starting and Learning
jrom
128
8.4k
Transcript
Datatium – Radiation free responsive experiences Web Directions South 18
October, 2012 Andrew Fisher - CTO@JBA @ajfisher
Welcome back Andrew Image (CC) – @pevennett
What I wanted
What I got instead Image (CC) flickr – Michael Gil
None
github.com
Image (CC) flickr – Lisa Brewster Is this too much
to ask?
Where is the web now?
Da Datatium 0 0.000751
1. Conditionally responsive experiences 2. Behaviourally responsive experiences 3. Contextually
responsive experiences
Conditionally responsive experiences
if THIS then THAT
None
Getting the data
None
None
None
Using conditional data
Show off what you’ve got Image (CC) flickr – Andrew
Hitchcock
Don’t annoy your users Image (CC) flickr – Joe Shlabotnik
Simple can go a long way Image (CC) Wikipedia
Remove friction for fun Image (CC) flickr – martinhoward
Beautifully frictionless TSS Surry Hills – R Stolz
Take users on a journey Image (CC) flickr – wolfgangstaudt
Set lots of small goals linkedin.com
Users don’t start as heroes Zelda Twilight Princess © Nintendo
Design process
User data as process
Remove optional items
Small things matter Virgin Australia check-in
Behaviourally responsive experiences
Getting the data
Aggregate behaviour
Ask questions about behaviour Why did the user do that?
Are they getting stuck somewhere? How can I tell what they are doing? What do they do next? How do I validate my views on their behaviour?
Understand desire lines Image (CC) flickr – wetwebwork
Using behavioural data
Recommendations
Start by recommending NYTimes
Repetition
Home Account login Complete Payment Recharge Exit
Empower your users
Design process
Consider behavioural slots
Failure means learning Image (CC) flickr – Aristocrats Hat
Be transparent to users amazon.com recommendations
Capture failure data facebook.com ads
If you’re not buying the product then you are the
product.
Provide feedback to users last.fm playlist data
Build data products linkedin.com profile stats
Contextually responsive experiences
The Avengers, 2012 – © Marvel
Mostly works themoderngentleman.de
Getting the data
Device shapes behaviour
Time shapes behaviour Image (CC) flickr – Martina Photography
Location shapes behaviour
Context shapes behaviour Image (CC) flickr – Henry Stratford
Context variables
Using contextual data
Externally adaptive contexts
Change assets as well
Task oriented contexts
Context drives need ANZ GoMoney
Micro moments Image (CC) flickr – Ed Yourden
Consider desktop too Google Docs
Adaptive contexts
Starting to adapt to me Google Now
A responsive real world Image (CC) flickr – Design.Gallery
Design process
Embrace the chaos Image (CC) flickr – Page Dooley
Responsive experiences Conditional Behavioural Contextual
Creating responsive experiences
1. You don’t know everything
2. Data is worth more than opinion “If we have
data, let’s look at data. If all we have are opinions, let’s go with mine” -- Jim Barksdale, former Netscape CEO
3. Take the bold decisions
Learn to love data Image (CC) flickr – Zebrasquares
Starting a punk band From Sideburns magazine, December 1976
Data science punk With apologies to Sideburns mag
Datatium – Radiation free responsive experiences Web Directions South 18
October, 2012 @ajfisher slideshare.net/andrewjfisher jbadigital.com