responsive process - london 2012

118
Wednesday, 16 May, 12

Upload: steve-fisher

Post on 27-Jan-2015

102 views

Category:

Design


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 2: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 3: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 4: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 5: Responsive Process - London 2012

delicious.com/hellofisher

I’mCanadian

Wednesday, 16 May, 12

Page 6: Responsive Process - London 2012

HOCKEY!

Wednesday, 16 May, 12

Page 7: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 8: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 9: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 10: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 11: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 12: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 13: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 14: Responsive Process - London 2012

I’m not goingto talk about

html5, css3,& that stuff

Wednesday, 16 May, 12

Page 15: Responsive Process - London 2012

But I’m stilla giant nerd.

Wednesday, 16 May, 12

Page 16: Responsive Process - London 2012

Okay...maybe a little CSS & HTML

Wednesday, 16 May, 12

Page 17: Responsive Process - London 2012

CSS! HTML!

Wednesday, 16 May, 12

Page 18: Responsive Process - London 2012

Okay...maybe a little CSS &

HTML

Wednesday, 16 May, 12

Page 19: Responsive Process - London 2012

Hello!

Wednesday, 16 May, 12

Page 20: Responsive Process - London 2012

I’m a UX Director

Wednesday, 16 May, 12

Page 21: Responsive Process - London 2012

I’m supersmart

Wednesday, 16 May, 12

Page 22: Responsive Process - London 2012

What?

Wednesday, 16 May, 12

Page 23: Responsive Process - London 2012

Howabout

this?

Wednesday, 16 May, 12

Page 24: Responsive Process - London 2012

http://bit.ly/KjhduH

Wednesday, 16 May, 12

Page 25: Responsive Process - London 2012

Ah ha!

Wednesday, 16 May, 12

Page 26: Responsive Process - London 2012

#poorme

Wednesday, 16 May, 12

Page 27: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 28: Responsive Process - London 2012

The web is not fixed width.

Wednesday, 16 May, 12

Page 29: Responsive Process - London 2012

Image source: palantir.net

Wednesday, 16 May, 12

Page 30: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 31: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 32: Responsive Process - London 2012

http://youtu.be/ha-uagjJQ9k

Wednesday, 16 May, 12

Page 33: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 34: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 35: Responsive Process - London 2012

http://youtu.be/eunaclr-WgU

Wednesday, 16 May, 12

Page 36: Responsive Process - London 2012

Kickoff & Project Charter

Wednesday, 16 May, 12

Page 37: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 38: Responsive Process - London 2012

Project Analysis

Wednesday, 16 May, 12

Page 39: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 40: Responsive Process - London 2012

IA & Content Strategy

Wednesday, 16 May, 12

Page 41: Responsive Process - London 2012

www.gathercontent.com

Wednesday, 16 May, 12

Page 42: Responsive Process - London 2012

Strategic Direction

Wednesday, 16 May, 12

Page 43: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 44: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 45: Responsive Process - London 2012

http://youtu.be/8m9EVP8X7N8

Wednesday, 16 May, 12

Page 46: Responsive Process - London 2012

http://youtu.be/bVnfyradCPY

Wednesday, 16 May, 12

Page 47: Responsive Process - London 2012

UX Sketches

Wednesday, 16 May, 12

Page 48: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 49: Responsive Process - London 2012

http://appsketchbook.com/products/responsive-design-sketchbookWednesday, 16 May, 12

Page 50: Responsive Process - London 2012

Page Tables

Wednesday, 16 May, 12

Page 51: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 52: Responsive Process - London 2012

Interaction Design

Wednesday, 16 May, 12

Page 53: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 54: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 55: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 56: Responsive Process - London 2012

Visual Design

Wednesday, 16 May, 12

Page 57: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 58: Responsive Process - London 2012

http://styletil.es

Wednesday, 16 May, 12

Page 59: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 60: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 61: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 62: Responsive Process - London 2012

Style Guides

Wednesday, 16 May, 12

Page 63: Responsive Process - London 2012

Text

http://nathanborror.com/posts/2009/oct/25/interface-harmony/Wednesday, 16 May, 12

Page 64: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 65: Responsive Process - London 2012

http://www.sonypictures.com/previews/movies/residentevilretribution/clips/4301/

Wednesday, 16 May, 12

Page 66: Responsive Process - London 2012

HTML Build

Wednesday, 16 May, 12

Page 67: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 68: Responsive Process - London 2012

CMS Build

Wednesday, 16 May, 12

Page 69: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 70: Responsive Process - London 2012

Browser & Device Testing

Wednesday, 16 May, 12

Page 71: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 72: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 73: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 74: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 75: Responsive Process - London 2012

www.adobe.com/Shadow

Wednesday, 16 May, 12

Page 76: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 77: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 78: Responsive Process - London 2012

Content Migration

Wednesday, 16 May, 12

Page 79: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 80: Responsive Process - London 2012

User Acceptance Testing

Wednesday, 16 May, 12

Page 81: Responsive Process - London 2012

http://youtu.be/yfDUv3ZjH2k

Wednesday, 16 May, 12

Page 82: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 83: Responsive Process - London 2012

Documentation & Training

Wednesday, 16 May, 12

Page 84: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 85: Responsive Process - London 2012

Launch Plan & Release

Wednesday, 16 May, 12

Page 86: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 87: Responsive Process - London 2012

Start of Operational Plan

Wednesday, 16 May, 12

Page 88: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 89: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 90: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 91: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 92: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 93: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 94: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 95: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 96: Responsive Process - London 2012

A Change?

Wednesday, 16 May, 12

Page 97: Responsive Process - London 2012

An Exciting Change

Wednesday, 16 May, 12

Page 98: Responsive Process - London 2012

Focus on the why, well structured content,and interactions that matter

Wednesday, 16 May, 12

Page 99: Responsive Process - London 2012

Design finds answers

Wednesday, 16 May, 12

Page 100: Responsive Process - London 2012

Design provides responses

Wednesday, 16 May, 12

Page 101: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 102: Responsive Process - London 2012

What does it mean to be responsive?

Wednesday, 16 May, 12

Page 103: Responsive Process - London 2012

Something Else

Wednesday, 16 May, 12

Page 104: Responsive Process - London 2012

Something Simple?

Wednesday, 16 May, 12

Page 105: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 106: Responsive Process - London 2012

Means rethinking content creation

Wednesday, 16 May, 12

Page 107: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 108: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 109: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 110: Responsive Process - London 2012

What tools should we use?

Wednesday, 16 May, 12

Page 111: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 112: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 113: Responsive Process - London 2012

The first website was responsive! ;)

Wednesday, 16 May, 12

Page 114: Responsive Process - London 2012

A responsive process is a responsible process

Wednesday, 16 May, 12

Page 115: Responsive Process - London 2012

www.futurefriend.ly

Wednesday, 16 May, 12

Page 116: Responsive Process - London 2012

Start with the !"# & everything else will follow

Wednesday, 16 May, 12

Page 117: Responsive Process - London 2012

Wednesday, 16 May, 12

Page 118: Responsive Process - London 2012

http://youtu.be/4V90AmXnguw

Wednesday, 16 May, 12