SlideShare a Scribd company logo
1 of 30
Download to read offline
DESIGNING FOR ALL SCREENS
in a world of multiple platforms and viewports
we need to be
Sean Bengry, Senior Principal
Accenture Academy
One thing to rule them all, One Size Fits all
• Can be done, but there are limitations
One link to rule them all?
Responsive Adaptive Liquid
One set of criteria
for every screen
size or device
category?
bad teacher
Design the User
To convince
people about
design, we
had to say
“This is going
to solve user
problems”
Design is how it works.“ S T E V E J O B S
Wake up and
smell the UX
CO LL ABOR ATIVE
DESIGN THINKING
H U MA N
C E N TE R ED
C R E ATIVE
A N D
P L AYFU L
P R OTOT YPE
D R IVEN
I T E R ATIVE
Perfor
Sup
Talent
Management
Knowledge
Management
Structured
Learning
Access to
Experts
Social
Networking
And
Collaboration
universal language
Traditional instructional
design is not enough
is not enough
Responsive Design
A visual
language is
a start…
Dan Roam, Visual Thinking Blog
we need a
design language
Material
Design
Human
Interface
Living
Language
Graphic
(learning)
Instructional
Multimedia
(learning)
Interaction/
Interface
(Polymathic) LEARNING EXPERIENCE DESIGN
Graphic
(learning)
typography
color shapes
Understand the Elements and Principles
of Each System (process)
Copyright © 2015 Accenture. All rights reserved.
Graphic
(learning)
typography
color shapes
Lean on and apply good research and best
practices of each system (people)
R. Clark Duarte
Roam
Malamed
Copyright © 2015 Accenture. All rights reserved.
Graphic
(learning)
typography
color shapes
Leverage available tools and products to help
apply your design style (technology)
R. Clark Duarte
Roam
Malamed
Color
Photoshop
PowerPoint
iconMonstr
iStock
Copyright © 2015 Accenture. All rights reserved.
scary taxi ride
Instructional
Designer
Graphic
Designer
Multimedia
Designer
LMS
Programmer
the evolution of learning experience design
It was the best of times,
it was the worst of times
“
C H A R L E S D I C K E N S
Create formal learning
Create native apps
Create digital stories
Inklewriter
Storyform
Papermine
Immersive (Shorthand Social)
Adobe Slate, Spark
Inkling
Aquafadas
“We become what we
behold. We shape our
tools and then our tools
shape us.
“
M A R S H A L L M C L U H A N
What’s next?
Build for use
(UX) not for
simple access
Build a design
language that
can be translated
across all screens
Use technology
to augment
your design, not
create it

More Related Content

What's hot (7)

South by Southwest Interactive
South by Southwest InteractiveSouth by Southwest Interactive
South by Southwest Interactive
 
VJNDR-Curriculum_Vitae-MArch_2016
VJNDR-Curriculum_Vitae-MArch_2016VJNDR-Curriculum_Vitae-MArch_2016
VJNDR-Curriculum_Vitae-MArch_2016
 
Think Tanker
Think Tanker Think Tanker
Think Tanker
 
Product design for Non Designers - Montreal Digital Nomad Meetup
Product design for Non Designers - Montreal Digital Nomad MeetupProduct design for Non Designers - Montreal Digital Nomad Meetup
Product design for Non Designers - Montreal Digital Nomad Meetup
 
Job card Lovro Gracin
Job card Lovro GracinJob card Lovro Gracin
Job card Lovro Gracin
 
Powerpoint tips
Powerpoint tipsPowerpoint tips
Powerpoint tips
 
Sathish kumar murugesan resume
Sathish kumar murugesan resumeSathish kumar murugesan resume
Sathish kumar murugesan resume
 

Similar to Designing for All Screens: ATD ICE 2016

UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19Lena Lekkou
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionhendrikknoche
 
Use of technology in presentation
Use of technology in presentationUse of technology in presentation
Use of technology in presentationMuttahir Ahmed Khan
 
How to Conquer the Field of UX?
How to Conquer the Field of UX?How to Conquer the Field of UX?
How to Conquer the Field of UX?The Wisdom Daily
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionGino Zahnd
 
Free Technologies to Support Inclusion
Free Technologies to Support InclusionFree Technologies to Support Inclusion
Free Technologies to Support Inclusionmagsmckay
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsTunde Ojediran
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...DEVCON
 
#iMOOT15mm #LXDesign Mapping Learner Journeys
#iMOOT15mm #LXDesign Mapping Learner Journeys#iMOOT15mm #LXDesign Mapping Learner Journeys
#iMOOT15mm #LXDesign Mapping Learner JourneysJoyce Seitzinger
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1Lewis Lin 🦊
 
UX and UI Workshops - User Journey
UX and UI Workshops - User JourneyUX and UI Workshops - User Journey
UX and UI Workshops - User JourneyInwedo
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibilityqixingz
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperienceguest1bcbc9
 
Creating a unified consistent UI language for scalable apps
Creating a unified consistent UI language for scalable appsCreating a unified consistent UI language for scalable apps
Creating a unified consistent UI language for scalable appsRamon Cliquet
 
Developing an Engineering Mindset by Junaid Javed
Developing an Engineering Mindset by Junaid JavedDeveloping an Engineering Mindset by Junaid Javed
Developing an Engineering Mindset by Junaid JavedJamil Goheer
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introductionhendrikknoche
 
UCD / IxD Introduction - User centric design, interaction design
UCD / IxD Introduction - User centric design, interaction designUCD / IxD Introduction - User centric design, interaction design
UCD / IxD Introduction - User centric design, interaction designsdavis6b
 

Similar to Designing for All Screens: ATD ICE 2016 (20)

UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
 
Use of technology in presentation
Use of technology in presentationUse of technology in presentation
Use of technology in presentation
 
How to Conquer the Field of UX?
How to Conquer the Field of UX?How to Conquer the Field of UX?
How to Conquer the Field of UX?
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in Transition
 
Free Technologies to Support Inclusion
Free Technologies to Support InclusionFree Technologies to Support Inclusion
Free Technologies to Support Inclusion
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
 
#iMOOT15mm #LXDesign Mapping Learner Journeys
#iMOOT15mm #LXDesign Mapping Learner Journeys#iMOOT15mm #LXDesign Mapping Learner Journeys
#iMOOT15mm #LXDesign Mapping Learner Journeys
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
 
UX and UI Workshops - User Journey
UX and UI Workshops - User JourneyUX and UI Workshops - User Journey
UX and UI Workshops - User Journey
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibility
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
 
Creating a unified consistent UI language for scalable apps
Creating a unified consistent UI language for scalable appsCreating a unified consistent UI language for scalable apps
Creating a unified consistent UI language for scalable apps
 
Orientation session
Orientation sessionOrientation session
Orientation session
 
Developing an Engineering Mindset by Junaid Javed
Developing an Engineering Mindset by Junaid JavedDeveloping an Engineering Mindset by Junaid Javed
Developing an Engineering Mindset by Junaid Javed
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introduction
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
 
UCD / IxD Introduction - User centric design, interaction design
UCD / IxD Introduction - User centric design, interaction designUCD / IxD Introduction - User centric design, interaction design
UCD / IxD Introduction - User centric design, interaction design
 

More from Sean Bengry

Transforming L&D: Rochester ATD Summit 2024
Transforming L&D: Rochester ATD Summit 2024Transforming L&D: Rochester ATD Summit 2024
Transforming L&D: Rochester ATD Summit 2024Sean Bengry
 
Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018
Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018
Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018Sean Bengry
 
Preparing Your Team for the Future of L&D: DevLearn 2018
Preparing Your Team for the Future of L&D:  DevLearn 2018Preparing Your Team for the Future of L&D:  DevLearn 2018
Preparing Your Team for the Future of L&D: DevLearn 2018Sean Bengry
 
Engaging a Multigenerational Workforce
Engaging a Multigenerational WorkforceEngaging a Multigenerational Workforce
Engaging a Multigenerational WorkforceSean Bengry
 
The Art and Science of Instructional Design
The Art and Science of Instructional DesignThe Art and Science of Instructional Design
The Art and Science of Instructional DesignSean Bengry
 
The Revolution of Self-Directed Learning
The Revolution of Self-Directed LearningThe Revolution of Self-Directed Learning
The Revolution of Self-Directed LearningSean Bengry
 
Your mLearning is Not My mLearning
Your mLearning is Not My mLearningYour mLearning is Not My mLearning
Your mLearning is Not My mLearningSean Bengry
 
Learners Don't Color Within the Lines
Learners Don't Color Within the LinesLearners Don't Color Within the Lines
Learners Don't Color Within the LinesSean Bengry
 

More from Sean Bengry (8)

Transforming L&D: Rochester ATD Summit 2024
Transforming L&D: Rochester ATD Summit 2024Transforming L&D: Rochester ATD Summit 2024
Transforming L&D: Rochester ATD Summit 2024
 
Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018
Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018
Working Digitally: Strategies for Moving L&D Forward - DevLearn 2018
 
Preparing Your Team for the Future of L&D: DevLearn 2018
Preparing Your Team for the Future of L&D:  DevLearn 2018Preparing Your Team for the Future of L&D:  DevLearn 2018
Preparing Your Team for the Future of L&D: DevLearn 2018
 
Engaging a Multigenerational Workforce
Engaging a Multigenerational WorkforceEngaging a Multigenerational Workforce
Engaging a Multigenerational Workforce
 
The Art and Science of Instructional Design
The Art and Science of Instructional DesignThe Art and Science of Instructional Design
The Art and Science of Instructional Design
 
The Revolution of Self-Directed Learning
The Revolution of Self-Directed LearningThe Revolution of Self-Directed Learning
The Revolution of Self-Directed Learning
 
Your mLearning is Not My mLearning
Your mLearning is Not My mLearningYour mLearning is Not My mLearning
Your mLearning is Not My mLearning
 
Learners Don't Color Within the Lines
Learners Don't Color Within the LinesLearners Don't Color Within the Lines
Learners Don't Color Within the Lines
 

Recently uploaded

How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfphamnguyenenglishnb
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxMaryGraceBautista27
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 

Recently uploaded (20)

How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 

Designing for All Screens: ATD ICE 2016