Transcript
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


Recommended