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
61
Datatium - Radiation free responsive experiences
ajfisher
October 18, 2012
Tweet
Share
Other Decks in Design
See All in Design
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.5k
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
640
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
610
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
530
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
190
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
430
実利の世界で、表現者である
kiyou77
2
360
発表資料テンプレート / My slide template
thatblue
0
170
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
300
Arborea Art Book
thebogheart
1
320
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
320
aya_murakami_portfolio
ayakaimi1101
0
280
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
34
1.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Why Our Code Smells
bkeepers
PRO
335
57k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Building an army of robots
kneath
302
45k
How to train your dragon (web standard)
notwaldorf
89
5.8k
A Tale of Four Properties
chriscoyier
157
23k
Facilitating Awesome Meetings
lara
51
6.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
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