redefining perspectives 6 - session 1 jarlath forde

Welcome to Redefining Perspectives A forum for A thought leadership forum for technologists interested in defining a

new future.

2 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

The Future of UXD – Visual Experience Design

• About me

• Some user interfaces

• More than making data visual

• Modify your design approach

• Design the data

• Keep an eye out for the whitepaper

• The technology is ready

3 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

About me

Jarlath Forde

\jär ’lath\

Creative Director jforde@sapient.com

Half Global Lead

Design and Visualization

Sapient Global Markets

4 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Design timeline

1990

Studio Archetype

1998 Adjacency

1999 eLab 2000 PGI

2005

Cummings Nitro 2009

Iota Second Story

Emphasis 2012

5 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

More of this

6 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Title will come here

7 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Or more of this

8 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

9 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Contents

Title Pages

1 Section title Sub section Sub section

2 Section title Sub section Sub section

3 Section title Sub section Sub section

4 Section title Sub section Sub section

10 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

11 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Some user interfaces

12 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Some user interfaces

1. Text 2. Form 3. List 4. Table 5. Visual

13 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

14 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Credit: Juliana Ymashita

15 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

What makes this useful?

16 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Here’s a clue

0 0 2 4 2

17 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Drivers & business case

• Increased awareness and focus on design and visualization - driven in

large part by changing expectations of users and business sponsors,

mobile and design driven product experiences

• Incremental investments in design to unlock the full potential and

capability of large investments in capability and infrastructure

• Design and visualization being used as an innovation and vision tool

and integrated into the full lifecycle of products

• Shift from UI supporting the transaction, to supporting the decision

making through improved collaboration, and better visualization,

increased interactivity and integration of information

• Business case is in scaling people, unlocking value from existing

investments, enabling and supporting higher value activities

18 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

More than making data visual

19 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Before

20 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

After

21 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Credit: Bill Caemmerer A skyline example

22 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Then

No

w

Credit: Bill Caemmerer

23 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Then

No

w

Credit: Bill Caemmerer

24 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Then

No

w

Credit: Bill Caemmerer

25 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Then

No

w

Credit: Bill Caemmerer

26 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Then

No

w

Credit: Bill Caemmerer

27 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Then

No

w

Credit: Bill Caemmerer

28 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Modify your design approach (a little)

29 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Copywright: Gerg Kaufman

http://vimeo.com/13658956

30 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Typical UXD Process

Current State

Assessment

Elicit User Needs

Ideation

Concepting

Define Creative Model

Interaction Design

Visual Design

Content Strategy

UI Development

Creative Delivery

Usability Testing

Analytics

Discover Define Release 0.5

Ongoing Release

Evolve

31 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Contextual Observation

and Assessment

Insights and

Opportunities

Concept and

Scoring

Rapid Prototyping

and Validation

Iterative Design and

Development

32 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Design the data first Then design the UI

33 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Modes of Interaction

34 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

35 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

36 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

37 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

38 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

39 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Keep an eye out for the whitepaper

40 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

41 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

The technology is ready

42 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Design the data first

43 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Thank You!