design killers

85
Design Killers How to recognize when they’re killing your project and how to bring good projects back from the brink of doom

Upload: diane-leeper

Post on 08-Sep-2014

335 views

Category:

Education


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Design killers

Design Killers

How to recognize when they’re killing your project and how to

bring good projects back from the brink of doom

Page 2: Design killers

Design Killers• Ruin good projects.• Sometimes, they kill off great

projects. • It’s a good idea to know that they’re

out there, so you can spot them in a lineup.

Page 3: Design killers

Meet the Usual Suspects

Page 4: Design killers

Meet the Usual Suspects

Page 5: Design killers

Marketing FluffHow to tell if fluff is killing you:• People are smiling at you, and you have no idea who they are• Unusually white teeth• Ubiquitous headset• There are words - too many of them.

Crimes of DiscontentIf you’re adding non-nutrious content to your site, be sure it’s actually dessert.

Page 6: Design killers
Page 7: Design killers

Content

How do you pick your content images?

Page 8: Design killers

Look at things.(Yes, I’m serious.)

Page 9: Design killers

1977

Page 10: Design killers

1977 (pong)

Page 11: Design killers

Art is Inspiration

Why bother?

Page 12: Design killers
Page 13: Design killers

Meet the Usual Suspects

Page 14: Design killers

Function Only BotHow to tell if it is killing you:• The UI only looks functional• Overuse of grey and khaki• Can’t tell if it’s a wireframe or a site

ExTERminATE !Don’t get me wrong.. Function over Form any day of the week. But if you’re playing it safe with defaults, you are headed for heartache. Actually, heartache would be preferable. You’re headed for blah.

Page 15: Design killers

Default

Lies not in the stars, but in ourselves.

Page 16: Design killers
Page 17: Design killers
Page 18: Design killers

Some art is “just decorative”

Some art is createdto match your sofa

Some art is createdto make people say

“oh how pretty!”

Page 19: Design killers
Page 20: Design killers
Page 21: Design killers

Metro

Page 22: Design killers

Panorama

Page 23: Design killers
Page 24: Design killers

How to solve the case:

Admit it. Humans are emotional.

Page 25: Design killers

Meet the Usual Suspects

Page 26: Design killers

Carsick UnicornsHow to tell if color is killing you:• Your eyes bleed when you see it *• wincing *• animated gifs

(*unless you are colorblind, which in many cases leaves you blissfully immune)

Page 27: Design killers

Color

Page 28: Design killers

Color

What it is and what it’s good (and bad) for

Page 29: Design killers

Color

Page 30: Design killers

Warm

Page 31: Design killers

Cool

Page 32: Design killers
Page 33: Design killers
Page 34: Design killers
Page 35: Design killers
Page 36: Design killers
Page 37: Design killers
Page 38: Design killers
Page 39: Design killers
Page 40: Design killers

How to solve the case:

Pick a limited palette that’s consistent with your brand.

Page 41: Design killers

Why have Design Guidelines?

Myspace Customization Facebook

Page 42: Design killers

Great Color Resources

Page 43: Design killers
Page 44: Design killers
Page 45: Design killers
Page 46: Design killers

Meet the Usual Suspects

Page 47: Design killers

Crasher SquirrelHow to tell if bad UX is killing you:• Apart from being a squirrel, he’s a popup• You are trying to do something and something is blocking you

InterruptionIf you are interrupting someone using your product, just like in real life, you’re being rude. Be sure there is a good reason for it.Most of the time, popup interruptions will be seen as an advertisement and people will try to skip or instinctively avoid looking at it. This includes splash screens and page interruption adverts.

Page 48: Design killers

UX

(bless you?)

Page 49: Design killers

How to solve the case:

Remember what you set out to do, and let your customers

do it as easily as possible.

Page 50: Design killers

Meet the Usual Suspects

Page 51: Design killers

Miss AlignmentHow to if layout is killing you:• Content spills out of containing boxes• Angles aren’t consistent•Or, everything is so angular it hurts to look at it.

Tends to work with her brother, “Buster” and often a crew of minions called “browser bugs”

Page 52: Design killers

Layout

Three things to keep in mind

Page 53: Design killers
Page 54: Design killers

Lin Bolin

Seeing the Invisible

Page 55: Design killers
Page 56: Design killers
Page 57: Design killers
Page 58: Design killers
Page 59: Design killers

Create order with grids.

Page 60: Design killers

Thanks, Lokesh! Check out his blog: www.lokeshdhakar.com

Page 61: Design killers

Thanks, Lokesh! Check out his blog: www.lokeshdhakar.com

Page 62: Design killers
Page 63: Design killers
Page 64: Design killers
Page 65: Design killers
Page 66: Design killers

How to solve the case:

Keep the Design in Mind.

Page 67: Design killers

Meet the Usual Suspects

Page 68: Design killers

Comic SansHow to tell if typography is killing you: • In addition to comic sans, it could be any font that isn’t matching the branding of the project• Comic Sans is a sad clown. He wants to be used in fun invitations to kid parties. But he keeps getting put in inappropriate settings, like corporate reports.

Page 69: Design killers

Typography

Meet the (font) Family.

Page 70: Design killers
Page 71: Design killers
Page 72: Design killers

And then she saw it…

And then she saw it…

And then she saw it… Oh, y

ou get the id

ea.

And then she saw it…And then she saw it…

Page 73: Design killers
Page 74: Design killers
Page 75: Design killers
Page 76: Design killers
Page 77: Design killers

ome Good Type Resources

Page 78: Design killers
Page 79: Design killers
Page 80: Design killers

Killers?

Page 81: Design killers

Community? You’re soaking in it!

Page 82: Design killers

Code Camps, User Groups, Meetups, and Tweetups

You’re already here.Go ahead and ask around!

(Or you’re watching this online)DM me @dianeleeper

Page 83: Design killers

Blogs, Sites, Online Magazines

SmashingMagazine

Abduzedo.com

visitmix.com

Interaction Design: www.ixda.org

Page 84: Design killers

Conventions: Mix, Max, and SXSW

SXSW.com

2009.max.adobe.com/online2010.max.adobe.com/online

videos.visitmix.com = MIX09live.visitmix.com = MIX10

Page 85: Design killers

Microsoft.com/design/toolbox