Push conference presentation

75
@FJORDBERLIN #PUSHCONF #MULTIPLATFORM CROSS-PLATFORM AND MULTI-PLATFORM CONCEPTS #FJORDBERLIN #PUSHCONF #MULTIPLATFORM

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

Page 1: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

CROSS-PLATFORM AND MULTI-PLATFORM CONCEPTS

#FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 2: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 3: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 4: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

FJORD -THE SERVICE DESIGN CONSULTANCY

Page 5: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

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

Page 6: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

FJORD -THE SERVICE DESIGN CONSULTANCY

Page 7: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

CROSS-WHAT? MULTI-HOW?

Page 8: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

CROSS-WHAT? MULTI-HOW?

Page 9: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 10: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“AS WE MAY THINK”, 1945

Page 11: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“AS WE MAY THINK”, 1945

Page 12: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SKETCHPAD, 1963

Page 13: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

DYNABOOK, 1972

Page 14: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

APPLE “BASHFUL”, 1983

Page 15: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

APPLE KNOWLEDGE NAVIGATOR, 1987

Page 16: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

NOKIA COMMUNIATOR, 1996

Page 17: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 18: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 19: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SINGLE APPLICATION MULTIPLE INTERFACES

WHAT IS MULTIPLATFORM?

ONE PER DEVICE TYPE

Page 20: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 21: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

DON’T.

Page 22: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 23: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 24: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

MOBILE FIRST?

Page 25: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

NO.

Page 26: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 27: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

WHY NOT?

DIFFERENT NEEDS DIFFERENT EXPECTATIONS DIFFERENT ENVIRONMENTS

Page 28: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 29: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 30: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 31: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 32: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 33: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 34: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 35: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 36: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 37: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SEQUENTIAL USAGE

Page 38: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

SIMULTANEOUS USAGE

Page 39: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“LEAN-BACK”?

Page 40: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“2001: A SPACE ODYSSEY”, 1968

Page 41: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 42: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

INSIDE-OUT DESIGN

Page 43: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 44: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 45: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 46: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

“MONOPOLISE PEOPLE’S EYEBALLS”

Page 47: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 48: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE

Page 49: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

UBIQUITOUS

Page 50: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

EFFECTIVE

Page 51: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

ELEGANT

Page 52: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

Page 53: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

Page 54: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

Page 55: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

COMPREHENSIVE UBIQUITOUS EFFECTIVE ELEGANT

Page 56: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 57: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 58: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 59: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

REQUIREMENTS

Page 60: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

JOINING THE DOTS

Page 61: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

A SECOND LOOK

Page 62: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 63: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 64: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

PHASES

Release 1 Release 2

Page 65: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 66: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 67: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 68: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 69: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 70: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 71: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 72: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

FINAL DESIGN

Page 73: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 74: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

Page 75: Push conference presentation

@FJORDBERLIN #PUSHCONF #MULTIPLATFORM

THANK YOU

#FJORDBERLIN #PUSHCONF #MULTIPLATFORM