28

Visual Design Thinking - Prague 2013 - WebExpo

Embed Size (px)

DESCRIPTION

#VDT - Visual Design Thinking is a modest proposal. A process you should try with your clients in order to create more empathy and more co-creation in the overall project course. This is a general introduction, more updates on http://www.visualdesignthinking.it

Citation preview

Page 1: Visual Design Thinking - Prague 2013 - WebExpo
Page 2: Visual Design Thinking - Prague 2013 - WebExpo

Carlo Frinolli

@carl0s_CEO & UX Designer - nois3.it

Chiara Albanesi

@luccioleIllustrator, ethnographer, storyteller

www.visualdesignthinking.it

Page 3: Visual Design Thinking - Prague 2013 - WebExpo
Page 4: Visual Design Thinking - Prague 2013 - WebExpo

Getting to know the client is no loss of time.

Guide him literally into telling about his company, core business and activity.

Page 5: Visual Design Thinking - Prague 2013 - WebExpo

Storytelling is the key.

Those who tell the stories rule society. Plato 

Page 6: Visual Design Thinking - Prague 2013 - WebExpo

It’s maieutic, baby.

Page 7: Visual Design Thinking - Prague 2013 - WebExpo

If storytelling is the oldest and simplest way to share information, sketching is definitely the most immediate.

Page 8: Visual Design Thinking - Prague 2013 - WebExpo

Time to start visualising!.

Page 9: Visual Design Thinking - Prague 2013 - WebExpo

Sharing doesn’t need to be synchronous. And you’re not alone in doing so. :)

Page 10: Visual Design Thinking - Prague 2013 - WebExpo

Each project is a threesome... Guess who’s the third player?

Page 11: Visual Design Thinking - Prague 2013 - WebExpo

Users? WHAAAAAAAAAT!?

Page 12: Visual Design Thinking - Prague 2013 - WebExpo

Think of two customers. Both were born in 1948, male, raised in Great Britain, married, successful and wealthy. Furthermore, both of them have at least two children, like dogs and love the Alps. One of them could be Princes Charles and the other one Ozzy Osbourne.

This is service design thinking.

Page 13: Visual Design Thinking - Prague 2013 - WebExpo

Time for inventory!Getting to know the client means getting to know their previous appearances and products. 

Page 14: Visual Design Thinking - Prague 2013 - WebExpo

are ingredients of a good UX recipe. They are perfect for visual design too. 

Stakeholder map » Personas » User Journey » Touchpoints

Page 15: Visual Design Thinking - Prague 2013 - WebExpo

Ethnography, User Research and User Experience techniques in general are the key point to getting to know who will actually use the product, touch the visual design we are doing. So we need to get confident with them.

Page 16: Visual Design Thinking - Prague 2013 - WebExpo

Stop designing for users. Design for their stories.

Page 17: Visual Design Thinking - Prague 2013 - WebExpo

One more thing... :P

Page 18: Visual Design Thinking - Prague 2013 - WebExpo

Let’s play cards!.

Page 19: Visual Design Thinking - Prague 2013 - WebExpo

Why spending time and energies in these activities?

Page 20: Visual Design Thinking - Prague 2013 - WebExpo

To create a stronger and more effective (on line) identity. Stronger because it was co-designed with the client him/herself, and tailored to his/her customers. 

Page 21: Visual Design Thinking - Prague 2013 - WebExpo

Now you will be able to design the UX and UI, starting from a shared (and co-created) visual style guide.

But hey it’s 2013: let’s go responsive!

Page 22: Visual Design Thinking - Prague 2013 - WebExpo

What does responsive mean here?

Page 23: Visual Design Thinking - Prague 2013 - WebExpo

it’s for

» hired consultant» paid staff who’s working on different areas » people in general who need empathy on a project to be successful.

Page 24: Visual Design Thinking - Prague 2013 - WebExpo

it’s NOT for

» uneducated clients or not comfortable ones» waterfall fans» CTOs :P» People from the 90s (how-much-a-website-would-cost-per-page people)» of course me :D

Page 25: Visual Design Thinking - Prague 2013 - WebExpo

That was a joke.

Page 26: Visual Design Thinking - Prague 2013 - WebExpo

Huge thanks to....

Matt Morasky, Roma UX Book Club, Raffaele Boiano, Claudia Vago @tigella, Imke Bähr, Emanuele Macri, Andrea “baku” Marchesini,Matteo Flora, mozilla and...

Page 27: Visual Design Thinking - Prague 2013 - WebExpo

CoDesign Jam Rome

Cristiano Siri (our codesign mentor) +Hoang C. Huynh, Chiara Muccitelli, Alessio Ricco, Malica Worms, Federica Pesce, Chiara Tortolini, Imke Bähr, Alessandra Talamo, Pietro Paolo Anella

... where the fun started.

Page 28: Visual Design Thinking - Prague 2013 - WebExpo

Thank you.any questions?

Carlo Frinolli

@[email protected]