101
Creation of ideas Tips for efficient design

Creation of ideas

Embed Size (px)

Citation preview

Page 1: Creation of ideas

Creation of ideasTips for efficient design

Page 2: Creation of ideas

Mykola Hlibovych% of time spent at work

move pixels solve user's problems

other stuff

Page 3: Creation of ideas

What I use in my work?

Story boards Wireframes

Page 4: Creation of ideas

Generate ideasVerify ideas

Communicate ideas

Present ideasPrototype ideas

Page 5: Creation of ideas
Page 6: Creation of ideas
Page 7: Creation of ideas

Leonardoda Vinci

Page 8: Creation of ideas
Page 9: Creation of ideas
Page 10: Creation of ideas

1487Idea about tank

Page 11: Creation of ideas

First produced tank

1915

Page 12: Creation of ideas

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

Page 13: Creation of ideas

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

Page 14: Creation of ideas

Think outside the box

Page 15: Creation of ideas

10+10

Page 16: Creation of ideas

pressure-sensitive keyboard

What could you do with it?

Page 17: Creation of ideas

Share results with your neighbors

and generate 10 ideas with your group

Page 18: Creation of ideas

Bill Buxton

Page 19: Creation of ideas

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

Page 20: Creation of ideas

ACM UIST Student innovation contest 2009

Most usefulMost creative

Best implementation

Page 21: Creation of ideas

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

Page 22: Creation of ideas

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.

Page 23: Creation of ideas

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

Page 24: Creation of ideas

Most creative

Add magnets to each key and use magnet of different polarity to control a cursor without physical contact.

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

Page 25: Creation of ideas

?

Page 26: Creation of ideas
Page 27: Creation of ideas

Not invented here

Bias against ideas and innovations that originate elsewhere

Page 28: Creation of ideas

Belief that internal capabilities are superior to external ones

http://s60.radikal.ru/i167/1210/ac/dc5acdf24387.jpg

Page 29: Creation of ideas

Belief that internal capabilities are superior to external ones

Failure

http://www.thorpnet.com/wp-content/uploads/2014/05/failure.jpg

Page 30: Creation of ideas

Fear of losing control

http://www.soveryfunny.com/wp-content/uploads/2014/11/exactly_as_i_want_it.jpg

Page 31: Creation of ideas

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

Page 32: Creation of ideas

Desire for credit and status

http://i2.kym-cdn.com/photos/images/original/000/406/325/b31.jpg

Page 33: Creation of ideas

Acknowledge people

http://i3.kym-cdn.com/photos/images/newsfeed/000/406/326/943.jpg

Desire for credit and status

Page 34: Creation of ideas

Significant emotional or financial investment in internal initiatives

https://upload.wikimedia.org/wikipedia/en/2/2c/Babyhuey.JPG?1441967206628

Page 35: Creation of ideas

Significant emotional or financial investment in internal initiatives

http://www.pictorem.com/collection/PawelKuczynski11.jpg

Change in leadershipbut usually hard to fix

Page 36: Creation of ideas

Not invented here

Engage new people in your process

Interact with wider community

Formalize competitor reviews

Make design competitions

Teach team members about NIH

Page 37: Creation of ideas

Verification of idea

Page 38: Creation of ideas
Page 39: Creation of ideas

Leonardo created imperfect designs.They didn’t work

Am I better than Leonardo?

Page 40: Creation of ideas

How to know your design is good?

Make user test

Ask someone else

Ask online community

Page 41: Creation of ideas

User test

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

Page 42: Creation of ideas

Ask someone else

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

Page 43: Creation of ideas

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

Page 44: Creation of ideas

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

Page 45: Creation of ideas

Ask online community

Concept feedback

Five seconds test

Feedback army

Dribbble

Behancehttp://www.fanquimistas.com/wp-content/uploads/marketing-viral-mashable.jpg

Page 46: Creation of ideas

Fivesecondtest.com

Page 47: Creation of ideas
Page 48: Creation of ideas
Page 49: Creation of ideas
Page 50: Creation of ideas
Page 51: Creation of ideas
Page 52: Creation of ideas
Page 53: Creation of ideas
Page 54: Creation of ideas

How your feedback looks like?

Looks great!

Page 55: Creation of ideas

How your feedback looks like?

Looks great! Looks you’ve been busy lately

Page 56: Creation of ideas

How your feedback looks like?

Great, but could you change button ‘Login’ to ‘Sign in’?

Page 57: Creation of ideas

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

Page 58: Creation of ideas

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

Page 59: Creation of ideas
Page 60: Creation of ideas

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

Page 61: Creation of ideas

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

Page 62: Creation of ideas

Is this text legible on this background?

What is the purpose of this website/product is?

Does this button draw your attention?

Page 63: Creation of ideas

Limit number of options

Page 64: Creation of ideas

Give advanced noticeOtherwise 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.”

Page 65: Creation of ideas

You are not your job

http://i.imgur.com/ZsVPFXh.gif

Page 66: Creation of ideas

You are not your design

Instead of feeling insulted or embarrassed,

be appreciative that they discovered and

drew your attention to these faults.

Page 67: Creation of ideas

There are two types of feedback: — positive— constructive

Page 68: Creation of ideas
Page 69: Creation of ideas

Coffee break

Page 70: Creation of ideas

Communicate ideas

Page 71: Creation of ideas

30 second sketchTry to convey only the most important stuff

Page 72: Creation of ideas
Page 73: Creation of ideas
Page 74: Creation of ideas

Morning at Lohika application

Page 75: Creation of ideas

Prototype

Page 76: Creation of ideas

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

Page 77: Creation of ideas
Page 78: Creation of ideas

Invisionapp.com

Page 79: Creation of ideas

Invision prototype for Morning@Lohika

Mail application prototype

Page 80: Creation of ideas

What to do with prototype?

Page 81: Creation of ideas

good design sells itself

Page 82: Creation of ideas

good design sells itself

Page 83: Creation of ideas

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

Page 84: Creation of ideas

Mike Monteiro

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

Page 85: Creation of ideas

Present idea

Page 86: Creation of ideas

Present personally

Page 87: Creation of ideas

helps build relationship with the client

Present personally

Page 88: Creation of ideas

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

Present personally

Page 89: Creation of ideas

shows your confidence in the design

Present personally

Page 90: Creation of ideas

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

Present personally

Page 91: Creation of ideas

Don’t send the work in advance

Page 92: Creation of ideas

Never apologize for what you’re not showing

Page 93: Creation of ideas

Don’t give real estate tour

Page 94: Creation of ideas

Reason

Page 95: Creation of ideas
Page 96: Creation of ideas

“Here’s a Twitter button!”

Page 97: Creation of ideas

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

concerns!

Page 98: Creation of ideas

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

Page 99: Creation of ideas

Ask for critique

Page 100: Creation of ideas

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

Page 101: Creation of ideas

Questions and answersThank you!