ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

92
Making the Most of Mobile ThoughtWorks Quarterly Technology Briefing June 2013 Thursday, 4 July 13

description

 

Transcript of ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Page 1: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Making the Most of Mobile

ThoughtWorks Quarterly Technology BriefingJune 2013

Thursday, 4 July 13

Page 2: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Today

1. Thriving in the Shattered FutureWolf Schlegel

2. A Day in the Life of Product DesignChris Cheshire

3. The Tech Radar: A Mobile ViewWolf Schlegel

Thursday, 4 July 13

Page 3: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thriving in the Shattered Future

Wolf SchlegelDeveloper & Market Technical Principal

Thursday, 4 July 13

Page 4: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

“The single screen of our past has shattered and the fragments have

embedded themselves in our pockets; on our couches; and in our lives.”

— Jonny LeRoy

Thursday, 4 July 13

Page 5: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 6: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

6.58 connected devices per person in 2020http://www.cisco.com/web/about/ac79/docs/innov/IoT_IBSG_0411FINAL.pdf

“It took 38 years for the radio to reach an audience of 50 million consumers, 13 years for television, four years for the Internet, but only

two years for the iPhone.”http://blogs.hbr.org/cs/2013/03/four_ideas_for_creating_mobile.html

Thursday, 4 July 13

Page 7: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 8: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

User adoption?

Commercial models?

Technology winners?

Thursday, 4 July 13

Page 9: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Multi-channel strategy

Guerilla usability testing

Agile development

core Continuous

delivery

Continuous design

Strategy & ideation

Analytics / insight

Competitive landscape

End users

Stakeholders

Product manager

X-discipline team

Thursday, 4 July 13

Page 10: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

A Day in the Life of Product Design

Chris CheshireExperience Designer

Thursday, 4 July 13

Page 11: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 12: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 13: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 14: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 15: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 16: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 17: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 18: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 19: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 20: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 21: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 22: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 23: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 24: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 25: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 26: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 27: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 28: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Let’s talk mobile

Thursday, 4 July 13

Page 29: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 30: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 31: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 32: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 33: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 34: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 35: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 36: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 37: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 38: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 39: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 40: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 41: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 42: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 43: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 44: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 45: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 46: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 47: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 48: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 49: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 50: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 51: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 52: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 53: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 54: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 55: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 56: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 57: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

t

Thursday, 4 July 13

Page 58: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 59: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 60: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 61: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 62: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 63: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 64: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 65: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 66: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 67: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 68: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 69: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 70: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 71: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 72: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

The Tech Radar:A Mobile View

Wolf SchlegelDeveloper & Market Technical Principal

Thursday, 4 July 13

Page 73: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

The Radar

Thursday, 4 July 13

Page 74: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

HTML5Storage

ResponsiveWeb Design

Techniques

Thursday, 4 July 13

Page 75: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

HTML5Storage

Techniques

Thursday, 4 July 13

Page 76: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

ResponsiveDesign

Thursday, 4 July 13

Page 77: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

ResponsiveDesign

- so why not “adopt”!?•Huge development time•Type of application•Limitations with automating testing•Lack of tooling

Thursday, 4 July 13

Page 78: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Calatrava

SMS & USSD as a UI

Platforms

Thursday, 4 July 13

Page 79: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Platforms

Calatrava

Thursday, 4 July 13

Page 80: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

SMS & USSD as a UI

feature-phone technologyThursday, 4 July 13

Page 81: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

SMS & USSD as a UI

Thursday, 4 July 13

Page 82: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Browser-based Templating

Tools

Thursday, 4 July 13

Page 83: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Javascript, as a platform & MV* frameworks

CSS - Frameworks & handwritten

Languages & FrameworksThursday, 4 July 13

Page 84: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Javascript, as a platform & MV* frameworks

Languages & FrameworksThursday, 4 July 13

Page 85: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

SASS Sandwich!

Speed!

Thursday, 4 July 13

Page 86: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

CSS Frameworks

Becoming the de facto standard?

A powerful combination

“adopt”

Thursday, 4 July 13

Page 87: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

CSS Frameworks

Becoming the de facto standard?

A powerful combination

“adopt”

Quick prototyping for a “lean” approachThursday, 4 July 13

Page 88: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

CSS Frameworks

Thursday, 4 July 13

Page 89: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 90: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 91: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thursday, 4 July 13

Page 92: ThoughtWorks Quarterly Technology Briefing June 2013, Hamburg

Thank YouThoughtWorks Quarterly Technology Briefing

June 2013

@wolfwolf@cjcheshire

Thursday, 4 July 13