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

Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design ThinkingBlackvard
 
History and future of Human Computer Interaction (HCI) and Interaction Design
History and future of Human Computer Interaction (HCI) and Interaction DesignHistory and future of Human Computer Interaction (HCI) and Interaction Design
History and future of Human Computer Interaction (HCI) and Interaction DesignAgnieszka Szóstek
 
Human and Artificial Intelligence
Human and Artificial IntelligenceHuman and Artificial Intelligence
Human and Artificial Intelligenceorengomoises
 
Design driven innovation and design thinking
Design driven innovation and design thinkingDesign driven innovation and design thinking
Design driven innovation and design thinkingdesignprovidence
 
Design Thinking Awareness
Design Thinking AwarenessDesign Thinking Awareness
Design Thinking AwarenessFred Vanborre
 
The Future of Infographics
The Future of InfographicsThe Future of Infographics
The Future of InfographicsColumn Five
 
20070925 04 - Panorama des outils Open Source / Qualité des développements
20070925 04 - Panorama des outils Open Source / Qualité des développements20070925 04 - Panorama des outils Open Source / Qualité des développements
20070925 04 - Panorama des outils Open Source / Qualité des développementsLeClubQualiteLogicielle
 
Information Visualisation – an introduction
Information Visualisation – an introductionInformation Visualisation – an introduction
Information Visualisation – an introductionAlan Dix
 
Mind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProjectMind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProjectPablo Mariani
 
Introducing design thinking
Introducing design thinkingIntroducing design thinking
Introducing design thinkingZaana Jaclyn
 
Intro to Data Science Big Data
Intro to Data Science Big DataIntro to Data Science Big Data
Intro to Data Science Big DataIndu Khemchandani
 
Design Thinking & Innovation
Design Thinking & InnovationDesign Thinking & Innovation
Design Thinking & InnovationEnvisioning Labs
 
Mind Mapping
Mind MappingMind Mapping
Mind MappingKerncomm
 
Introduction to Artificial Intelligence
Introduction to Artificial IntelligenceIntroduction to Artificial Intelligence
Introduction to Artificial IntelligenceLuca Bianchi
 
Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design ThinkingSelvaraj Seerangan
 
Artificial Intelligence & Human Intelligence
Artificial Intelligence & Human Intelligence Artificial Intelligence & Human Intelligence
Artificial Intelligence & Human Intelligence Himani Kashyap
 

What's hot (20)

Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design Thinking
 
History and future of Human Computer Interaction (HCI) and Interaction Design
History and future of Human Computer Interaction (HCI) and Interaction DesignHistory and future of Human Computer Interaction (HCI) and Interaction Design
History and future of Human Computer Interaction (HCI) and Interaction Design
 
Business Intelligence Presentation
Business Intelligence PresentationBusiness Intelligence Presentation
Business Intelligence Presentation
 
Human and Artificial Intelligence
Human and Artificial IntelligenceHuman and Artificial Intelligence
Human and Artificial Intelligence
 
Design driven innovation and design thinking
Design driven innovation and design thinkingDesign driven innovation and design thinking
Design driven innovation and design thinking
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Design Thinking Awareness
Design Thinking AwarenessDesign Thinking Awareness
Design Thinking Awareness
 
Big Data & Data Mining
Big Data & Data MiningBig Data & Data Mining
Big Data & Data Mining
 
The Future of Infographics
The Future of InfographicsThe Future of Infographics
The Future of Infographics
 
20070925 04 - Panorama des outils Open Source / Qualité des développements
20070925 04 - Panorama des outils Open Source / Qualité des développements20070925 04 - Panorama des outils Open Source / Qualité des développements
20070925 04 - Panorama des outils Open Source / Qualité des développements
 
Information Visualisation – an introduction
Information Visualisation – an introductionInformation Visualisation – an introduction
Information Visualisation – an introduction
 
Mind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProjectMind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProject
 
Introducing design thinking
Introducing design thinkingIntroducing design thinking
Introducing design thinking
 
Intro to Data Science Big Data
Intro to Data Science Big DataIntro to Data Science Big Data
Intro to Data Science Big Data
 
Design Thinking & Innovation
Design Thinking & InnovationDesign Thinking & Innovation
Design Thinking & Innovation
 
Mind Mapping
Mind MappingMind Mapping
Mind Mapping
 
Brain vs Computer
Brain vs ComputerBrain vs Computer
Brain vs Computer
 
Introduction to Artificial Intelligence
Introduction to Artificial IntelligenceIntroduction to Artificial Intelligence
Introduction to Artificial Intelligence
 
Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design Thinking
 
Artificial Intelligence & Human Intelligence
Artificial Intelligence & Human Intelligence Artificial Intelligence & Human Intelligence
Artificial Intelligence & Human Intelligence
 

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

The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
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
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdshivubhavv
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneLukeKholes
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxSegundoManuelFaichin1
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptxsuhanimunjal27
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...amitlee9823
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 
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
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funneljen_giacalone
 

Recently uploaded (20)

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
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
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 ❤️
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
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...
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 

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