41
Designer or not, we show character through our actions and presentation.

What Makes Effective Design by Thom Ransom

Embed Size (px)

DESCRIPTION

Importance of design in communicating quality and value, along basic principles of design including process, elements, motion, modification, arrangement and relationship.

Citation preview

Page 1: What Makes Effective Design by Thom Ransom

Designer or not, we show character through our actions and presentation.

Page 2: What Makes Effective Design by Thom Ransom

Example #1:

• Bullet point 1• Bullet point 2• Bullet point 3

BORING

UNIMAGINATIVE

Page 3: What Makes Effective Design by Thom Ransom

Example #2:

How to make a message stick:

Keep the message simple. Use the unexpected. Infuse it with some credibility.

Keep things concrete. Be emotional. Assemble a story.PAYS LITTLE ATTENTION TO

DETAIL

CLUELESS

Page 4: What Makes Effective Design by Thom Ransom

Example #3:Principles of DesignFrom our days as hunter-gathers, we are programmed to be attracted to motion. Animation is something you add during the construction process to help support your content, not after as decoration.

Whatever animation you use should look natural. Treat slide movement as you would if you were a director by create scenes instead of slides. This is what I have to offer: By the end of this presentation, you will have the information to design more persuasive, visually appealing, and fun to deliver power points.

Design is a profound mix of sociology, biology, and psychology. The way we think, feel, and anticipate quality in design is determined by the combination of culture influence, cognitive evolution, and educational upbringing. The way we feel when we see a specific color, what attracts our focus, and the interpretation of text from left to right, are all aspects of design that should be taken into consideration before designing your next presentation.

NO IDEA OF THE AUDIENCES’

NEEDS

Page 5: What Makes Effective Design by Thom Ransom

Quality design is as much a demonstration of value as low cost leadership, product innovation, or customer service. A better quality design is easier to understand, more persuasive, and all-around more enjoyable to watch. What was once a superfluous means of displaying information has now become synonymous with the modern, competent business professional.

It’s easy to tell which companies take pride in calculated design and which ones consider it secondary. Poorly planned, crudely designed, and erroneously executed presentations can damage credibility just as much as misinformation.

Risk

Opportunity

Page 6: What Makes Effective Design by Thom Ransom

What we need is a method,

Page 7: What Makes Effective Design by Thom Ransom

a basic knowledge of what makes design effective,

Page 8: What Makes Effective Design by Thom Ransom

and suggestions on how to use this information.

So here we go.

Page 9: What Makes Effective Design by Thom Ransom

What Makes Effective Design

Process Elements

Motion

Modification

ArrangementRelationship

Page 10: What Makes Effective Design by Thom Ransom

Aspects of Design:Process

Elements

MotionModificationArrangementRelationship

It’s important to note - though we’re grouping these ideas into separate categories for a better understanding, their applications tend to overlap. For example, contrast - the difference between

multiple elements - can be illustrated through motion and proportion. The principles of design, sometimes referred to as the principles of organization include:

Page 11: What Makes Effective Design by Thom Ransom

Process

Page 12: What Makes Effective Design by Thom Ransom

6-20 hours research

and collect input

1 hour build an audience

needs map

2 hours generate

sticky note ideas

1 hour colleague critique

2 hours storyboard

20-60 hours

building slides

3 hours rehearsing

1 hour organize the

ideas

Page 13: What Makes Effective Design by Thom Ransom

Elements

Page 14: What Makes Effective Design by Thom Ransom

In any design, the first thing you notice is

color. In that split second between attention and conscious observation, your psychology changes. Color puts your

audience in the right mood to received information with as little resistance as possible. Different colors have different

associations which affect people’s

physical and mental state. Women see the color red and feel attraction; men see red and feel powerful. Color can be described as calm, fresh, bland, exciting, nostalgic, modern or professional.

Color creates meaning through natural association and cultural symbolism.

Choose colors that will appeal to your audience. Make sure your color palette won’t be mistaken for a competitor’s brand. Consider using samples from existing elements including logos, images and the natural environment. Select three or five core colors from the color wheel, plus a neutral and a highlight color. Neutral colors serve as a background element and aid in visual hierarchy. Ultimately, your choice in color should be a reflection of your own personality.

Page 15: What Makes Effective Design by Thom Ransom

TypeType serves as an illustration, icon and graphic element apart from its meaning in the alphabet. Used with size or quantity, type can have a huge impact in and of itself. As a graphical element,

type carries with it an innate character that can either add to or detract from your overall message. Treat type as you would any other image.

Like color, type should have audience appeal, personal brand, and clarity for maximum effect. Use type with the last row of people in mind. Changing the weight and spacing in type can be a viable option versus switching to a whole different style. Angle and adjust type for a change in dynamics. The trick with type is to start simple, then branch out according to your overall message. For instance, if you need a type to emphasize something that’s simple yet dignified, Baskerville would be a good option. An alternative to Helvetica, Arial is a great choice for clarity and practicality.

Type

Ty p e

TypeType

Type

Page 16: What Makes Effective Design by Thom Ransom

No matter how many words you place on a slide, nothing speaks

louder than a thoughtfully chosen image. Images add visual excitement and concreteness to what may otherwise be

difficult abstract ideas to understand. An image can be quickly located, processed and understood.

Rules of thirds – Grid of three divided vertically and horizontally creating a composition that’s balanced, energized, and creates more

interest than simply centering the featured elements.

When choosing your images, try to stick to original artwork and personal photographs. Never use clip art. Select a family of images

that work well together and are context-appropriate. Black and white images usually contain an element of nostalgia. Don’t crop

your subjects at the neck. When choosing the position of your image, consider the other elements involved and how best to keep everything in sync. Text and images should never be in competition for the audience. Always have the subject in your image facing the

text it represents. When necessary, one can be used to reinforce the other in a way that’s visually interesting and cognitively helpful.

Page 17: What Makes Effective Design by Thom Ransom

Figure & Ground – The differentiating of an object

(“figure”) from the surrounding area (“ground”) – Gestalts

Principles of Perception

Whitespace doesn’t necessary have to stay two-dimensional. There is a whole lot of space out there if you know how to play with it.

Think of whitespace as breathing room for all the other elements. Too little and the design becomes congested and confusing. Too much, and the space becomes overwhelming.

Page 18: What Makes Effective Design by Thom Ransom

Motionchange in position

Page 19: What Makes Effective Design by Thom Ransom

Direction

Content moves easier in certain directions, interpreted as it would occur naturally.

The hierarchy of movement from easiest to hardest includes down versus up, right versus left, then any variation of such.

Page 20: What Makes Effective Design by Thom Ransom

“Common Fate” elements that move in the same direction are perceived as related more than those moving in different directions - Gestalts Principles of Perception

We have a preference for continuous figures. Lines that intersect aren’t thought of as separate, but segments of the same continual shape.

Our eye flow will move in the same direction until something more significant causes it to move.

Continuance

Page 21: What Makes Effective Design by Thom Ransom

Rhythm

A regularly recurring pattern of activity suggesting pace

Regular- when the intervals between the elements are similar in size or length

Flowing- gives a sense of movement, and is often more organic in nature

Progressive- shows a sequence of forms through a progression of steps

Page 22: What Makes Effective Design by Thom Ransom

Modificationchange in form

Page 23: What Makes Effective Design by Thom Ransom

Comparison – Illustrating

relationships and patterns in system

behaviors represented by two or more

system variables -Gestalts Principles of

Perception

contrast

Used to identify the main points quickly, contrast is a way to attract or divert attention to or from a single element before leading the audience through the rest.

Even subtle changes in color, font and size can make for a more dynamic and interesting design.

Page 24: What Makes Effective Design by Thom Ransom

EmphasisThe stress placed on a single element or visual theme; coming from either visual hierarchy…

or by contrast.

Page 25: What Makes Effective Design by Thom Ransom

Simplicity

“Visual economy” achieved by eliminating all non-essential elements or details to reveal the essence of a form

The simpler the message, the easier it is to convey and the more likely it will be understood.

Ask yourself: Even though there could be more added to this design, will any of it make the “core message” clearer?

Page 26: What Makes Effective Design by Thom Ransom

Arrangementgrouping and order

Page 27: What Makes Effective Design by Thom Ransom

Alignment

Arranging elements so that their lines and edges match with the other elements

Elements do not have to be in perfect alignment. In fact, some lines may appear to be in perfect alignment when

eyeballed versus when they’re measured.

Alignment

Page 28: What Makes Effective Design by Thom Ransom

The easiest and most effective way to prevent confusion is to reduce the amount of elements necessary to complete an interesting design – Gestalts Principles of Perception

The tendency to perceive a set of individual elements as a single, recognizable pattern; with enough of a form filled in, the audience will instinctively fill in the remaining pieces.

The closer or more similar two features are, the more related they will appear.

Closure

Page 29: What Makes Effective Design by Thom Ransom

Domin ance

Subordinate- The object given the least visual weight, the element of tertiary emphasis that recedes to the background of the composition

Sub-dominant- The element of secondary emphasis, the elements in the middle ground of the composition

Dominant- The object given the most visual weight, the element of primary emphasis that advances to the foreground in the composition

Page 30: What Makes Effective Design by Thom Ransom

Relationshipconnections and dynamics

Page 31: What Makes Effective Design by Thom Ransom

BalanceBalance

Balance can fall as either one of two ways: Symmetrical “Harmonious balance” where both sides are of equal weight and dimension, or asymmetrical “balance by grid” where one side is heavier and larger than the other. Keep in mind that balance isn’t always about finding harmony. Asymmetry is ideal for a dynamic design while symmetry is better for stability.

a feeling of equality in weight, attention, or attraction of the various elements within the composition as a means of accomplishing unity

Page 32: What Makes Effective Design by Thom Ransom

HierarchyHierarchy

HierarchyHierarchy

In design, hierarchy isn’t so much about importance as establishing an order of consideration. All groups have hierarchy. Some are more apparent than others while some require taking a step back to see; books on a shelf are typically categorized left to right, we assume larger objects to be closer than those that are smaller. Design remains confusing until we have order.

An established order created by systematic differences in shape, color, size, etc. beginning from the focal point and traveling individually to the other parts

Page 33: What Makes Effective Design by Thom Ransom

Similarity in color results in the strongest grouping effect,

followed by size and shape - Gestalt Principles of Perception

Similarity

Consistency and repetition between multiple elements are perceived as more related than elements that are “anomalies.”

After a while, the audience will become familiar with your design, what to expect within and between slides, and can then pay more attention to the material. Similarity can be seen in visual elements, choices in style like color palette , and the overall theme of the presentation. Without continuity, understanding and comprehension becomes increasingly difficult.

Page 34: What Makes Effective Design by Thom Ransom

“Unity” or Proximity“Unity” or Proximity

Despite differences in color, shape, and size, elements that are grouped together are perceived as being more related than elements that are separated. As a result, relationships are formed which are easier to scan, accept and memorize. Elements exhibiting unity include “structure” in the way things line up, the “look” or graphic style, and “theme” or overall big idea.

The interpretation of elements in relation to the placement and position of other elements; provides a sense of order and completeness

Page 35: What Makes Effective Design by Thom Ransom

So what does all this mean?

Page 36: What Makes Effective Design by Thom Ransom

The more you know about design, the easier & faster it will be for you to do.

It’s Simple!

Page 37: What Makes Effective Design by Thom Ransom

When it comes to Power Point,Rules

Page 38: What Makes Effective Design by Thom Ransom

Rule of 3 slides per point

points per slide

elements per plane

10/20/30 Rule

slides

minutes

font

Use of Time – If you’re offered 30 minutes, take 20. Demonstrates that you know the material, you’re confident in handling questions, and your audience will be surprised they get out 10 minutes early.

Format

Page 39: What Makes Effective Design by Thom Ransom

Animation“Push” slide transitions – A different way of moving from slide to slide..

Image Orientation – Never have a figure facing away from your information. Gives the impression of disinterest- the last sentiment you want felt during a presentation.

Page 40: What Makes Effective Design by Thom Ransom

Animation..Gives the impression of one large surface

Pace –

Scenes and

story versus

slides and

information:

Fast movement

is exciting. Normal speed

is assertive. Slow movement

is nostalgic.

Page 41: What Makes Effective Design by Thom Ransom

Bibliography – Suggested readsDuarte, Nancy. “Slide:ology: The Art and Science of Creating Great Presentations.” O’Reilly Media, Sabastopol, CA. 2008.

Joshua, David. “The Principles of Design.” Digital Web Magazine. McClurg-Genevese. 2005

Reynolds, Garr. "Presentation Zen: Simple Ideas on Presentation Design and Delivery.” Garr Reynolds, 2008.

Montmartre by John Althouse Cohen

Kawasaki, Guy. “The 10/20/30 Rule of PowerPoint.” 2005.Holden, Kritina, Lidwell, William, and Butler,

Jill. “Universal Principles of Design.” Rockport Publishing, 2003.