SlideShare ist ein Scribd-Unternehmen logo
1 von 85
Design Killers How to recognize when they’re killing your project and how to bring good projects back from the brink of doom
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.
Meet the Usual Suspects
Meet the Usual Suspects
Marketing Fluff How to tell if fluff is killing you: ,[object Object]
Unusually white teeth
Ubiquitous headset
There are words - too many of them.Crimes of Discontent If you’re adding non-nutrious content to your site, be sure it’s actually dessert.
Content How do you pick your content images?
Look at things.(Yes, I’m serious.)
1977
1977 (pong)
Art is Inspiration Why bother?
Meet the Usual Suspects
Function Only Bot How to tell if it is killing you: ,[object Object]
Overuse of grey and khaki
Can’t tell if it’s a wireframe or a siteExTERminATE! 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.
Default Lies not in the stars, but in ourselves.
Some art is  “just decorative” Some art is created to match your sofa Some art is created to make people say  “oh how pretty!”
Metro
Panorama
How to solve the case: Admit it. Humans are emotional.
Meet the Usual Suspects
Carsick Unicorns How to tell if color is killing you: ,[object Object]
wincing *
animated gifs (*unless you are colorblind, which in many cases leaves you blissfully immune)
Color
Color What it is and what it’s good  (and bad) for
Color
Warm
Cool
How to solve the case: Pick a limited palette that’s consistent with your brand.
Why have Design Guidelines? Myspace Customization Facebook
Great Color Resources
Meet the Usual Suspects
Crasher Squirrel How to tell if bad UX is killing you: ,[object Object]
You are trying to do something and something is blocking youInterruption If 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.
UX (bless you?)
How to solve the case: Remember what you set out to do, and let your customers do it as easily as possible.
Meet the Usual Suspects
Miss Alignment How to if layout is killing you: ,[object Object]
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”
Layout Three things to keep in mind
Lin Bolin  Seeing the Invisible
Create   order with grids.
Thanks, Lokesh! Check out his blog: www.lokeshdhakar.com
Thanks, Lokesh! Check out his blog: www.lokeshdhakar.com
How to solve the case: Keep the Design in Mind.
Meet the Usual Suspects
Comic Sans How to tell if typography is killing you:  ,[object Object]
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. ,[object Object]
And then she saw it… And then she saw it… Oh, you get the idea. And then she saw it… And then she saw it… And then she saw it…

Weitere ähnliche Inhalte

Andere mochten auch

Intro To Project Management
Intro To Project ManagementIntro To Project Management
Intro To Project ManagementR Mills
 
ON Limited Catalogue
ON Limited CatalogueON Limited Catalogue
ON Limited CatalogueOlesyaG
 
Branding/marketing/social media presentation
Branding/marketing/social media presentationBranding/marketing/social media presentation
Branding/marketing/social media presentationRhonda Silva
 
The entrepreneurial museum athens jim hackney
The entrepreneurial museum athens jim hackneyThe entrepreneurial museum athens jim hackney
The entrepreneurial museum athens jim hackneyVorvolakos George
 

Andere mochten auch (7)

Being Job Smart
Being Job SmartBeing Job Smart
Being Job Smart
 
Intro To Project Management
Intro To Project ManagementIntro To Project Management
Intro To Project Management
 
ON Limited Catalogue
ON Limited CatalogueON Limited Catalogue
ON Limited Catalogue
 
Branding/marketing/social media presentation
Branding/marketing/social media presentationBranding/marketing/social media presentation
Branding/marketing/social media presentation
 
Nigel Flipbook
Nigel FlipbookNigel Flipbook
Nigel Flipbook
 
Porto
PortoPorto
Porto
 
The entrepreneurial museum athens jim hackney
The entrepreneurial museum athens jim hackneyThe entrepreneurial museum athens jim hackney
The entrepreneurial museum athens jim hackney
 

Ähnlich wie Design killers

Os Keyshacks
Os KeyshacksOs Keyshacks
Os Keyshacksoscon2007
 
How-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSE
How-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSEHow-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSE
How-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSEHubSpot
 
People Hacks
People HacksPeople Hacks
People HacksAdam Keys
 
Young Lions CZ 2021 | Digital 04 - Winners
Young Lions CZ 2021 | Digital 04 - WinnersYoung Lions CZ 2021 | Digital 04 - Winners
Young Lions CZ 2021 | Digital 04 - WinnersYoungLionsCZ
 
The 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowThe 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowRam Chary Everi
 
The Art of Presentation: Improve your presentations in 20 pages
The Art of Presentation: Improve your presentations in 20 pagesThe Art of Presentation: Improve your presentations in 20 pages
The Art of Presentation: Improve your presentations in 20 pagesAlberto de Vega Luna
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)Bonny Colville-Hyde
 
Networking with the pros GDCOnline 2010
Networking with the pros GDCOnline 2010Networking with the pros GDCOnline 2010
Networking with the pros GDCOnline 2010Jeremy Gibson
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual DesignDiane Leeper
 
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...visualdesignthinking
 
Bulgaria Web Summit #VDT Visual Design Thinking
Bulgaria Web Summit #VDT Visual Design ThinkingBulgaria Web Summit #VDT Visual Design Thinking
Bulgaria Web Summit #VDT Visual Design ThinkingChiara Francesca Albanesi
 
Writing Better e-Learning Scripts #Training18
Writing Better e-Learning Scripts #Training18Writing Better e-Learning Scripts #Training18
Writing Better e-Learning Scripts #Training18Cammy Bean
 
Saul Colt's Marketing Risk.
Saul Colt's Marketing Risk.Saul Colt's Marketing Risk.
Saul Colt's Marketing Risk.Saul Colt
 
Presenting: structure story and support
Presenting: structure story and supportPresenting: structure story and support
Presenting: structure story and supportFelienne Hermans
 
Writing better e learning
Writing better e learningWriting better e learning
Writing better e learningCammy Bean
 
Visual Rhetoric Feb 3: Early Show
Visual Rhetoric Feb 3: Early ShowVisual Rhetoric Feb 3: Early Show
Visual Rhetoric Feb 3: Early ShowMiami University
 
What is a screenplay - A Beginner's Guide To Screenplay Writing
What is a screenplay - A Beginner's Guide To Screenplay WritingWhat is a screenplay - A Beginner's Guide To Screenplay Writing
What is a screenplay - A Beginner's Guide To Screenplay WritingJames Prince
 
2020: A Design Odyssey
2020: A Design Odyssey2020: A Design Odyssey
2020: A Design OdysseyTim Van Damme
 

Ähnlich wie Design killers (20)

Os Keyshacks
Os KeyshacksOs Keyshacks
Os Keyshacks
 
How-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSE
How-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSEHow-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSE
How-to: Find and Stop the 7 Growth Killing Ghouls of the #FUNNELPOCALYPSE
 
People Hacks
People HacksPeople Hacks
People Hacks
 
Young Lions CZ 2021 | Digital 04 - Winners
Young Lions CZ 2021 | Digital 04 - WinnersYoung Lions CZ 2021 | Digital 04 - Winners
Young Lions CZ 2021 | Digital 04 - Winners
 
The 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowThe 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to Know
 
The Art of Presentation: Improve your presentations in 20 pages
The Art of Presentation: Improve your presentations in 20 pagesThe Art of Presentation: Improve your presentations in 20 pages
The Art of Presentation: Improve your presentations in 20 pages
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)
 
Networking with the pros GDCOnline 2010
Networking with the pros GDCOnline 2010Networking with the pros GDCOnline 2010
Networking with the pros GDCOnline 2010
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual Design
 
#VDT - A review of the process. EP. 2
#VDT - A review of the process. EP. 2#VDT - A review of the process. EP. 2
#VDT - A review of the process. EP. 2
 
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...
 
Bulgaria Web Summit #VDT Visual Design Thinking
Bulgaria Web Summit #VDT Visual Design ThinkingBulgaria Web Summit #VDT Visual Design Thinking
Bulgaria Web Summit #VDT Visual Design Thinking
 
Writing Better e-Learning Scripts #Training18
Writing Better e-Learning Scripts #Training18Writing Better e-Learning Scripts #Training18
Writing Better e-Learning Scripts #Training18
 
Saul Colt's Marketing Risk.
Saul Colt's Marketing Risk.Saul Colt's Marketing Risk.
Saul Colt's Marketing Risk.
 
Presenting: structure story and support
Presenting: structure story and supportPresenting: structure story and support
Presenting: structure story and support
 
Writing better e learning
Writing better e learningWriting better e learning
Writing better e learning
 
Visual Rhetoric Feb 3: Early Show
Visual Rhetoric Feb 3: Early ShowVisual Rhetoric Feb 3: Early Show
Visual Rhetoric Feb 3: Early Show
 
Evangelism101
Evangelism101Evangelism101
Evangelism101
 
What is a screenplay - A Beginner's Guide To Screenplay Writing
What is a screenplay - A Beginner's Guide To Screenplay WritingWhat is a screenplay - A Beginner's Guide To Screenplay Writing
What is a screenplay - A Beginner's Guide To Screenplay Writing
 
2020: A Design Odyssey
2020: A Design Odyssey2020: A Design Odyssey
2020: A Design Odyssey
 

Kürzlich hochgeladen

MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxHumphrey A Beña
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptxmary850239
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...JojoEDelaCruz
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)cama23
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 

Kürzlich hochgeladen (20)

MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 

Design killers

Hinweis der Redaktion

  1. Introduction
  2. Design Killers ruin good projects.Sometimes, they kill off great projects. People don’t understand why, but there are a lot of reasons (I’ll go over a few).It’s a good idea to know that they’re out there, so you can spot them in a lineup.
  3. iStockPhoto comp. Go to iStockPhoto and show them around.And, always get the right size and pay for it. If you put the comp image up on a real website, I will smack you.--- http://www.useit.com/alertbox/9605.htmlAnything That Looks Like an AdvertisementSelective attention is very powerful, and Web users have learned to stop paying attention to any ads that get in the way of their goal-driven navigation. (The main exception being text-only search-engine ads.)Unfortunately, users also ignore legitimate design elements that looklike prevalent forms of advertising. After all, when you ignoresomething, you don't study it in detail to find out what it is.Therefore, it is best to avoid any designs that look like advertisements.The exact implications of this guideline will vary with new forms of ads; currently follow these rules:
  4. Don’t forget copy. If you don’t need to say it, don’t.
  5. Look at things. Things in your world.Look at things NOT in your world. It’s actually really hard to look at things.As soon as you start looking at things, your mind starts playing tricks with you.“Oh! That’s the part when CharltonHeston screams…” wait, everyone seen this, right?If you want to design things to be used inside a culture, you have to understand it. The more you observe, the more you have stored in your creative reserves.I have a few favorite blogs for this, http://designcollector.nethttp://abduzeedo.com/
  6. So why should you pay attention to Art and Culture?Because of this. How many imaginations were sparked by this?How different would the world have been if Lucas had stuck to the type of technology we actually had in 1977?
  7. Not that Pong wasn’t fun.But it does bring us to one point Pablo Picasso and Douglas Adams agree on. More on that later.
  8. The reality is that form from function will only carry you so far.The Model T was an incredible design innovation and impressively functional. 16.5 million sold From 1908-1927 – that’s only 19 years. All other cars that outsell it have been sold for more than twice that long!But when money drives production, creative energy jumps from the car.
  9. And goes on a direction all it’s own.Finding new directions is what Art is all about.When you find those promising outliers, innovative design work is what takes them from concept to production.Finding that core is where your contents should be
  10. How to tell if safety is killing you: The UI looks functional Overuse of grey and khaki Can’t tell if it’s a wireframe or a siteExTERminATE !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.
  11. 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.If you’re not getting an immediate visceral feeling of warm fuzzy, the conceptual feeling of snappy responsive and well organized had better be really strong!
  12. Metro design interface does this really well – the focus is on the interaction and function while the content could be anything the user selects. From http://www.signature9.com/electrotech/windows-phone-7-is-gearing-up-to-take-on-ios-and-android-heres-how
  13. For UX, I think the most powerful concept is the Panorama.See how things slightly overlap at the edge?That’s called teasing. People know there is more to see and try to see it.I think the images here also emphasize that people, well, like images.
  14. We seem to have a basic urge to draw and decorate… which leads us to one of the big killers….
  15. I’m not sure why, but I’ve noticed most pages which have animated gifs also have color issues. There must be a correlation. Oh, and music. (God, please make the music stop.)
  16. It’s easy to tell when something has gone horribly wrong. Screenshot from websitesthatsuck.com
  17. Quick primer on Color. Remember this from grade school?
  18. The warm colors are firey.
  19. The cool colors are calm.This is all kinda relative, though.
  20. There was quite a scandal when Thomas Gainsborough painted this. Blue, as a focal point? Scandal!! The reality is that warm and cool are very relative terms, and they can combine to create interesting effects.Take the idea of complimentary colors.---Wikipedia: It was often rumored that Gainsborough painted the portrait in response to rival Joshua Reynolds,[2] who had once written:"It ought, in my opinion, to be indispensably observed, that the masses of light in a picture be always of a warm, mellow colour, yellow, red, or the green colours be kept almost entirely out of these masses, and be used only to support or set off these warm colours; and for this purpose, a small proportion of cold colour will be sufficient. Let this conduct be reversed: let the light be cold, and the surrounding colour warm, as we often see in the works of the Roman and Florentine painters, and it will be out of the power of art, even in the hands of Rubens and Titian, to make a picture splendid and harmonious."[2]
  21. Complimentary colors are across from each other on the color wheel – Let’s take a look at blue and orange
  22. Complimentary colors are across from each other on the color wheel – Let’s take a look at blue and orange.
  23. So there’s quite a bit going on here in this print advert, but notice how the COLOR in the picture is black, blue, and orange. The droplet with the blue backglow is in the shape of Mia Hamm playing soccer. Clever, and I’m always surprised how many people say they missed that.So what does it look like in a website?
  24. Again, the blue and orange are working well, this time in a light background – which is a good choice for reading text. Black backgrounds are great for drama, but hard to read.
  25. This can be a bit tricky, which I’ll discuss in a bit
  26. Ok, that makes sense. Anyone remember the mess that myspace was since users were allowed to design it any way they want?One reason why facebook is so popular *cough* Consistency across multiple pages of similar information,Avoids the jarring transitions.
  27. http://www.useit.com/alertbox/9605.htmlbanner blindness means that users never fixate their eyes on anything that looks like a banner ad due to shape or position on the pageanimation avoidance makes users ignore areas with blinking or flashing text or other aggressive animationspop-up purges mean that users close pop-up windows before they have even fully rendered; sometimes with great viciousness (a sort of getting-back-at-GeoCities triumph).---Now, many browsers even offer this as a built in feature.
  28. POPUPS
  29. Sneaky trick #1 : What’s missing? LAYOUT
  30. How to tell she’s the killer:
  31. Interface and logical grouping.WhitespaceDetails matter.
  32. Consider what happens when people put things “where ever”
  33. Lin Bolin – even in chaos there is design. Interface and logical grouping.
  34. Interface and logical grouping. – Get some professional help with this and/or do your own research to find the UX patterns that will help your project.
  35. WhitespaceDon’t think of white space as wasted. What is the whitespace in this image? Negative/Positive; use of color.
  36. Whitespace – cheat with lines, slight variations in texture and color, Don’t think of white space as wasted.Next : Details matter.
  37. Details Matter– texture, drop shadows, subtle gradientsYou know what really makes this layout work? Good bones. Look at the strong hierarchy of the page – the visual design works with the content to make it look
  38. Layout tips and tricks:Create order with alignment and grids.Alignment and Proximity
  39. Grid – alignment… These all have equal weight and are evenly spaced.
  40. Grid – alignment… These all have equal weight and are evenly spaced.
  41. Reminds you of a tic-tak-toe board?
  42. The grid on this one is pretty obvious, so I didn’t draw it. But the interesting thing is that you can tell it’s there, keeping all that information on the right shelf.
  43. In Pivot, they’re doing the same thing
  44. This grid is a little funky because the middle section scrolls.But even the top URL space and bottom tool area are considered in the grid. See how wide the margins are? They’re also called gutters.Lets get rid of that to see the space.
  45. Sneaky trick #2 : Invisible Typography
  46. Meet Comic Sans, he’s a sad clown. Comic SansPhoto credit: Clown image from etsy. Some lucky fellow has this cactus planter. http://www.etsy.com/listing/12898627/sad-clown-cactus-planter
  47. Font tricks:Who’s handwriting is this? What do they wear, what do they drive, what music do they listen to?
  48. I love this poser because of this visceral drawn font.All fonts are hand drawn.
  49. I love this poser because of this visceral drawn font.All fonts are hand drawn.
  50. Typography isn’t just an “english” thing – in fact, there are some famous and beautiful examples of calligraphy in most cultures.
  51. Typography isn’t just an “english” thing – in fact, there are some famous and beautiful examples of calligraphy in most cultures.Book of Kells
  52. Whatthefont.comIlovetypography.comAlso good:Dafont.comAbstractfonts.com
  53. The savvy among you already noticed this. You’ve whispered it to your friends, and tweeted it, more than likely.But the truth is that most of the time, these Design Killers are fine upstanding citizens.They just get little overzealous and take over sometimes!So use them in your projects judiciously.
  54. More resources.
  55. You’re already here.So go ask some people where they get together to talk about design.(Or you’re watching this online, DM me @dianeleeper)If you find a good one, please let me know!
  56. You’re alreadyat a user group or community event. So go ask some people where they get together to talk about design.(Or you’re watching this online, contact me. If you find a good one, contact me with a link!)
  57. You’re alreadyat a user group or community event. So go ask some people where they get together to talk about design.(Or you’re watching this online, contact me. If you find a good one, contact me with a link!)
  58. You’re alreadyat a user group or community event. So go ask some people where they get together to talk about design.(Or you’re watching this online, contact me. If you find a good one, contact me with a link!)