IAT-102: 01 Sketchapalooza

IAT-102: 01 Sketchapalooza — A slide deck


Lecture outline

In this week's lecture we will introduce the course, as well as get you started on ideation for design thinking. Full lecture slides will be available the morning of the lecture.


Welcome to 102

User-flow sketches for an application

Close All Laptops Please

In future lectures, only the back row of the class may use their laptops.

Andrew Hawryshkewich


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
  • Room 2816, Podium 2, SFU Surrey
  • 778.782.9747

Vinu Subashini Rajus

TA for D103/D104

Reachable at: ac.ufs@sujarv

Azat Bayandin

TA for D101/D102

Reachable at: ac.ufs@idnayaba

The SFU Surrey campus mezzanine
The mezzanine (where office hours are held)

Email Rules

What you must include

Requirements for response:

  1. Your full name.
  2. The course number (IAT-102).
  3. Your lab number (i.e. D101, D104).
  4. Your student number.
  5. A clearly articulated question.

Critiques Via Email

No-fly zone

Please note that we will absolutely not provide design critique via email. Please visit us during office hours or arrange a meeting if you would like design feedback.

Photograph of doll standing in a classroom gazing off into the distance
Hopefully you will not end up like this during lectures.

Taking Notes

If you have not gotten in the habit of taking notes, I highly recommend starting. My lecture slides will not reiterate what I say word-for-word.

Have a Question?

Please (and definitely) raise your hand. I'll get back to you shortly.

The Surrey 3140 lab
What you can expect of labs.

This is not a software course

We will provide enough introduction to software to complete your projects, but that is all. Advanced functionality and ability is up to you.

Other resources:


Your lovely neighbourhood learning system

Andrew opens Canvas now.



  1. Process — 5% (Individual)
  2. Layout — 25% (Group)
  3. Presenting — 5% (Group)
  4. Colour — 5% (Individual)
  5. Portfolio — 30% (Individual)


Every project will have a rubric available. It is highly recommended that you review it early on in a project. To help with understanding the rubrics, there will be 'rubric moments' embedded in most lectures.


This course has a zero tolerance policy for plagiarism. If you are found presenting work that is not your own or resubmitting old work without notice, you will receive a failing grade on that project with possible further repercussions. No exceptions.

Late or Problematic Submissions

Late submissions receive 10% per day late.

Problematic submissions — i.e. we can't open the PDF or wrong files submitted — receive an immediate 30% off plus late penalties on the resubmission.

Read the briefs

90% of project errors are because the instructions were not followed.

Quizzes are...

  • 15% of your grade
  • A test of your lecture, lab, and reading knowledge
  • Delivered through Canvas or in lab
  • Time-limited

Readings are...

  • Provided entirely digitally
  • Important
  • Key to your success
  • On the quizzes
  • In the projects
  • Important


Your participation grade (10%) will consist of unannounced in-lecture or in-lab activities.

Sketching Exercises

These are weekly exercises to help you with your project process as well as developing your sketching practice as a designer. Exercises will be announced at the end of each lecture, and these will be due the Wednesday morning before lecture each week.

Required Course Materials

You will require for this course:

  • A sketchbook.
  • Writing utensils.
  • Access to the labs.
  • The ability to print materials.
Moleskine sketchbook

Exploring Graphic Design

Your term, in IAT-102

Including (but not limited to):

  • Process
  • Creativity
  • Perception
  • Composition
  • History
  • Type
  • Audience


  • Presenting
  • Colour
  • Medium
  • Message
  • Portfolio
  • Ethics
  • Interacting
A bird staring out at the world around it
This is not a bird course.

What Letter Grades Mean

  • A: Exceeding expectations
  • B: Meeting expectations
  • C: Not-quite meeting expectations
  • D/F: Not meeting/failing expectations

I did exactly what the TA said but didn't get an A+

Please keep in mind that an A-range grade means you have exceeded expectations. We need to see a demonstrated ability for your own critical reflection and practice as a designer for that A-range grade.

When Serious Issues Arise

Get in touch with Andrew

We can help you work around difficulties outside the course, but I have to know that a problem has arisen first. Come and see me (or your TA) if an issue comes up that may seriously impede your ability to work on the course.


Some things to note:

  • The labs cannot be over-enrolled.
  • I am beholden to the waitlist.
  • Checking in with me this week is a good idea.
  • Do attend the first lab in case you make it in.

Lab Changers

Some things to note:

  • There is no 'just attending' another lab.
  • You are expected to attend the lab you are enrolled in until you receive an email saying otherwise.
  • TAs have no control over waitlists and lab changes; please do not ask them.
  • I only try to accommodate lab changes for problematic schedules, not "because I don't like the time"

10 Things

What were they?

What were the ten things required you know to pass this course?

Any questions?

Design is _________

What is Graphic Design to you?

You now have some time to discuss.

"Design is thinking made visual."
Saul Bass
Saul Bass' Vertigo Poster
"It’s through mistakes that you actually can grow. You have to get bad in order to get good."
Paula Scher
Paula Scher's layout work
"Graphic design will save the world right after rock and roll does."
David Carson
David Carson's; Don't mistake legibility for communication
"Don't design for everyone. It's impossible. All you end up doing is designing something that makes everyone unhappy."
Leisa Reichelt
A screenshot of the Gov.uk website
"The computer is to design, as the microwave is to cooking."
Milton Glaser
Milton Glaser's I (heart) NY

Design Myths

Creatives Are Special

Being 'creative' is not a gift, it's a skill.

A children's drawing of a user interface

Inspiration is Key

Waiting for inspiration is like lightning, you rarely (if ever) get hit.

An inspiration poster

I Am the Audience

Designing for yourself does not solve everyone's problems.

A very ornately edged mirror

Rules Are For Chumps

How do you know what you should break?

We Are All Designers

Design is not simply 'being creative' (or using Photoshop)

Graphic design is making posters

Graphic design today is much broader than that.

Break Time

Suggested activities:

  • Review the readings.
  • Stroll briefly.
  • Consume caffeine.
  • Nap.

We will reconvene in...

Design is Process

Drawing of mind-mapping process
First rule: Keep all process

Archive Your Work

We will require all your paper, digital and in-process materials for your final project. Therefore keep all materials.

Thinking Visually

Make use of your sketchbook; regularly

"I want the logo to be a 3d box with the word awesome on it."Please sketch it.

Design Thinking

  1. Define
  2. Research
  3. Ideate
  4. Choose
  5. Try
  6. Learn (and repeat)

Design Thinking

  1. Define
  2. Research
  3. Ideate
  4. Choose
  5. Try
  6. Learn (and repeat)
IAT-102: P01 - Process

Visual Research

A primer

  1. Collect materials in your chosen topic area.
  2. Compare.
  3. Analyze.
The beginning of a magazine article
For example, nature or travel magazines
The beginning of a magazine article
Looking at the start of articles is good...
The beginning of a magazine article
...but also look at articles.

Visual Research

A primer

  1. Collect materials in your chosen topic area.
  2. Compare what you have collected.
  3. Analyze.

Visual Research

A primer

  1. Collect materials in your chosen topic area.
  2. Compare what you have collected.
  3. Analyze what is similar, and show us.
A pair of similar looking beginnings to articles
Here we see a pattern of using large, visually-rich images across both pages with the title and a brief introduction.


Generate ideas, lots of them

For today we'll be focusing on ideation through sketching, though your readings touch on other methods.

Good Sketching

When generating ideas

We are looking to suggest and explore, not to confirm our ideas.

A Sketch Is

  • Quick
  • Plentiful
  • Appropriately detailed
  • Disposable

Sketching Layouts

Quick Sketching

Practice some quick sketching by making as many different layouts that make use of the elements below. You have...

Appropriate Detail

Otherwise known as fidelity

Pick one of your quick sketches from earlier and redraw it with more detail. You have...

Appropriate Scale

Remember that you are going for quantity and sufficient quality.

Rubric Moment

When the rubric refers to "Quality and quantity of idea generation" we are talking about:

  • Quality: The appropriate level of detail, scale, and clarity of the ideation.
  • Quantity: The demonstrated ability to explore a volume of ideas as requested by the brief.

Disposable Sketches

Practice some disposal of sketches.

Sketching is Our Language

Make use of your sketchbook regularly

"I want the logo to be a 3d box with the word awesome on it."

How to Choose the Best?

When dealing with a series of sketches, picking the best options to further explore is part of the challenge of learning design.

Technical Notes

Some things to be wary of in the coming weeks

Good Scan Quality

If you don't have access to a scanner taking photos is okay only if the clarity of the image is good. (see image on the right)

An example of a good scan quality; high contrast and good white-balance

Bad Scan Quality

If we have trouble seeing the sketch clearly, we have a problem. If using your phone, apps such as 'Scan-cam' can clean up the image for you.

An example of a good scan quality; low contrast and bad white-balance

Sketching Exercises

I will be shortly introducing your first sketching exercise, but just some items to remember about the exercises before we start:

  • Sketching is not about how beautifully you render something.
  • We should still be able to read and interpret your sketch clearly.
  • Please always only submit one JPG of your sketches.
  • Sketches will be due the next Wednesday before 10am.
  • Sketches may be shown in lecture, so please avoid putting your name on them.

Sketching Exercise

Using the methods discussed when sketching for ideation, sketch out fourty possible layouts for the collection of content below. Sketches should:

  • Be sketched as if these elements are being placed on a letter-sized page.
  • Explore different sizes and scales of the elements provided.
  • Consider the purpose of each of the elements.
  • Be understandable/readable by others then yourself.

Please scan your sketches into one JPG and submit them to the assignment available on Canvas before the deadline of next Wednesday by 10am. You will be graded on the variety of layouts explored, as well as the readability of your sketches.

Next week's lecture will be all about how we see (and don't see) things.

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