Push conference presentation

Post on 17-Aug-2014

1.409 views 0 download

Tags:

description

Presentation given by Fjord Berlin's Service Design Lead Neil Calderwood at the Push Conference, Munich, on the 25th of October 2013. Abstract: The number of ways in which users can access services and information increases daily. So too does their expectation that their method of choice will work beautifully. How do we design to meet this challenge? Does it have to be an unending nightmare of proliferation and diversification, or can we turn it to our advantage and make things better? This talk looks at examples of designing for multi-screen and multi-platform patterns of interaction, and provides guidance as to how to approach projects of this kind.

Transcript of Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

CROSS-PLATFORM AND MULTI-PLATFORM CONCEPTS

#FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

FJORD -THE SERVICE DESIGN CONSULTANCY

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

FJORD -THE SERVICE DESIGN CONSULTANCY LONDON • HELSINKI • BERLIN • MADRID • NEW YORK • STOCKHOLM • PARIS • SAN FRANCISCO • ISTANBUL

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

FJORD -THE SERVICE DESIGN CONSULTANCY

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

CROSS-WHAT? MULTI-HOW?

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

CROSS-WHAT? MULTI-HOW?

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“AS WE MAY THINK”, 1945

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“AS WE MAY THINK”, 1945

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SKETCHPAD, 1963

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

DYNABOOK, 1972

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

APPLE “BASHFUL”, 1983

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

APPLE KNOWLEDGE NAVIGATOR, 1987

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

NOKIA COMMUNIATOR, 1996

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SINGLE APPLICATION MULTIPLE INTERFACES

WHAT IS MULTIPLATFORM?

ONE PER DEVICE TYPE

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

DON’T.

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

MOBILE FIRST?

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

NO.

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

WHY NOT?

DIFFERENT NEEDS DIFFERENT EXPECTATIONS DIFFERENT ENVIRONMENTS

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SEQUENTIAL USAGE

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SIMULTANEOUS USAGE

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“LEAN-BACK”?

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“2001: A SPACE ODYSSEY”, 1968

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

INSIDE-OUT DESIGN

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“MONOPOLISE PEOPLE’S EYEBALLS”

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

UBIQUITOUS

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

EFFECTIVE

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

ELEGANT

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

REQUIREMENTS

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

JOINING THE DOTS

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

A SECOND LOOK

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

PHASES

Release 1 Release 2

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

FINAL DESIGN

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

THANK YOU

#FJORDBERLIN #PUSHCONF #MULTIPLATFORM