redefining perspectives 6 - session 1 jarlath forde
DESCRIPTION
TRANSCRIPT
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 [email protected]
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!