Responsive Design & Prototyping -- An Agency Model
This presentation is in three parts, please see the links and description below:
Links:
Part 1: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-13
Part 3: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-23
Part 2: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-33
Description:
Digitas is pleased to host the April 2012 UPA Boston meeting. We’ll be looking at some of the latest trends we’ve seen in Experience Design. We will discuss how we at Digitas are redefining our approach and share the successes and challenges we’ve encountered along the way. We will focus specifically on responsive design as well as the value of prototyping in new more complex digital ecosystems.
4. “At Digitas, we’ve traditionally looked at UX !
through an advertising and marketing communications !
lens, as opposed to an application-based, !
software development (or other*) lens…”"
*! How about a “Next Generation !
Digital Experience” lens?"
10. In the Agency, we’ve had trouble getting through…"
Who the hell are we? " How we really think"
Where did we come from? " History & evolution of UX"
What do we do? " Our approach to the work"
When should we be engaged? " When to bring us in"
Who are we actually? " Names & faces"
What to expect from us in future?" New UX strategies tools & tactics"
11. Is it a labeling issue? "
User Experience — also regularly described as…"
ID!
Interaction Design! UI!
User Interface Design!
TA-s!
IA!
Those Assholes!
Information Architecture!
And various
other things…!
No. Its something more…"
14. When Art met Copy, there was… a Breakthrough!"
Output:"
Advertising, Marketing Communications"
15. But wait! Then we had… a Paradigm Shift"
Home New Models Old Models Pricing & O"ers Owners!
Skip Intro >!
Output:"
Advertising, Marketing Communications for the Web"
"
16. Now we have…" Strategy
Sp
ec
ng ial
ni
n
tie
Pla
s
Art
Choice (IA)
Copy
y
log
MO
o
hn
Ps/C
c
Te RM
s
Metric Searc
h
Output:"
Marketing Communications, Product Development, Software Development, Process
Optimization, Customer Care, Social Dialogue — across all channels"
17. As User Experience Designers…"
We now work together in a !
far more complex"
Digital Design Ecosystem"
"
18. And the challenge is that it’s…"
…all happening right now"
…always on"
…all integrated"
…always overlapping"
"
"
But wait… hang on a minute — "
now it’s completely different!"
"
27. The Pros & Cons of Wireframes"
! " Page layout & structure! $" Static – not interactive!
! " Content modules! $" Not intuitive – di%cult to
! " Lead to functional specs! understand!
! " Help creative $" Hard to show user paths!
development! $" Version control!
! " Easy to make! $" Hard to test!
$" Require a lot of “vision”!
28. Flat wireframes are Work gets judged on User experience
outdated in today’s visual design while decisions are
more complex and interactivity and sometimes made by
interactive landscape! functionality is people without a full
overlooked ! understanding of the
issues !
45. Getting the most out of prototyping"
•" Be interactive from the start!
•" Focus on flows!
•" Fake it when data is involved!
•" Accept limitations!
•" Talk to your tech team!
•" Add color to show interactive areas!
•" A little bling goes a long way!