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

原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
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
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
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
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 

Recently uploaded (20)

原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
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
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
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
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 

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