ah teaches information design (<em>Final</em> Final Project Support lecture)

Final critiques

Lecture slides will be made available on the day of the lecture (Dec. 2).

Peer critique prep

In preparation for today's critiques, please:

  1. Select a numbered station for your group.
  2. Write down your group member names at the post-it at the station.
  3. Place your bags/belongings out of the way.
  4. Load up your project website in Chrome and your audience introduction.
  5. Close off any other applications that may be running.
  6. Make sure one teammate has a pen or pencil ready.

Peer critique reminders

For today's peer critique, we will be providing you with a series of prompts to guide your critique. For each critique you provide please make sure to:

  • Be specific about what you are referring to.
  • Be clear about what is working, or not.
  • Explain why it is working, or not.
  • Include your team member names at the bottom of the critique.

Leave your post-its at the project you are providing critique on.

Peer critique process

After each prompt, please:

  • Return the website to the home or landing page.
  • Leave your critique on a post-it at the project.
  • Move to the next project (+1 from where you are).

Peer critique start

Please move +1 project.

Look at the audience introduction document

What do you like? and what do you wish?

You have...

Look at the website

What do you like? and what do you wish?

You have...

Look at the audience introduction document

What questions do you have of the document?

You have...

Look at the website

What questions do you have of the website?

You have...

Look through at the audience introduction and the website.

Does the website reflect the audience considerations? Why so or why not?

You have...

Look through at the audience introduction and the website.

Do the audience considerations seem reasonable in the context of this project? Why so or why not?

You have...

Look through the website.

The project rubric looks for clear relationships and clusters of content. Do you feel the relationships and organization of content are clear? Why so or why not?

You have...

Look through the website.

The project rubric looks for clear distinctions between interactive and non-interactive elements. Do you feel it is clear what is interactive and not? Why so or why not?

You have...

Look through the website.

The project rubric looks for clear distinctions between interactive and non-interactive elements. Do you feel it is clear what is interactive and not? Why so or why not?

You have...

Look through the website.

The project rubric looks for clear visual cues to interactivity. When you hover or 'focus' (use the tab key on the keyboard) on interactive elements, do they respond? How so or not?

You have...

Look through the website.

The project rubric looks for unity in the aesthetic of the website. Do all the different elements of the site feel 'unified'? Why so or why not?

You have...

Look through the website.

The project rubric looks for consistent visual treatment of headings, links, and buttons. Is the treatment of visual elements consistent between mobile and desktop wireframes? Why so or why not?

You have...

Break time

Please place a post-it with your group member names at your current station.

We will reconvene in 10 minutes. Please do not review your feedback yet.

Please open 'device mode'

To do so:

  1. Right-click on the background and select 'Inspect'
  2. Toggle on the 'device toolbar' (little icon of two devices near top-left of developer tools)
  3. Set the dimensions of the window to 1280 pixels wide by 500 pixels tall.

Look through the website.

The project rubric looks for effective reorganization of content between mobile and desktop sizing. Resize the window by dragging the size between 1280 pixels wide to 320 pixels.

Is the hierarchy of content consistent between desktop and mobile sizes? Why so or why not?

You have...

Look through the website.

The project rubric looks for effective reorganization of content between mobile and desktop sizing. Resize the window by dragging the size between 1280 pixels wide to 320 pixels.

Does the content make effective use of the space at desktop sizes as opposed to mobile sizes? Why so or why not?

You have...

Look through the website.

The project rubric looks for effective reorganization of content between mobile and desktop sizing. Resize the window to 320 pixels wide.

Is the organization of content clear at mobile sizes? Why so or why not?

You have...

Please 'view source' of the code

To do so please right-click on the background and select 'View Page Source'

Please look at the source code

Review the HTML for:

  • Does all the 'visible' page content appear within the <body> element?
  • Do <img> elements have alt attributes?
  • Do the <img> alt attributes describe the image (as if we did not see it)?
  • Are there any lists of items that don't use the <li> and <ul> element?

You have...

Please look at the source code

Review the HTML for:

  • Is there an <h1> element for the page? Is it the main title?
  • Are <br> elements used only in addresses or poetry?
  • Is the style attribute used anywhere? (i.e. <p style="font-weight:bold;">)
  • Are <i> or <b> elements used?

You have...

Please look at the source code

Review the CSS files for:

  • Is a non-rem or em unit sizing used for fonts? (i.e. p { font-size: 12px; })
  • Is a non-rem or em unit used for media queries? (i.e. @media (min-width: 640px) {})

You have...

Critique complete

Please stay where you are.

Thank-you to our guests!

Extension

If you have participated in today's critique you may have an extension:

  • All group members present? Take until Sunday, Dec 5 at 11:59pm
  • One group member missing? Take until Saturday, Dec 4 at 11:59pm
  • Two group members missing? Take until Friday, Dec 3 at 11:59pm

Use the critique you have just received as a means for improving your projects.

Labs

There are no formal labs today. Lab-time will be drop-in time to get further assistance with the project code. We will not be providing further design feedback after lecture.

TA evaluations for IAT-235 (Fall 2021)

Lab on Thursdays, 3:00 - 4:50pm in SRYC 3050?

  • TA: Pouria Delfanazari
  • Section: D101

Lab on Thursdays, 5:00 - 6:50pm in SRYC 3050?

  • TA: Pouria Delfanazari
  • Section: D102

Lab on Thursdays, 3:00 - 4:50pm in SRYC 3100?

  • TA: Kimia Aghaei
  • Section: D103

Lab on Thursdays, 5:00 - 6:50pm in SRYC 3100?

  • TA: Kimia Aghaei
  • Section: D104
1/1