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

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

ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
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
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 

Recently uploaded (20)

ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
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`
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 

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