Designing for All Screens: ATD ICE 2016

DESIGNING FOR ALL SCREENSin 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 userproblems”

Design is how it works.“S T E V E J O B S

Wake up and

smell the UX

C O L L A B O R AT I V E

DESIGN THINKING

H U M A N

C E N T E R E D

C R E AT I V E

A N D

P L AY F U L

P R OTOT Y P E

D R I V E N

I T E R AT I V E

Performance

Support

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

DesignHuman

Interface

Living

Language

Graphic (learning)Instructional

Multimedia (learning)

Interaction/

Interface

(Po lymath ic ) 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 storiesInklewriter

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