IAT-102: 06 Presenting Design

IAT-102: 06 Presenting Design — A slide deck

Presenting Design

Lecture outline

In this week's lecture

  • Designing presentations
  • Giving presentations

Lecture slides will be available the morning of the lecture.

Close All Laptops Please

Only the back row may use their laptops.

P02 Deliverables

A friendly reminder that we are expecting:

  • 1 four-page (2 spread) layout submitted to Canvas (PDF)
  • 1 citation sheet submitted to Canvas (PDF)
  • 1 four-page (2 spread) layout print-out brought to lab
A musical instrument designed to be cute
What does this connote? Why might this be intentional?
A sketch of a truck
What does this denote?
A bad piece of clipart with a generic human figure standing next to a flipchart
Presenting Design

The Presentation

As a medium

IAT-102 — P03: Presenting


This should introduce and provide context for your project, briefly.

Initial sketches of a project


Breakdown how you created the project by outling important steps.

More refined sketches for a projectInitial digital layouts for a project
Initial digital layouts for a project


Reflect the project result and assess it critically.

Initial digital layouts for a project

Who is the audience for this presentation? and what might we need to consider given the audience?


  1. Make notes
  2. Establish structure
  3. Sketch slides
  4. Build slides
  5. Practice like crazy
  6. Present
A series of notes on the slides being presented


Kind of hard to read the type when it is too small, no?


Using light colours on a projector goes poorly quickly.


Your slides (for our purposes) should be 1280 x 720 pixels.

Design Considerations

Showing Work

Make sure that we can clearly see your work as well as understand it.

A sample piece of design work

Remember your Gestalt principles; they are your friends!

One of the NSA's PRISM presentation slides; which demonstrate very poor slide design
Whitespace is your friend

Consistency is king

An image illustrating a bad powerpoint template
Do not use templates

Please sketch a slide that highlights three features of your layout design.

Post a photo to ah1.ca/slide once done, and if you have trouble submitting please visit us at the front with your sketch.

Apply the Aesthetic

You've spent all this time coming up with an aesthetic for P02. Now use it.

This includes:

  • Fonts
  • Colours Grays
  • Layouts
  • Ornamentation


But what do I actually put on the slides?

You are the visual. The slides are your support.

A large bracket indicating the students should look down at the person presenting


Keep it concise

If I start out by reading this slide and continue to put the entirety of my text on this slide then you are going to spend more time staring at the slide than at bacon ipsum dolor sit amet t-bone capicola porchetta turkey tri-tip biltong bresaola. Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Pig sausage meatball tri-tip ribeye doner. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Shoulder shankle jerky, venison brisket ham pork tail prosciutto leberkas biltong short ribs ribeye ham hock tenderloin. Celery quandong swiss chard chicory earthnut pea potato. Chuck frankfurter tenderloin jerky. Bacon sirloin tri-tip pastrami. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard. Shank shankle pork loin filet mignon pork belly prosciutto ball tip tenderloin. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Frankfurter boudin filet mignon turducken shoulder pig hamburger brisket pork. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. Pastrami shoulder kielbasa swine, t-bone ground round pork belly venison jowl filet mignon capicola.

Give us only the necessary annotations.

A tattoo on someone's back misspelt as I'm awsome
Spelchk ur slaidz
A photo of sheep grazing
Keep images relevant

Do Not 'Walk' Us

Focus on talking about why the design succeeds more than walking us through.

For example, "Here's what a heading looks like." is not good. "To help emphasize the heading we did..." is better.

My final design
Your designs do not sell themselves

Show (and Tell) Us Why You Succeeded (or Not)

Tell us how your decisions have made your design successful (or not). What goals have you fulfilled?

There is No 'I' in Team

Trust me, I tried

iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami, iTeam, Tieam, Teiam, Teaim, Teami...

Structural Integrity

Other considerations

Further things to consider presentation-wise:

  • Does it flow smoothly from one slide to the next?
  • Are all team-members involved in presenting the work?
  • Are you helping us see your successes?

Layers of Preparedness

  1. Manuscripts: You are reading
  2. Memorized: You are remembering
  3. Extemporaneous: You are saying

Layers of Presenting

  • Visual: Posture, expressions and eye contact
  • Vocal: Volume, pitch, uh-uhms and speed
  • Verbal: Fluffy phrases and jargonism


Like a cloud

Avoid fluffy phrases that do not help your argument.

  • "We chose this colour because it is cool"
  • "We did some stuff"
  • "The TA and Andrew said to do it"
  • "My [mother, father, cat...] liked it"


Just mashing together design terminology will not help communicate the effectiveness of your design. Use design terms as appropriate, and normal language otherwise.

From the Design Jargon Generator by Laura Tombs

What might be the parts of an effective design rationale?

Nobody has died from presenting.

To date.

That I know of.



This week in the labs, you will be providing feedback on a peer's work.

Talk About the Work

These are not an opportunity to strike back at your arch nemesis. Stay focused and talk about the work, not the person.

Take Notes

You have a sketchbook, computer or notepad. Make use of it.

You will always remember things better if you write them down.

A Moleskine notebook

Organize Your Notes

Categories of feedback:

  • To-do's: Things that are obviously issues and can quickly be resolved.
  • Disagreements: Bad or otherwise counter-intuitive ideas.
  • Clarify: Things that need a bit more explanation.

Types of Feedback

Prescriptive feedback indicates and suggests how issues need to be resolved. Facilitative feedback points out areas that you need to engage more critically.

Sketching Exercise

In preparation for designing your slides digitally this week, sketch out twenty low fidelity layout options. Select three of the sketches, refine them to a medium fidelity and make use of proximity, similarity, and continuance to clarify the relationship between different elements on the slide.

A reminder that the medium-fidelity sketches should:

  • Be labeled with which relationship they are showing.
  • Be understandable/readable by others then yourself.

Next up: The wonderful world of colour.

Contacting Andrew

Your Lecturer

Reachable at:

  • Office hours — Mondays from 8:30-9:30am and Thursdays from 8:30-9:30am at the Surrey campus mezzanine.
  • ac.ufs@h_werdna