Wed, Apr 14, 2027Spring (Semester 2) · Week 13Day 54 of 6780-min block

Wireframe build

Today's target

Build a usable wireframe or layout for your public health communication product.

Due today · Notebook check Required

Wireframe sketch showing main layout with core message and call-to-action placement, two labeled usability principles, peer feedback note, and documented revision.

Your 4 steps today
  1. 1
    Do this
    Build a usable wireframe or layout for your public health communication product.
  2. 2
  3. 3
    Submit this
    Notebook check: Wireframe sketch showing main layout with core message and call-to-action placement, two labeled usability principles, peer feedback note, and documented revision.
  4. 4
    Submit it here
    1. 1CMSD website. Go to clevelandmetroschools.org and click the Clever button.
    2. 2Clever. Clever opens. Sign in if it asks.
    3. 3Microsoft (district) login. Use your district Microsoft account (the one for school).
    4. 4Schoology. Open Schoology, then your class, then Assignments, and find the file named below.
    The file to submit is named: Biotechnology for Health (Biomedical Innovations) › Audience, privacy, usability, evidence-based recommendations, product revision. › Notebook check
    Open Schoology
Were you absent? Jump to the make-up plan
Where this fits
Tested on (Ohio WebXam)
Biotechnology for Health and Disease · 072125
PLTW lesson
BI · Wireframe build
WebXam domain
Microbiology Testing and Technology
Evidence to produce
Notebook check
Quick glossary
CER:
Claim, Evidence, Reasoning — make a claim, back it with evidence, explain your reasoning.
SOP:
Standard Operating Procedure — the exact steps to follow (especially in a lab).
Tracker:
Your PLTW progress log where you record completed evidence.
myPLTW:
The PLTW course site where you do the online activities — you open it through Schoology.
Learn first

Minute-by-minute · 80-minute block

💡 Big idea: A wireframe tests usability before any code or final design is produced.

  1. 0-5 minWarm-up: where on a website do you look first when you open it?
  2. 5-20 minSketch main screen layout; place core message and call to action at the top
  3. 20-40 minApply two usability principles and label them on the wireframe
  4. 40-55 minPeer review: partner notes one confusing or missing element
  5. 55-70 minRevise wireframe based on feedback; note what you changed and why
  6. 70-80 minExit ticket: name the two usability principles you applied
Mr. Mendoza's 5-minute intro
  • Today we move from words to layout: you'll sketch where every element of your product lives on the screen.
  • A wireframe is fast, cheap, and brutally honest about whether your design is usable.
  • We'll apply two real usability principles and then test the wireframe on a classmate.
  • One round of feedback and a quick revision is more valuable than perfect polish.
Do this, step by step
  1. 1Sketch the main screen or page layout for your product.
  2. 2Place the core message and call to action where users see them first.
  3. 3Apply two usability principles such as clear labels and consistent navigation.
  4. 4Get quick feedback from a teammate and note one fix.
  5. 5Revise the wireframe based on the feedback.
You'll be able to
  • Your wireframe applies at least two usability principles.
  • You revised it based on peer feedback.
Know by the end
  • The most important content should appear where users look first, typically the top of the screen.
  • Usability principles include clear labels, consistent layout, and minimal cognitive load.
  • Peer feedback on a wireframe reveals confusing elements before they become expensive to fix.
📺 Tutor me: usability.gov: usability basics
Do the work

Your PLTW work today

Open this PLTW section today

Audience, privacy, usability, evidence-based recommendations, product revision. · Wireframe build

Day 4 of this lesson. Open this exact section in myPLTW (reached through Schoology), then do the work below.

Do this: Open Problem 5 in your myPLTW course shell and navigate to the current product-design activity, then build a wireframe or layout for your public health communication product.

Complete

Attach your revised wireframe to the Problem 5 evidence portfolio.

How far to get

The privacy audit is done; wireframe build is a late Problem 5 milestone, so confirm your activity guide timing.

Upload as evidence

Wireframe photo or digital file with revision note uploaded as evidence.

All PLTW activities are completed inside the PLTW course environment — this page only gives direction. Submit producibles on Schoology.

The plan

Today's PLTW tracker

Check things off as you work, then submit. This tells Mr. Mendoza how you're doing so he can help the class. It does not replace turning in your producible on Schoology.

Use the code Mr. Mendoza gave you, not your name. Saved on this device.

Audience, privacy, usability, evidence-based recommendations, product revision.Day 4 of this projectSee the full week plan
Today's PLTW target

Audience, privacy, usability, evidence-based recommendations, product revision. · Wireframe build

Open Problem 5 in your myPLTW course shell and navigate to the current product-design activity, then build a wireframe or layout for your public health communication product.

The privacy audit is done; wireframe build is a late Problem 5 milestone, so confirm your activity guide timing.

This is how Mr. Mendoza sees the class keeping pace with PLTW. Be honest, it only helps if it is accurate.

1 · What you do today

🎯 Build a usable wireframe or layout for your public health communication product.

  • Sketch the main screen or page layout for your product.
  • Place the core message and call to action where users see them first.
  • Apply two usability principles such as clear labels and consistent navigation.
  • Get quick feedback from a teammate and note one fix.
  • Revise the wireframe based on the feedback.
2 · Turn in today

Notebook check: Wireframe sketch showing main layout with core message and call-to-action placement, two labeled usability principles, peer feedback note, and documented revision.

Submit on Schoology

Upload by 11:29 PM for full credit.

3 · Who's doing what (team)
TaskWho
Sketch the main screen or page layout for your product._______
Place the core message and call to action where users see them first._______
Apply two usability principles such as clear labels and consistent navigation._______
Get quick feedback from a teammate and note one fix._______
Revise the wireframe based on the feedback._______

Working solo? Put your own name in "Who" for every row.

4 · Words I can use correctly
5 · I'm successful today when I can…
  • Your wireframe applies at least two usability principles.
  • You revised it based on peer feedback.
6 · Reflection & next steps
Where are you today?0/7 checked
Pick your period and code first.
Explore

Teacher-posted resources

Classroom documents for this lesson. Ones marked “Open the file” open right here; the rest are posted in Schoology. Use the label on each card to choose the right move.

Use during lessonFor: Everyone
BI Problem 5A Mission File (Botulism)
worksheet/handoutOpens here
Open the file

Open this when the class reaches this activity and use it to complete the required lesson artifact.

Placement rationale

Matched Public health product and grant proposal by path:Biomedical-Innovations/Problem-5_Public-Health-Issue/00_Problem-Overview; keywords:public health. Score 138. Visibility: student-schoology (student-facing resource; link through Schoology rather than local path).

Use during lessonFor: Everyone
BI Problem 5B Mission File (High Fever)
worksheet/handoutOpens here
Open the file

Open this when the class reaches this activity and use it to complete the required lesson artifact.

Placement rationale

Matched Public health product and grant proposal by path:Biomedical-Innovations/Problem-5_Public-Health-Issue/00_Problem-Overview; keywords:public health. Score 138. Visibility: student-schoology (student-facing resource; link through Schoology rather than local path).

Extension / challengeFor: Ready to go deeper
BI 5.1.2 Public Health Article Organizer
reading/referenceOpens here
Open the file

Use this after the required lesson work when you are ready for a harder application or a deeper connection.

Placement rationale

Matched Public health product and grant proposal by path:Biomedical-Innovations/Problem-5_Public-Health-Issue/5.1_Public-Health-Issue; keywords:public health. Score 134. Visibility: student-schoology (student-facing resource; link through Schoology rather than local path).

How to get there: open the CMSD website, click Clever, sign in with your Microsoft (district) account, then open Schoology from Clever.

Words

This unit's vocabulary

audienceprivacyusabilityrecommendationevidence

Tap the speaker to hear a term. Weekly vocabulary task: add two of these terms to your notebook glossary with a definition and an example in your own words.

Check yourself

WebXam practice

Tap an answer to check it · nothing is recorded or graded
A team is designing a public health flyer about flu prevention for elementary school children. What is the most important design consideration?
When a health app collects patients' personal medical information, what must its designers prioritize?
A public health recommendation is described as evidence-based. What does this mean?
Usability testing of a health education website shows that users cannot find the main instructions. What should the team do?
Check yourself

Cumulative WebXam review

A quick mixed-review pulling questions from earlier units plus today, so the WebXam material stays fresh.

Tap an answer to check it · nothing is recorded or graded
[Review: Environmental Exposure: pathways, dose, and public-health risk] When assessing the risk of a pollutant to a community, which two factors must be considered together?
[Review: Reading the Data: graphs, trends, outliers, and correlation vs causation] Why should error bars be included on a graph of repeated environmental measurements?
[Review: Investigating an Outbreak: line lists, incidence, and intervention design] Which pair of terms correctly describes the difference between morbidity and mortality?
A team is designing a public health flyer about flu prevention for elementary school children. What is the most important design consideration?
Explore

Where this leads — careers

Safety net

What to do if you were absent

Today was a group — do this instead

As a group, build a shared slide-deck or paper wireframe of the product, assign each member one screen, and combine them into one prototype.

Then submit your Notebook check on Schoology.

If MR. MENDOZA is absent

Class still runs. Complete the online activity above (it's self-guided). Need the concept taught without a teacher? Use this authoritative explainer:

CDC Health Communication
Explore

Optional extra credit (async)

You've passed Unit 2, so the optional extra-credit track is open. Complete reserved-unit work from home (virtual labs included) for extra credit, all submitted on Schoology.

Open the extra-credit track
How this is graded
For: Notebook check — Wireframe sketch showing main layout with core message and call-to-action placement, two labeled usability principles, peer feedback note, and documented revision.
  • Complete
    Every required part of the artifact is present, nothing left blank.
  • Accurate
    The science and the data are correct and match the evidence.
  • Scientific reasoning
    You explain your claim with evidence and reasoning (CER), not just an answer.
  • Professional communication
    Clear, organized, labeled, and written the way a clinician or scientist would.
  • Submitted
    Turned in the right way (Schoology for routine work) and confirmed.
Submission Zone

Drop your Wed, Apr 14, 2027 · Wireframe build here. Use a clear file name (your initials + project). Routine work still goes to Schoology (via the CMSD portal).

Upload a project