SlideShare a Scribd company logo
1 of 31
Download to read offline
Image: Akritasa (cc)
Interaction designers

versus algorithms
@gilescolborne
No matter how cool

your user interface is,

it would be better

if there were less of it.
Alan Cooper
Algorithms and artificial intelligence give us the power to
simplify interactions.
What does that mean for interaction design practice?
Spotify’s Discover
Weekly is one of it’s most
delightful and valuable
features, according to
users I’ve spoken to.
But it’s a playlist. If you
were the interaction
designer, what might
you have contributed?
Stuff that the user wants
goes here.
Maybe this sketch?
It looks like the real
work was being done by
the engineer who wrote
the algorithm.
Is that changing the
nature of interaction
design?
What about something
like this. I know people
who’ve spent a lot of
time figuring out how to
help users move through
this inofmation.
How might this be
redesigned?
Book me an off peak return from
Bath to London for next Tuesday
with a seat reservation on the way
back at 4:30.
Would you like to add a Zone
1-5 Travelcard for £5.80?
Yes plz
That comes to £78.20 including
booking fee. Want to go ahead?
Trainline BookingMenu My tickets
OK
Chatbots can answer the
same questions in a
natural way that feels
familiar to users.
The interaction here is
with the collection of
natural language
algorithms beneath the
hood.
Here is exactly
what you need
right now
So now I’m wondering,
how much design will get
displaced by data
scientists and algorithm
engineers.
Ariel Luenberger
Let’s imagine we’re
designing for a bus
company.
This chap needs to know
‘where’s my bus?’. How
could an algorithm help?
Well, you need to begin
with data…
Imagine we have layers of data. We know when buses were late,
what the weather was like, locations of roadworks, traffic and
so on. We could use it to predict how late your bus will be.
Machine learning
is not magic
it’s engineering
Well, if you come up with an idea, you need to know enough
about algorithms to have a sensible conversation with an
engineer. Here are the basics of that conversation…
Here’s the task. You have input data (weather, traffic patterns
and so on), an algorithm, and some outputs (is the bus late?).
You need to know what kind of output is useful to the user. Is it
enough to say ‘late?’ Or do you need to give a precise delay? More
detailed output means a more complex engineering challenge.
The engineer chooses the algorithm and trains it by showing it
sample inputs (weather, traffic, etc.) and known outputs (when
the bus actually arrived) until the algorithm can fit inputs and
ouputs.
If your data is inaccurate (for instance the GPS doesn’t work well
in some areas) then your algorithm will learn to make inaccurate
predictions. So you need to be able to judge data quality.
If your problem is complex and relies on lots of different data
sets, then you’re going to need more training data. That can be
hard to get hold of. Engineers will get nervous if you keep adding
data sets. So which ones do you really need?
High varianceHigh bias
If you don’t have an accurate algorithm, you can at least choose
how to be wrong. Biased consistantly, variable around an
average. In our case it’s better to be biased (towards saying the
bus will be on time) rather than to be right on average.
If the data in the layers is unnecessarily complex then the
algorithm may be unreliable, too. So rather than throw raw data
at the algorithm, it’s a good idea to simplify whats in each data
set.
Do you need to know precise rainfall times, hour by hour, or just
‘did it rain in the morning’. That affects how much data is in your
data set. Sometimes less data gives better accuracy - like turning
up the contrast on a scanned image of text to make it more legible.
At the end of this you’ll have a trained algorithm that delivers the
information you want based on the data you have. But it may still
not be accurate enough. So you’ll need a closed beta or a live
service with a feedback loop to keep up the training.
Ariel Luenberger
So we built a prediction
machine. All the way
through there’s a
dialogue between
designer and engineer
about what’s possible
and how to present it.
Perhaps as tools and APIs proliferate, designers will take on the
job of training algorithms. But the real place designers add value
is in defining what the outputs should be and how they’re
presented to the user.
If you wrap up your
recommendations in
an interface that
promises human-
like interactions
with less than
human manners,
then people will
revolt.
Interfaces like this
offer suggestions in
a subtler, less pushy
way. Designing the
etiquette of
suggestions will be
important in next
generation
interaction design.
Book me an off peak return from
Bath to London for next Tuesday
with a seat reservation on the way
back at 4:30.
Would you like to add a Zone
1-5 Travelcard for £5.80?
Yes plz
That comes to £78.20 including
booking fee. Want to go ahead?
Trainline BookingMenu My tickets
OK
If you’re dealing with
natural language
interfaces, a lot of the
same rules apply.
You need a set of
training data -
transcripts of call
customer service
conversations.
You may need simplify
that data - for instance
by looking for the
successulf
conversations.
And you need to think
how to set users’
expectations about
talking to a bot.
The adventure game
Lost Pig has you telling
an Orc what to do. So you
know to keep it simple
and expect errors.
It’s cute, has personality
and humour, and serves
an engineering purpose.
You’ll need to map out
conversations as
flowcharts. But there’s a
lot of copywriting you’ll
need to do around those
flows to make it feel
natural. For instance,
you may want to give a
long answer the first
time someone asks a
question and then a
shorter summary the
second time.
Book me an off peak return from
Bath to London for next Tuesday
with a seat reservation on the way
back at 4:30.
Would you like to add a Zone
1-5 Travelcard for £5.80?
Yes plz
That comes to £78.20 including
booking fee. Want to go ahead?
Trainline BookingMenu My tickets
OK
I’ve always looked to
human conversation
patterns to figure out
how to solve interaction
design problems.
Now I find that
understanding human to
human conversation is
core design knowledge.
And what about Discover
Weekly? Well, a large
part of the design work
there was about
understanding how to
package up the service.
Playlists were familiar.
And limiting the size of
the playlist gave it a feel
of a mix tape from a
friend, rather than a
data dump from an
algorithm.
The designers made it
feel elegant and
approachable.
So our core skills are still
important. There’s a rich
future for interaction
design.
But the journey to
evolve our practice and
knowledge is just
begining.
Image: Akritasa (cc)
Thank you
@gilescolborne

More Related Content

What's hot

Silverlight
SilverlightSilverlight
SilverlightBiTWiSE
 
Bank locker system
Bank locker systemBank locker system
Bank locker systemRahul Wagh
 
Evaluation techniques in HCI
Evaluation techniques in HCIEvaluation techniques in HCI
Evaluation techniques in HCIsawsan slii
 
Blue Eyes Technology Abstract
Blue Eyes Technology AbstractBlue Eyes Technology Abstract
Blue Eyes Technology AbstractColloquium
 
Six Key Design Thinking Principles
Six Key Design Thinking PrinciplesSix Key Design Thinking Principles
Six Key Design Thinking PrinciplesRakyan Tantular
 
Edifício Luiza de Marchi Padovese
Edifício Luiza de Marchi PadoveseEdifício Luiza de Marchi Padovese
Edifício Luiza de Marchi Padovesealinacaram
 
multitouch screen
multitouch screenmultitouch screen
multitouch screenveena jl
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For DevelopersAlice Phieu
 
Blue Eye Technology Seminar Presentation
Blue Eye Technology Seminar PresentationBlue Eye Technology Seminar Presentation
Blue Eye Technology Seminar PresentationVaibhav Kumar
 
Usable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersUsable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersMaor Shabbat
 
Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...
Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...
Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...Beat Signer
 
Vehicle Tracking System Android Project Report
Vehicle Tracking System Android Project ReportVehicle Tracking System Android Project Report
Vehicle Tracking System Android Project ReportSujit9561
 
Shopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docxShopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docxkrushnaborade2
 
Sixth sense technology(seminar presentation)
Sixth sense technology(seminar presentation)Sixth sense technology(seminar presentation)
Sixth sense technology(seminar presentation)guddu yadav
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The WorldBuiltByHQ
 

What's hot (20)

Silverlight
SilverlightSilverlight
Silverlight
 
UX and UI
UX and UIUX and UI
UX and UI
 
Bank locker system
Bank locker systemBank locker system
Bank locker system
 
Evaluation techniques in HCI
Evaluation techniques in HCIEvaluation techniques in HCI
Evaluation techniques in HCI
 
Applitools
ApplitoolsApplitools
Applitools
 
Blue Eyes Technology Abstract
Blue Eyes Technology AbstractBlue Eyes Technology Abstract
Blue Eyes Technology Abstract
 
Six Key Design Thinking Principles
Six Key Design Thinking PrinciplesSix Key Design Thinking Principles
Six Key Design Thinking Principles
 
Edifício Luiza de Marchi Padovese
Edifício Luiza de Marchi PadoveseEdifício Luiza de Marchi Padovese
Edifício Luiza de Marchi Padovese
 
multitouch screen
multitouch screenmultitouch screen
multitouch screen
 
Hci md exam
Hci md examHci md exam
Hci md exam
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
 
Blue Eye Technology Seminar Presentation
Blue Eye Technology Seminar PresentationBlue Eye Technology Seminar Presentation
Blue Eye Technology Seminar Presentation
 
Pixel Perfect Guide
Pixel Perfect GuidePixel Perfect Guide
Pixel Perfect Guide
 
Usable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersUsable psychology for UX/UI Designers
Usable psychology for UX/UI Designers
 
Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...
Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...
Multimodal Interaction - Lecture 05 - Next Generation User Interfaces (401816...
 
Vehicle Tracking System Android Project Report
Vehicle Tracking System Android Project ReportVehicle Tracking System Android Project Report
Vehicle Tracking System Android Project Report
 
UI UX Design Course
UI UX Design CourseUI UX Design Course
UI UX Design Course
 
Shopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docxShopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docx
 
Sixth sense technology(seminar presentation)
Sixth sense technology(seminar presentation)Sixth sense technology(seminar presentation)
Sixth sense technology(seminar presentation)
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 

Similar to Interaction designers vs algorithms

A gentle introduction to algorithm complexity analysis
A gentle introduction to algorithm complexity analysisA gentle introduction to algorithm complexity analysis
A gentle introduction to algorithm complexity analysisLewis Lin 🦊
 
IRJET- Artificial Intelligence Based Chat-Bot
IRJET-  	  Artificial Intelligence Based Chat-BotIRJET-  	  Artificial Intelligence Based Chat-Bot
IRJET- Artificial Intelligence Based Chat-BotIRJET Journal
 
Artificial Intelligence (AI) for Transportation System
Artificial Intelligence (AI) for Transportation SystemArtificial Intelligence (AI) for Transportation System
Artificial Intelligence (AI) for Transportation SystemIRJET Journal
 
Machine learning
Machine learningMachine learning
Machine learningAshok Masti
 
How to Pitch Your First AR Project
How to Pitch Your First AR ProjectHow to Pitch Your First AR Project
How to Pitch Your First AR ProjectFITC
 
How We Did It: The Case of the Misconnecting Passengers
How We Did It:  The Case of the Misconnecting PassengersHow We Did It:  The Case of the Misconnecting Passengers
How We Did It: The Case of the Misconnecting PassengersTeradata
 
Computer programming (General) Community Questions Sitemap
Computer programming (General) Community Questions SitemapComputer programming (General) Community Questions Sitemap
Computer programming (General) Community Questions Sitemapscarcemadness8524
 
2020 02 29 TechDay Conf - Getting started with Machine Learning.Net
2020 02 29 TechDay Conf - Getting started with Machine Learning.Net2020 02 29 TechDay Conf - Getting started with Machine Learning.Net
2020 02 29 TechDay Conf - Getting started with Machine Learning.NetBruno Capuano
 
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012TEST Huddle
 
Distants indroduction
Distants indroductionDistants indroduction
Distants indroductionEd
 
What Is Data Science? | Introduction to Data Science | Data Science For Begin...
What Is Data Science? | Introduction to Data Science | Data Science For Begin...What Is Data Science? | Introduction to Data Science | Data Science For Begin...
What Is Data Science? | Introduction to Data Science | Data Science For Begin...Simplilearn
 
PPT slides - MACHINE PERCEPTION LABORATORY
PPT slides - MACHINE PERCEPTION LABORATORYPPT slides - MACHINE PERCEPTION LABORATORY
PPT slides - MACHINE PERCEPTION LABORATORYbutest
 
What is Ping.pdf
What is Ping.pdfWhat is Ping.pdf
What is Ping.pdfTech Modena
 
Data Scenarios 2020: 6 Amazing Transformations
Data Scenarios 2020: 6 Amazing TransformationsData Scenarios 2020: 6 Amazing Transformations
Data Scenarios 2020: 6 Amazing TransformationsSafe Software
 
Data Science in business World
Data Science in business World Data Science in business World
Data Science in business World DeepikaGauriBaijal
 

Similar to Interaction designers vs algorithms (20)

A gentle introduction to algorithm complexity analysis
A gentle introduction to algorithm complexity analysisA gentle introduction to algorithm complexity analysis
A gentle introduction to algorithm complexity analysis
 
IRJET- Artificial Intelligence Based Chat-Bot
IRJET-  	  Artificial Intelligence Based Chat-BotIRJET-  	  Artificial Intelligence Based Chat-Bot
IRJET- Artificial Intelligence Based Chat-Bot
 
Alabot
AlabotAlabot
Alabot
 
Artificial Intelligence (AI) for Transportation System
Artificial Intelligence (AI) for Transportation SystemArtificial Intelligence (AI) for Transportation System
Artificial Intelligence (AI) for Transportation System
 
Machine learning
Machine learningMachine learning
Machine learning
 
How to Pitch Your First AR Project
How to Pitch Your First AR ProjectHow to Pitch Your First AR Project
How to Pitch Your First AR Project
 
How We Did It: The Case of the Misconnecting Passengers
How We Did It:  The Case of the Misconnecting PassengersHow We Did It:  The Case of the Misconnecting Passengers
How We Did It: The Case of the Misconnecting Passengers
 
Computer programming (General) Community Questions Sitemap
Computer programming (General) Community Questions SitemapComputer programming (General) Community Questions Sitemap
Computer programming (General) Community Questions Sitemap
 
2020 02 29 TechDay Conf - Getting started with Machine Learning.Net
2020 02 29 TechDay Conf - Getting started with Machine Learning.Net2020 02 29 TechDay Conf - Getting started with Machine Learning.Net
2020 02 29 TechDay Conf - Getting started with Machine Learning.Net
 
C programming guide new
C programming guide newC programming guide new
C programming guide new
 
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
 
Distants indroduction
Distants indroductionDistants indroduction
Distants indroduction
 
Head Start Alabot
Head Start AlabotHead Start Alabot
Head Start Alabot
 
What Is Data Science? | Introduction to Data Science | Data Science For Begin...
What Is Data Science? | Introduction to Data Science | Data Science For Begin...What Is Data Science? | Introduction to Data Science | Data Science For Begin...
What Is Data Science? | Introduction to Data Science | Data Science For Begin...
 
PPT slides - MACHINE PERCEPTION LABORATORY
PPT slides - MACHINE PERCEPTION LABORATORYPPT slides - MACHINE PERCEPTION LABORATORY
PPT slides - MACHINE PERCEPTION LABORATORY
 
What is Ping.pdf
What is Ping.pdfWhat is Ping.pdf
What is Ping.pdf
 
Data Scenarios 2020: 6 Amazing Transformations
Data Scenarios 2020: 6 Amazing TransformationsData Scenarios 2020: 6 Amazing Transformations
Data Scenarios 2020: 6 Amazing Transformations
 
Mr bi
Mr biMr bi
Mr bi
 
We are the music makers and we are the dreamers of dreams
We are the music makers and we are the dreamers of dreamsWe are the music makers and we are the dreamers of dreams
We are the music makers and we are the dreamers of dreams
 
Data Science in business World
Data Science in business World Data Science in business World
Data Science in business World
 

More from cxpartners

Chi briding the relevance gap
Chi briding the relevance gapChi briding the relevance gap
Chi briding the relevance gapcxpartners
 
Putting people at the centre of design at the samaritans
Putting people at the centre of design at the samaritansPutting people at the centre of design at the samaritans
Putting people at the centre of design at the samaritanscxpartners
 
cxpartners customer centricity
cxpartners customer centricitycxpartners customer centricity
cxpartners customer centricitycxpartners
 
Designing Without Compromise
Designing Without CompromiseDesigning Without Compromise
Designing Without Compromisecxpartners
 
Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...
Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...
Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...cxpartners
 
How to do the work you want to do - AKA neglect selling skills at your peril!...
How to do the work you want to do - AKA neglect selling skills at your peril!...How to do the work you want to do - AKA neglect selling skills at your peril!...
How to do the work you want to do - AKA neglect selling skills at your peril!...cxpartners
 
Customer Driven Digital Transformation
Customer Driven Digital Transformation Customer Driven Digital Transformation
Customer Driven Digital Transformation cxpartners
 
UX vs Artificial Intelligence
UX vs Artificial IntelligenceUX vs Artificial Intelligence
UX vs Artificial Intelligencecxpartners
 
Research analysis: getting more from your data
Research analysis: getting more from your dataResearch analysis: getting more from your data
Research analysis: getting more from your datacxpartners
 
Transforming Care in Bristol
Transforming Care in BristolTransforming Care in Bristol
Transforming Care in Bristolcxpartners
 
Beyond the touch screen - better accessibility for mobile apps
Beyond the touch screen - better accessibility for mobile appsBeyond the touch screen - better accessibility for mobile apps
Beyond the touch screen - better accessibility for mobile appscxpartners
 
Co design (NUX4)
Co design (NUX4)Co design (NUX4)
Co design (NUX4)cxpartners
 
How to ask a question
How to ask a questionHow to ask a question
How to ask a questioncxpartners
 
Photo ux nux 061014
Photo ux nux 061014Photo ux nux 061014
Photo ux nux 061014cxpartners
 
Photo content strategy (James Chudley, cxpartners)
Photo content strategy (James Chudley, cxpartners)Photo content strategy (James Chudley, cxpartners)
Photo content strategy (James Chudley, cxpartners)cxpartners
 
Psychology and the Perfect Design by @mrjoe
Psychology and the Perfect Design by @mrjoePsychology and the Perfect Design by @mrjoe
Psychology and the Perfect Design by @mrjoecxpartners
 
How Rapid Feedback improves the design process (Luke Jones, cxpartners)
How Rapid Feedback improves the design process (Luke Jones, cxpartners)How Rapid Feedback improves the design process (Luke Jones, cxpartners)
How Rapid Feedback improves the design process (Luke Jones, cxpartners)cxpartners
 
How to build a failsafe mobile usability testing set up
How to build a failsafe mobile usability testing set upHow to build a failsafe mobile usability testing set up
How to build a failsafe mobile usability testing set upcxpartners
 
Exploring the user experience through ethnography (Anna Wilkie, cxpartners)
Exploring the user experience through ethnography (Anna Wilkie, cxpartners)Exploring the user experience through ethnography (Anna Wilkie, cxpartners)
Exploring the user experience through ethnography (Anna Wilkie, cxpartners)cxpartners
 

More from cxpartners (20)

Chi briding the relevance gap
Chi briding the relevance gapChi briding the relevance gap
Chi briding the relevance gap
 
Putting people at the centre of design at the samaritans
Putting people at the centre of design at the samaritansPutting people at the centre of design at the samaritans
Putting people at the centre of design at the samaritans
 
cxpartners customer centricity
cxpartners customer centricitycxpartners customer centricity
cxpartners customer centricity
 
Designing Without Compromise
Designing Without CompromiseDesigning Without Compromise
Designing Without Compromise
 
Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...
Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...
Practical Steps in Determining Your Product Vision (Product Tank Bristol - Oc...
 
How to do the work you want to do - AKA neglect selling skills at your peril!...
How to do the work you want to do - AKA neglect selling skills at your peril!...How to do the work you want to do - AKA neglect selling skills at your peril!...
How to do the work you want to do - AKA neglect selling skills at your peril!...
 
Customer Driven Digital Transformation
Customer Driven Digital Transformation Customer Driven Digital Transformation
Customer Driven Digital Transformation
 
UX vs Artificial Intelligence
UX vs Artificial IntelligenceUX vs Artificial Intelligence
UX vs Artificial Intelligence
 
Research analysis: getting more from your data
Research analysis: getting more from your dataResearch analysis: getting more from your data
Research analysis: getting more from your data
 
Transforming Care in Bristol
Transforming Care in BristolTransforming Care in Bristol
Transforming Care in Bristol
 
Beyond the touch screen - better accessibility for mobile apps
Beyond the touch screen - better accessibility for mobile appsBeyond the touch screen - better accessibility for mobile apps
Beyond the touch screen - better accessibility for mobile apps
 
Co design (NUX4)
Co design (NUX4)Co design (NUX4)
Co design (NUX4)
 
How to ask a question
How to ask a questionHow to ask a question
How to ask a question
 
UX Leadership
UX LeadershipUX Leadership
UX Leadership
 
Photo ux nux 061014
Photo ux nux 061014Photo ux nux 061014
Photo ux nux 061014
 
Photo content strategy (James Chudley, cxpartners)
Photo content strategy (James Chudley, cxpartners)Photo content strategy (James Chudley, cxpartners)
Photo content strategy (James Chudley, cxpartners)
 
Psychology and the Perfect Design by @mrjoe
Psychology and the Perfect Design by @mrjoePsychology and the Perfect Design by @mrjoe
Psychology and the Perfect Design by @mrjoe
 
How Rapid Feedback improves the design process (Luke Jones, cxpartners)
How Rapid Feedback improves the design process (Luke Jones, cxpartners)How Rapid Feedback improves the design process (Luke Jones, cxpartners)
How Rapid Feedback improves the design process (Luke Jones, cxpartners)
 
How to build a failsafe mobile usability testing set up
How to build a failsafe mobile usability testing set upHow to build a failsafe mobile usability testing set up
How to build a failsafe mobile usability testing set up
 
Exploring the user experience through ethnography (Anna Wilkie, cxpartners)
Exploring the user experience through ethnography (Anna Wilkie, cxpartners)Exploring the user experience through ethnography (Anna Wilkie, cxpartners)
Exploring the user experience through ethnography (Anna Wilkie, cxpartners)
 

Recently uploaded

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Narsimha murthy
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentationamedia6
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightDelhi Call girls
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonDelhi Call girls
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Yantram Animation Studio Corporation
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 

Recently uploaded (20)

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentation
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 

Interaction designers vs algorithms

  • 1. Image: Akritasa (cc) Interaction designers
 versus algorithms @gilescolborne
  • 2. No matter how cool
 your user interface is,
 it would be better
 if there were less of it. Alan Cooper Algorithms and artificial intelligence give us the power to simplify interactions. What does that mean for interaction design practice?
  • 3. Spotify’s Discover Weekly is one of it’s most delightful and valuable features, according to users I’ve spoken to. But it’s a playlist. If you were the interaction designer, what might you have contributed?
  • 4. Stuff that the user wants goes here. Maybe this sketch? It looks like the real work was being done by the engineer who wrote the algorithm. Is that changing the nature of interaction design?
  • 5. What about something like this. I know people who’ve spent a lot of time figuring out how to help users move through this inofmation. How might this be redesigned?
  • 6. Book me an off peak return from Bath to London for next Tuesday with a seat reservation on the way back at 4:30. Would you like to add a Zone 1-5 Travelcard for £5.80? Yes plz That comes to £78.20 including booking fee. Want to go ahead? Trainline BookingMenu My tickets OK Chatbots can answer the same questions in a natural way that feels familiar to users. The interaction here is with the collection of natural language algorithms beneath the hood.
  • 7. Here is exactly what you need right now So now I’m wondering, how much design will get displaced by data scientists and algorithm engineers.
  • 8. Ariel Luenberger Let’s imagine we’re designing for a bus company. This chap needs to know ‘where’s my bus?’. How could an algorithm help? Well, you need to begin with data…
  • 9. Imagine we have layers of data. We know when buses were late, what the weather was like, locations of roadworks, traffic and so on. We could use it to predict how late your bus will be.
  • 10. Machine learning is not magic it’s engineering Well, if you come up with an idea, you need to know enough about algorithms to have a sensible conversation with an engineer. Here are the basics of that conversation…
  • 11. Here’s the task. You have input data (weather, traffic patterns and so on), an algorithm, and some outputs (is the bus late?).
  • 12. You need to know what kind of output is useful to the user. Is it enough to say ‘late?’ Or do you need to give a precise delay? More detailed output means a more complex engineering challenge.
  • 13. The engineer chooses the algorithm and trains it by showing it sample inputs (weather, traffic, etc.) and known outputs (when the bus actually arrived) until the algorithm can fit inputs and ouputs.
  • 14. If your data is inaccurate (for instance the GPS doesn’t work well in some areas) then your algorithm will learn to make inaccurate predictions. So you need to be able to judge data quality.
  • 15. If your problem is complex and relies on lots of different data sets, then you’re going to need more training data. That can be hard to get hold of. Engineers will get nervous if you keep adding data sets. So which ones do you really need?
  • 16. High varianceHigh bias If you don’t have an accurate algorithm, you can at least choose how to be wrong. Biased consistantly, variable around an average. In our case it’s better to be biased (towards saying the bus will be on time) rather than to be right on average.
  • 17. If the data in the layers is unnecessarily complex then the algorithm may be unreliable, too. So rather than throw raw data at the algorithm, it’s a good idea to simplify whats in each data set.
  • 18. Do you need to know precise rainfall times, hour by hour, or just ‘did it rain in the morning’. That affects how much data is in your data set. Sometimes less data gives better accuracy - like turning up the contrast on a scanned image of text to make it more legible.
  • 19. At the end of this you’ll have a trained algorithm that delivers the information you want based on the data you have. But it may still not be accurate enough. So you’ll need a closed beta or a live service with a feedback loop to keep up the training.
  • 20. Ariel Luenberger So we built a prediction machine. All the way through there’s a dialogue between designer and engineer about what’s possible and how to present it.
  • 21. Perhaps as tools and APIs proliferate, designers will take on the job of training algorithms. But the real place designers add value is in defining what the outputs should be and how they’re presented to the user.
  • 22. If you wrap up your recommendations in an interface that promises human- like interactions with less than human manners, then people will revolt.
  • 23. Interfaces like this offer suggestions in a subtler, less pushy way. Designing the etiquette of suggestions will be important in next generation interaction design.
  • 24. Book me an off peak return from Bath to London for next Tuesday with a seat reservation on the way back at 4:30. Would you like to add a Zone 1-5 Travelcard for £5.80? Yes plz That comes to £78.20 including booking fee. Want to go ahead? Trainline BookingMenu My tickets OK If you’re dealing with natural language interfaces, a lot of the same rules apply.
  • 25. You need a set of training data - transcripts of call customer service conversations. You may need simplify that data - for instance by looking for the successulf conversations.
  • 26. And you need to think how to set users’ expectations about talking to a bot. The adventure game Lost Pig has you telling an Orc what to do. So you know to keep it simple and expect errors. It’s cute, has personality and humour, and serves an engineering purpose.
  • 27. You’ll need to map out conversations as flowcharts. But there’s a lot of copywriting you’ll need to do around those flows to make it feel natural. For instance, you may want to give a long answer the first time someone asks a question and then a shorter summary the second time.
  • 28. Book me an off peak return from Bath to London for next Tuesday with a seat reservation on the way back at 4:30. Would you like to add a Zone 1-5 Travelcard for £5.80? Yes plz That comes to £78.20 including booking fee. Want to go ahead? Trainline BookingMenu My tickets OK I’ve always looked to human conversation patterns to figure out how to solve interaction design problems. Now I find that understanding human to human conversation is core design knowledge.
  • 29. And what about Discover Weekly? Well, a large part of the design work there was about understanding how to package up the service. Playlists were familiar. And limiting the size of the playlist gave it a feel of a mix tape from a friend, rather than a data dump from an algorithm.
  • 30. The designers made it feel elegant and approachable. So our core skills are still important. There’s a rich future for interaction design. But the journey to evolve our practice and knowledge is just begining.
  • 31. Image: Akritasa (cc) Thank you @gilescolborne