Creation of ideas
Tips for efficient design

Mykola
Hlibovych
% of time spent at work
move pixels
solve user's problems
other stuff

What I use in my work?
Story boards Wireframes

Generate ideas
Verify ideas
Communicate ideas
Present ideas
Prototype ideas

Leonardo
da Vinci

1487Idea about tank

First produced tank
1915

All action results from thought,
so it is thoughts that matter.
Sai Baba (1835-1918)
Indian spiritual master

Ideas shape the course of history.
J.M.Keynes (1883-1946)
British economist

Think outside the box

10+10

pressure-sensitive keyboard
What could you do with it?

Share results with your neighbors
and generate 10 ideas with your group

Bill
Buxton

http://www.mindtheproduct.com/2015/03/want-improve-design-process-question-fidelity/

ACM UIST Student innovation contest 2009
Most useful
Most creative
Best implementation

Most useful
Type with your feet, and computer understands where
was the highest pressure and predicts the word
http://www.youtube.com/watch?v=0TbK0qHT524

Best implementation
Additional level of security when entering your password:
• the interval in between each keystroke
• the amount of time for which the key was held
• maximum pressure
• pressure over time as a user pressed each key.

http://www.youtube.com/watch?v=_vMb9JUhC1g

Most creative
Add magnets to each key and use magnet of different
polarity to control a cursor without physical contact.
ttp://www.youtube.com/watch?v=gJZyeNLnqwk

?

Not invented here
Bias against ideas and innovations that originate elsewhere

Belief that internal
capabilities are superior
to external ones
http://s60.radikal.ru/i167/1210/ac/dc5acdf24387.jpg

Belief that internal
capabilities are superior
to external ones
Failure
http://www.thorpnet.com/wp-content/uploads/2014/05/failure.jpg

Fear of losing control
http://www.soveryfunny.com/wp-content/uploads/2014/11/exactly_as_i_want_it.jpg

Fear of losing control
Set clear goals,
clarify how members
fit in organization
http://aib.edu.au/blog/wp-content/uploads/2014/05/shutterstock_1474801791.jpg

Desire for credit
and status
http://i2.kym-cdn.com/photos/images/original/000/406/325/b31.jpg

Acknowledge
people
http://i3.kym-cdn.com/photos/images/newsfeed/000/406/326/943.jpg
Desire for credit
and status

Significant emotional or
financial investment in
internal initiatives
https://upload.wikimedia.org/wikipedia/en/2/2c/Babyhuey.JPG?1441967206628

Significant emotional
or financial investment
in internal initiatives
http://www.pictorem.com/collection/PawelKuczynski11.jpg
Change in leadership
but usually hard to fix

Not invented here
Engage new people in your process
Interact with wider community
Formalize competitor reviews
Make design competitions
Teach team members about NIH

Verification of idea

Leonardo created imperfect
designs.They didn’t work
Am I better than Leonardo?

How to know your design is good?
Make user test
Ask someone else
Ask online community

User test
http://clairemicklin.com/wordpress/wp-content/uploads/2012/03/UserTesting3.jpg

Ask someone else
http://www.designland.co.nz/wp-content/uploads/2013/08/Designer-with-Colors.jpg

Heuristic evaluation
http://www.nngroup.com/articles/ten-usability-heuristics/
1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention

Heuristic evaluation
(continued)
http://www.nngroup.com/articles/ten-usability-heuristics/
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10.Help and documentation

Ask online community
Concept feedback
Five seconds test
Feedback army
Dribbble
Behance
http://www.fanquimistas.com/wp-content/uploads/marketing-viral-mashable.jpg

Fivesecondtest.com

How your feedback looks like?
Looks great!

How your feedback looks like?
Looks great! Looks you’ve been busy lately

How your feedback looks like?
Great, but could you change button ‘Login’ to ‘Sign in’?

http://desktopinhq.com/images/big/three_monkeys-154750.jpg

Stay away from questions like “Do you like it?”

Instead, ask ‘What you don't like'?

Know the kind of feedback you want
People need constrained focus to perform well.

Is this text legible on this background?
What is the purpose of this website/product is?
Does this button draw your attention?

Limit number of options

Give advanced notice
Otherwise feedback will be hurried and superficial.
“Errr, uh… well... it’s nice.
The colors, well, hmmm... the red is nice.
Yeah, it’s good! Good job.”

You are not your
job
http://i.imgur.com/ZsVPFXh.gif

You are not your design
Instead of feeling insulted or embarrassed,
be appreciative that they discovered and
drew your attention to these faults.

There are two types of feedback:
— positive
— constructive

Coffee break

Communicate ideas

30 second sketch
Try to convey only the most important stuff

Morning at Lohika application

Prototype

http://static1.squarespace.com/static/54852d17e4b08bf98200ae77/54f4c0eee4b06c271d03d9b1/54f4c10ce4b0f54e36c3ffc0/1425326366054/paperprototype4.png

Invisionapp.com

Invision prototype for Morning@Lohika
Mail application prototype

What to do with prototype?

good design sells itself

good design sells itself

http://41.media.tumblr.com/f07f556dfad606f5c294ab1929c4208c/tumblr_ntybqgMI6N1qahq88o1_1280.jpg

Mike
Monteiro
https://i.kinja-img.com/gawker-media/image/upload/s--fgizABsb

Present idea

Present personally

helps build relationship with the client
Present personally

puts the person directly responsible for the work in front of clients.
Present personally

shows your confidence in the design
Present personally

gives an opportunity to ask questions directly
of the person who did the work
Present personally

Don’t send the work in advance

Never apologize for what you’re not
showing

Don’t give real estate tour

Reason

“Here’s a Twitter button!”

As you can see, we’ve addressed
your social media concerns!

We’ve placed social media sharing tools below the
article where testing shows the reader is most likely
to interact with them, and designed that space so that
it’s flexible enough to add and subtract services as
they rise and fall from prominence

Ask for critique

Today, we are going to show you some things that
may not be right. If you see something that isn’t
working, you need to point it out. If you don’t tell us
what you think isn’t working, we will show you the
same thing again and again until we are out of
time and money and you are stuck with it.
Mike Monteiro, Design is a Job

Questions and answers
Thank you!