Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the process and exercises!

http://www. visualdesignthinking.it
How much
a frustrating
User Experience
is harmful for
your success?
This is why we’re speaking in Italian right now.

foto del sentiero
Paved the wrong way,
just like not localising the website.

Carlo Frinolli @carl0s_
Passionate UX Designer and CEO at nois3.
I like to break things to know how they
works. Most of the times I have spare parts.
Chiara Albanesi @lucciole
Ethnographer, storyteller and visual designer.
I believe in mistakes, and in ﬁreﬂies.
Co-founder @mokalab

+ +
+ +
What we’ll
be doing
today
We’ll see what #VDT is about, just like
real speeches. Then we’re going to get
our hands dirty.
!
Don’t turn your head we’re talking to you.
Insights Case
studies
Three
exercises!
Discovery
two row

There are two keywords here.
User
Experience

Ethnography
Let’s talk about users.

Know thy user!
Quality over quantity, relationships and shareholders (or
stakeholders) over customers.
!
I tell you a secret: Users are human not robots.
They will fail badly.
 
Use a little bit of humanity then, please.

Why?
Wiﬁ
Basic needs
Safety needs
Social needs
Esteem needs
Self-actualization

When?
At the very beginning.
When you need to know what’s going on.

How?

Useful
tips
Average users
Forget to meet them: they don’t exist.
Niches!
Focusing on a niche will give better results
than trying to meet everyone needs,
at least if you’re not building the new
Facebook.

Useful
tips
Heisenberg, my friend
Do not pretend to be objective.
Interviews are between humans, and you
are too, after all.
Data, big time
use data. data are not evil. they can help
you ﬁnding the right questions to ask.
One more thing…

Take the right
time for everything
Listen, observe, take notes.
And then think.

RIOS
interviews
for an open brand.
CASE STUDY pt. I

Our three
questions
1. The bar situation
You meet an old friend in a bar just a few
minutes after a RIOS meeting, and you
start talking about what you're doing. How
would you explain him what RIOS is?
2. Co-what?
Think about the other people/companies
members of RIOS.
How can you deﬁne your collaboration with
them? Try to use only few words.

Our three
questions
3. The suitcase
Imagine you are a salesman in a client's
ofﬁce with the RIOS suitcase.
What's inside it?

!
!
!
Your turn:
time for the theme!
Exercise #1

Create a public
bike sharing service in Soﬁa
You have 10 minutes to write down
5 possible questions or topics for
user research interviews.

“
”
10 minutes!
5 questions/topics.
share results on Twitter with #VDT #bgws14

Everybody loves
stories.
Even developers.
Even if they won’t ever admit it.

Quit tech specs,
go for user stories.
I don’t mean it literally.
But try to focus on what matters to end users,
not to technicians, or ninjas.

“
”
As a <role> I want to <action>
in order to <beneﬁt>
Yes, it’s from agile thinking.

Sir, User stories
tend to be vague, sir.
It's not a bug, Sir.
It's a feature.
An epic one.

Let's have
an epic carpaccio
And thanks Fabio Armani for showing this.

“
”
As a citizen I want to get
a bike in order to ride
in the city freely
It’s kind of huge, right? Epic. Let’s split it up.

“
”
10 minutes!
Split the epic story
into 5 smaller ones.

All by myself!?
So OK.
We're doing all by ourselves?
We researched for the users' identities, we decided
for their user stories, alone?

Each project
is a threesome.
UX it's not only a love affair with users.
!
It is a threesome.
!
But don't be anxious, you will have toys EHM…
tools to play with.

It’s all about attitude, Sir.
© Daniele Tamagni - Gentlemen of Bacongo

“
”
You can think about brand in three parts:
who you are, how you dress and how you act.
!
Who you are is your brand strategy,
how you dress is your brand identity
and how you act is your marketing.
Andrea Shillington, Branding for good.

So CO-Design.
Since branding.
Keep the client in the loop.
Try and learn all you can from the client.

Wed in Florence
co-design process.
CASE STUDY pt. II: from sketching to branding.

Samadhi
visual co-design/
branding
CASE STUDY pt. III

“
”
Time for hints!
Bike-sharing moodboard.
!
http://bit.ly/1ksNncb

Why we're doing this you say

It is now
time to make
web/app
interface…
Think responsive. It’s not only shrinking.

Responsive has
lots of meaning
• be ready for mobility
• promptly respond to a query
• applicable brand identities
• right content → right context
• right interaction → right context

+ +
+ +
Mobile ﬁrst
approach
If you think mobile ﬁrst, you’re
going to face more challenges
sooner.
This will force simplify, organise
better and reduce.
Cognitive
payload
Complexity
and clu er
Streamline
interface
Long
shadows?

Do not
make the
user think.
Remember? They’re human and fail badly.

WMP2014
!
World
Medicine
Park
CASE STUDY pt. IV

Time to design
responsive stuﬀ
You have 10 minutes to design content
for the bike sharing service, and to sketch
a couple of very rough ideas about User Interface
in different application contexts.

Digital totem
1080x1920
Smartphone (web)app
1080x1920

“
”
10 minutes!
Content and UI!

Some useful
tools we use.
From mood boarding to prototyping, and feedback!

Pinterest for moodboards!

Déjà vu? POST-IT!

InvisionApp for prototypes

Zurb Foundation for Interactive Wireframes

Usersnap! For real, meaning feedback :)

Wrap up.
How your bike
sharing service
will look like?
Please share results on Twitter via #VDT #bgws14 :)

People we appreciated
and helped us
Bogomil :), Florian, Fabio, Pierluigi, all the nois3 team
in Rome and Milan, Raffaele, Alessio, Claudia, all our
students and clients and the Etnograph team.

“
”
Thank you, for your attention.
Any question?
!
Meet us later, or tonight.
Be sure to get our freshly printed
business cards!
!
C+c

Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the process and exercises!

More Related Content

Viewers also liked (6)

Similar to Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the process and exercises! (20)

Recently uploaded (20)

Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the process and exercises!