28
Designing the Innovation Interface Andrew Upton Technology Director

Designing the Innovation Interface

  • Upload
    frog

  • View
    6.841

  • Download
    1

Embed Size (px)

DESCRIPTION

frog Andrew Upton gave a speech at the Rich Internet Applications Conference for Developers in Munich. The one-day conference on Nov, 10 targets web developers, interface and interaction designers, graphic designers and software developers alike. Upton shed a light on the specific challenges to the role of the developer in designing the innovation interface. Other speakers included those from Google, Telekom and Adobe. Encouraging the role of the software developer, Upton reminded the technology community to participate and contribute to “Designing the Innovation Interface”.

Citation preview

Page 1: Designing the Innovation Interface

Designing the Innovation Interface Andrew UptonTechnology Director

Page 2: Designing the Innovation Interface

What does it mean for a software developer to be a part of the innovation process.

Page 3: Designing the Innovation Interface

frog design is a global innovation company

Seattle

San Francisco Austin

New York

AmsterdamMunich

Milan

Shanghai

One frog. 550 people. 8 studios. 42 years of global experience.

Founded in 1969, frog is has studios in Amsterdam, Austin, Milan, Munich, New York, San Francisco, Seattle and Shanghai.

Page 4: Designing the Innovation Interface

Example projectINTEL’s next generation point-of-sale

Page 5: Designing the Innovation Interface

Technology everywhere

• Computers have been a part of our lives since the 1970’s.

• Innovation in technology has reached into every corner of our lives.

• What was once bits and bytes now manage our life support systems.

• Predicting the future is impossible, but we are still expected to innovate.

• What is the role of today’s software developer.

Page 6: Designing the Innovation Interface

Domain leaders of the 1970’s.Mainframe computer operator and programmer.

Page 7: Designing the Innovation Interface

Computers today bring together diverse information sources, hardware miniaturisation, always connected and supported by “Apps”.

Page 8: Designing the Innovation Interface

Steve Jobs 2007“…because an iPod’s really just software.”

Page 9: Designing the Innovation Interface

How do the new design paradigms affect coding and the role of developers?

Page 10: Designing the Innovation Interface

The technology landscape is ever changing

Adobe Flex

Adobe Flash

Adobe AIR

Curl

OpenLaszlo

GWT.NET

AJAX

JavaFX HTML5

JavaScript

C

Objective C

Java

C#

C#QT

WPF

Java ME

BREW

Android

WindowsPhone 7

jQuery

OpenGL

Silverlight

iOS

Linux

MeeGo

XML

XSLT

Page 11: Designing the Innovation Interface

Programming languages have evolved to keep up with demand for innovative ways to interact

<HTML>

HTML5

CSS3JavaScript

AJAXjQuery

HTML5

CSS3JavaScript

AJAXjQuery

ADOBE

FlashFlexAIR

ADOBE

FlashFlexAIR

MICROSOFT

.NETSilverlight

XAML

MICROSOFT

.NETSilverlight

XAML

Page 12: Designing the Innovation Interface

Mobile devices are forging ahead with their own technology roadmaps

Mobile Platforms

iPhone/iPad

iOSObjective C

iPhone/iPad

iOSObjective C

Android

LinuxJava

Android

LinuxJava

Microsoft

SilverlightXNA

.NET Framework

Microsoft

SilverlightXNA

.NET Framework

Page 13: Designing the Innovation Interface

But it’s not just about coding. Software developers must learn new skills in order to stay competitive in the market place.

Page 14: Designing the Innovation Interface

Immersive research in to new technology, experimentation and prototyping are the necessary requirements today.

Page 15: Designing the Innovation Interface

Gartner’s Hype Cycle

Page 16: Designing the Innovation Interface

Gartner’s Hype Cycle August 2010

Page 17: Designing the Innovation Interface

Who’s driving innovation today?

Page 18: Designing the Innovation Interface

How do we at frog see our innovation model

Page 19: Designing the Innovation Interface

Innovation delivery

design build

Failure points as one discipline hands-off to another

INSIGHTresearcher

DESIGNdesigner

BUILDdeveloper

Page 20: Designing the Innovation Interface

Innovation delivery

How does technology open new opportunities and insights into to human behaviour and possible adoption.

Inform the research phase to help evaluate the possibilities.

Educate the business development community regarding technology trends.

design buildINSIGHT

developerDESIGN BUILD

Page 21: Designing the Innovation Interface

Innovation delivery

Support the design process through informed advise and challenge existing paradigms.

Develop proof-of-concepts to help bring the design to life.

Understand the parameters by which new technology can be delivered.

design buildINSIGHT DESIGN

developerBUILD

Page 22: Designing the Innovation Interface

Innovation delivery

Implement an iterative approach to the build phase to ensure client and design feedback.

Think of change as a positive element to progress.

Build upon solid but flexible foundations.

design buildINSIGHT DESIGN BUILD

developer

Page 23: Designing the Innovation Interface

1 2 3 4 5 6 7 weeks

Evaluate Client product portfolio.

End of design

8 9

Dis

cover

Deliv

er

Kick-off, stakeholder interviews

Summarize findings, define opportunity, Design Concepts,

End discoverKickoff

11 12 13 14 15 1610

Preparation, research, market evaluation

Desi

gn

Delivery

Technology workshop

Wireframes, flows, rapid prototpyes

Comps, States, branding elements

Draft version, core scenarios

Refine & QA simulation

Design check-in and client feedback

Assets, guidelines

Tech WS

Example project timeline

Page 24: Designing the Innovation Interface

Collaboration and partnership ensures that you deliver on your promise

Page 25: Designing the Innovation Interface

Impact on communication and workflows, means being agile as opposed to Agile

Page 26: Designing the Innovation Interface

Who exactly is the software developer today?

Multi-faceted, networker, inventor, researcher, communicator, visionary, thinker, futurist,

imaginative, evangelist, creative, prophetic, collaborator, mentor.

Page 27: Designing the Innovation Interface

“T-shaped person”

willingness to collaborate

depth

of e

xp

ertise

&

skill

as described by Tim Brown, CEO of IDEO

Page 28: Designing the Innovation Interface

thank you