📕PRESENTASI 3: Week 9 (2025)—UTBK Week 23-30 April 2025

Assignment:

(VIDEOS) 1-2’ minutes videos (strict under 2!) + (PDF) Stodyboarding

✅ Tasks: Simple, Moderate, Complex

✅ Concept Videos

✅Making a Concept Video

HCI Stanford: pdf (05-video)

https://drive.google.com/drive/folders/1IbS9tamUOlxeTFAj8k1gM6JRUtzW0aBp

TUGAS 3-Concept Videos: Description

Reading List>>(Assignment 3)

hci.stanford.edu

image.png

Example from HCI Stanford: See Assignment 3 (description), click on page 3:

image.png

Concept Videos

image.png

image.png

✅Good Task description

image.png

❌Bad Task description (its not task description, but this one is a TASK FLOW)

image.png

TASK vs Task Flow

image.png

What Should Tasks Look Like? • Say what customer wants to do, but not how

image.png

image.png

image.png

Example of Tasks and task flow (slides 19)

image.png

image.png

Example LaporRek

image.png

Based on the task of your group, you can exercise this:

image.png

image.png

Storyboarding: Slides 45-50

image.png

image.png

image.png

image.png

image.png

❌Avoid!!! ❌

image.png

image.png

Video Prototype: Concept Videos

image.png

image.png

image.png

Good example: HCI Stanford TANGO https://hci.stanford.edu/courses/cs147/2021/wi/projects/HealthandWellness/Tango/

Good: no conversation, cloud chat, message, expression spot on, under 2’ (1:50’ only)

Bad: nothing 😄

https://www.youtube.com/watch?v=4uG-wCJ3gkA

Contoh Video Storyboards (DPP)

ITSBike/ DPP B

Webhttps://testwebsiteki.my.canva.site/about-its-bike#home

https://www.youtube.com/watch?v=2WTcGx0iXRs&feature=youtu.be

image.png

image.png

Invento

Website INVENTO Good: Expression (1st time confuse) Bad: telling the users HOW to do it, not WHY using Invento apps

Files: Storyboards https://drive.google.com/file/d/1lBObYJnRazohEk7iwF7e-AXuAT0jZdid/view

https://drive.google.com/file/d/1lBObYJnRazohEk7iwF7e-AXuAT0jZdid/view