UX vs. UI
Design Process & Research
Storyboards & Wireframes
Style Tile & Visual Design
Prototypes, Testing & Final Deliverables
100

Q: What does “UX” stand for?

A: User Experience

100

Q: What is a problem statement?

A: A clear description of the issue the app solves.

100

Q: What is a storyboard used for?

A: Showing the sequence of how the app will work.


100

Q: What is the purpose of a style tile?

A: To show the visual direction of the app.

100

Q: What platform are students using to build the app prototype?

A: MarvelApp

200

Q: What does “UI” stand for?

A: User Interface

200

Q: Why do we create brainstorming slides first?

A: To explore multiple ideas before choosing one.

200

Q: What does “wireframe” mean?

A: A simple sketch layout of an app screen.

200

Q: Name one item included on a style tile.

A: Color palette / logo / icons / typography / buttons.

200

Q: What is user testing?

A: Having real users try the app to gather feedback.

300

Q: UX focuses on how the app ____.

A: Works / feels to use

300

Q: What is a user persona?


A: A basic profile of your target user based on assumptions + early research.

300

Q: How many lo-fi sketches are required?

A: At least 10.

300

Q: What does a color palette communicate?

A: Mood, branding, theme, or emotional tone.

300

Q: After user testing, what must teams do?

A: Make changes based on feedback.

400

Q: UI focuses on how the app ____.

A: Looks / visual design

400

Q: What do survey results help you do?

A: Make data-driven design decisions.

400

Q: What is a user flow?

A: A map showing the path a user takes inside the app.

400

Q: Buttons and icons on the style tile must be what?

A: Original work created by the students.

400

Q: What file type do students submit for the final prototype?

A: A MarvelApp link or exported screens (depending on your class — modify if needed)

500

Q: A good app balances UX and UI. Give one example of each.

A: UX example: simple navigation. UI example: clean color palette.

500

Q: Name 3 things a strong design document must include.

A: Research, user persona, storyboards, user flow, WIP screenshots, final prototype, artist statement.

500

Q: Storyboards must include what two important elements?

A: Frames + annotations explaining actions.

500

Q: Why do designers create style tiles before building the prototype?

A: To maintain consistent branding throughout the app.

500

Q: What must the artist statement include?

A: Title, purpose, meaning, process, and reflection on feedback.

M
e
n
u