Session Speaker: Bianca Woods but I can’t tell you why! Fixing Common Design Mistakes UGLY I know it’s

This is Jason

Explaining Design isn’t exactly his strength

Explaining Design isn’t exactly his strength Okay. I guess that’s true.

But he still has an opinion That’s UGLY! That’s UGLY! That’s UGLY! That’s UGLY!

Sometimes your gut sucks at telling you what it means

Tacky Busy Messy Boring Confusing

This thing isTacky

Collaborating with others Back Next Title Text text text text text text text text text text text text text text text text text text text text text text text text text text

Fix 1 – Avoid tired fonts Ways to fix this Get rid of gimmicky fonts Mistral Ravie Chiller Snap ITC Curlz MT Jokerman

Collaborating with others Back Next Title Text text text text text text text text text text text text text text text text text text text text text text text text text text

Fix 1 – Avoid tired fonts Ways to fix this Be careful with visual effects 3-D charts 3-D shapesBeveled edges Text text text text Shadows

Collaborating with others BackNext Title Text text text text text text text text text text text text text text text text text text text text text text text text text text

Fix 1 – Avoid tired fonts Ways to fix this Be pickier when you choose your images Generally steer away from image backgrounds Avoid images people have seen over and over

Collaborating with others BackNext Title Text text text text text text text text text text text text text text text text text text text text text text text text text text

Fix 1 – Avoid tired fonts BeforeAfter

This thing isBusy

Here’s your title right here And another subtitle right here with some additional information that may or may not be required… who knows?! Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Fix 1 – Avoid tired fonts Ways to fix this Get rid of anything you don’t REALLY need Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Here’s your title right here

Fix 1 – Avoid tired fonts Ways to fix this Make things bigger Text text text

Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Here’s your title right here

Fix 1 – Avoid tired fonts Ways to fix this Put more empty space between things

Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Here’s your title right here

Fix 1 – Avoid tired fonts BeforeAfter

This thing isMessy

Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Article title goes here Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Additional subtitle information goes here. Just a quick summary of the article to get the rest of this content moving forward

Fix 1 – Avoid tired fonts Ways to fix this Align your content and size evenly

Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Article title goes here Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Additional subtitle information goes here. Just a quick summary of the article to get the rest of this content moving forward

Fix 1 – Avoid tired fonts Ways to fix this Pick a just a small number of colours to use The colour palette used in this presentation

Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Article title goes here Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Title Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Additional subtitle information goes here. Just a quick summary of the article to get the rest of this content moving forward

Fix 1 – Avoid tired fonts BeforeAfter

Fix 1 – Avoid tired fonts Ways to fix this Avoid the dreaded “FrankenDeck”

FrankenDeck X ✔ Consistent design

This thing isConfusing

Three tips for working together as a team Tip 1: Establish your goals Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Tip 2: Get to know each other’s strengths Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Tip 3: Be sure to listen Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Fix 1 – Avoid tired fonts Ways to fix this Find images that relate strongly to your content Public speaking tips

Tip 1: Establish your goals Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Tip 2: Get to know each other’s strengths Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Tip 3: Be sure to listen Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Three tips for working together as a team

Fix 1 – Avoid tired fonts Ways to fix this Use visual hierarchy to show how things relate Tip One Text text text text text text text text text text text text text text text text Tip Two Text text text text text text text text text text text text text text text text

Tip 1: Establish your goals Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Tip 2: Get to know each other’s strengths Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Tip 3: Be sure to listen Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Three tips for working together as a team

Fix 1 – Avoid tired fonts BeforeAfter

This thing isBoring

Typical infodump that contains so much content your brain will explode Cupcake ipsum dolor sit. Amet soufflé chocolate bar brownie chocolate bar sesame snaps gummi bears caramels gingerbread. Sweet roll halvah cheesecake cake jelly-o. Marshmallow jelly-o pastry sweet carrot cake tiramisu donut. Jelly gummies marshmallow gummies gummies. Fruitcake icing bear claw sweet roll bear claw marzipan halvah wafer cupcake. Carrot cake soufflé cookie lemon drops cheesecake cake jelly-o. Oat cake marzipan toffee lemon drops apple pie. Cheesecake sweet roll bonbon sweet gingerbread oat cake sesame snaps. Carrot cake cotton candy chocolate bar gummi bears tootsie roll caramels fruitcake caramels. Tiramisu bonbon toffee tart cupcake cheesecake jelly jelly beans croissant. Jelly-o topping halvah cupcake tart jelly beans pie gummi bears. Donut toffee candy pie danish dragée. Cupcake gingerbread chocolate cake cotton candy lollipop danish marshmallow danish dessert. Topping halvah croissant pudding apple pie soufflé topping candy canes jelly-o. Apple pie macaroon soufflé. Gummies ice cream halvah chupa chups gummies dragée lollipop. Pudding apple pie tart toffee. Danish dessert sweet roll cake liquorice tart marshmallow brownie. Donut croissant gummi bears macaroon donut jelly beans. Cotton candy jelly beans apple pie cheesecake chocolate cake muffin cookie. Gingerbread brownie dragée chocolate bar cotton candy toffee wafer. Lemon drops toffee danish gingerbread marshmallow topping pie. Brownie soufflé caramels fruitcake jelly-o. Bear claw donut apple pie. Tart jelly sesame snaps chocolate cake chocolate bar lemon drops danish brownie. Icing liquorice oat cake. Chocolate halvah cupcake cheesecake lemon drops. Marzipan ice cream soufflé pudding sugar plum marshmallow pudding gummies jelly. Tiramisu marshmallow donut jelly beans bear claw chocolate pudding gummies croissant. Pie croissant cake chupa chups gingerbread. Cheesecake dragée halvah liquorice topping. Pie chocolate bar tart cheesecake sesame snaps muffin bonbon gummi bears toffee. Macaroon biscuit marzipan candy. Chocolate cake apple pie biscuit chocolate donut jelly biscuit biscuit. Cotton candy tart soufflé candy canes macaroon danish gummi bears pie. Caramels pastry liquorice gummi bears danish dessert icing. Carrot cake gummi bears brownie icing cake fruitcake biscuit. Jelly pie caramels jelly lemon drops tootsie roll cake fruitcake topping. Ice cream ice cream danish tootsie roll jelly fruitcake sweet roll croissant. Marzipan gingerbread sugar plum apple pie. Wafer dessert cake gingerbread marzipan pudding dragée halvah oat cake. Jelly-o lemon drops icing. Brownie pastry jelly-o toffee dragée marzipan. Halvah dragée bonbon gummi bears tiramisu. Bear claw candy tart. Cheesecake cupcake lollipop. Chocolate bar icing candy canes. Caramels candy canes halvah jelly macaroon lemon drops tootsie roll topping. Dragée sesame snaps bonbon jelly chocolate.

Fix 1 – Avoid tired fonts Ways to fix this Get rid of anything your audience doesn’t need Only leave in what they care about

Typical infodump that contains so much content your brain will explode Cupcake ipsum dolor sit. Amet soufflé chocolate bar brownie chocolate bar sesame snaps gummi bears caramels gingerbread. Sweet roll halvah cheesecake cake jelly-o. Marshmallow jelly-o pastry sweet carrot cake tiramisu donut. Jelly gummies marshmallow gummies gummies. Cotton candy lollipop danish marshmallow danish dessert. Topping halvah croissant pudding apple pie soufflé topping candy canes jelly-o. Apple pie macaroon soufflé. Gummies ice cream halvah chupa chups gummies dragée lollipop. Pudding apple pie tart toffee. Danish dessert sweet roll cake liquorice tart. Chocolate cake chocolate bar lemon drops danish brownie. Icing liquorice oat cake. Chocolate halvah cupcake cheesecake lemon drops. Marzipan ice cream soufflé pudding sugar plum marshmallow pudding gummies jelly. Tiramisu marshmallow donut jelly beans bear claw chocolate pudding gummies croissant. Carrot cake gummi bears brownie icing cake fruitcake biscuit. Jelly pie caramels jelly lemon drops tootsie roll cake fruitcake topping. Ice cream ice cream danish tootsie roll jelly fruitcake sweet roll croissant. Marzipan gingerbread sugar plum apple pie.

Fix 1 – Avoid tired fonts Ways to fix this Use graphics to explain things faster At the end of our study out of all the people we surveyed, only fifteen out of fifty preferred to eat any kind of pie for dessert.30% prefer pie

Much better design that tells you about 4 desserts Cupcake ipsum dolor sit. Amet soufflé chocolate bar brownie chocolate bar sesame snaps gummi bears caramels gingerbread. Sweet roll halvah cheesecake cake jelly-o. Marshmallow jelly-o pastry sweet carrot cake tiramisu donut. Jelly gummies marshmallow gummies gummies. Cotton candy lollipop danish marshmallow danish dessert. Topping halvah croissant pudding apple pie soufflé topping candy canes jelly-o. Apple pie macaroon soufflé. Gummies ice cream halvah chupa chups gummies dragée lollipop. Pudding apple pie tart toffee. Danish dessert sweet roll cake liquorice tart. Chocolate cake chocolate bar lemon drops danish brownie. Icing liquorice oat cake. Chocolate halvah cupcake cheesecake lemon drops. Marzipan ice cream soufflé pudding sugar plum marshmallow pudding gummies jelly. Tiramisu marshmallow donut jelly beans bear claw chocolate pudding gummies croissant. Carrot cake gummi bears brownie icing cake fruitcake biscuit. Jelly pie caramels jelly lemon drops tootsie roll cake fruitcake topping. Ice cream ice cream danish tootsie roll jelly fruitcake sweet roll croissant. Marzipan gingerbread sugar plum apple pie.

Fix 1 – Avoid tired fonts BeforeAfter

Training yourgut

Sometimes the problem design Isn’t the design

Sometimes your gut liar is a liar

Great training materials Presentation Zen Design By Garr Reynolds White Space Is Not Your Enemy By Kim Golombisky and Rebecca Hagen

Great training materials Create Pinterest boards to collect examples of the kinds of design you like (and hate)

Your gut can be a great tool

Additional Resources fixing-design-mistakes.html