Prototype Design · Iteration · Validation

原型设计、迭代与验证

Prototype Design, Iteration and Validation

用一天时间,把一个想法变成真实用户能点开使用的原型,再用证据改一版、复测一次。

一天的成果

  • 一版能点开的 V1
  • 3 位真实用户的试用记录
  • 按证据改出的 V2 与复测差值
  • 一套可复用的 AI 提示词

8 课时

每节 45 分钟

6 小时

一天连续完成

5 个小组

每组 8 人

2 轮验证

V1 试用 + V2 复测

一天八步

每一步都以一件交付物结束:一份切片、一张流程、一版可点开的界面、一页证据。

  1. 01

    认识原型

    原型是用来做决定的,不是作品集。

  2. 02

    选择流程

    从一条主任务切片开始,砍掉其他分支。

  3. 03

    设计方案

    先画结构和状态,再谈样式。

  4. 04

    开始制作

    用 AI 把方案变成能点开的界面(本课重点)。

  5. 05

    完成 V1

    补齐空状态、错误态、加载态。

  6. 06

    第一次试用

    给任务,不给说明;只看不教。

  7. 07

    完成 V2

    按证据排序,只改前三条。

  8. 08

    复测与下一步

    同一份任务再跑一遍,看差值。

课堂长什么样

教师端一个界面推进课件、发起互动、看每组进度;投屏端同步显示题目与结果;学生端在手机上填写、投票、抢答。中英双语课件与实时字幕,全程可切换。

  • 实时同声传译字幕

    中英混说也能统一翻译,学生端可回看历史。

  • 小组协作工作表

    同组同时填写,教师决定何时公开结果。

  • AI 点评与总结

    按课堂标准给出追问,而不是空泛表扬。

现在就试试课堂小工具

这些就是课上真会用到的工具,直接在这里点开玩,不用登录。

拖一拖就知道什么时候该停手。

四个维度可以分别调。试着只把「内容」拉到高,其他留在低——这是最常用的一种原型。

外观手绘方框,只有位置投入 10 分钟
内容写「活动名称」占位投入 5 分钟
交互主路径可点击投入 1 小时
功能结果写死一条投入 0
同一个界面,三种保真度实时渲染
〔标题〕
  • 自习室名称空位数
  • 自习室名称空位数
  • 自习室名称空位数
占座 →
真实的三种外观
手绘纸稿
手绘纸稿
灰阶线框
灰阶线框
上色界面
上色界面
这一版能回答什么整体 低保真

能回答:流程顺序对不对、有没有漏步骤。回答不了:用户看到真实内容会不会选错。

手持纸质手机原型

我是学生

登录后输入老师给的加入码,选择小组即可进入课堂,与组员同步完成课堂任务。

学生入口
同学在图书馆里做可用性试用与记录

我是教师

开设课程批次、生成加入码与小组,课上用教师工作台推进课件、发起互动、查看每组成果。

教师入口

加入课堂 Lovable 工作区

第 4 课时开始动手做原型时,全班在同一个 Lovable 工作区里工作:每组建一个项目,卡住时老师可以直接打开你们的项目看一眼。扫码或点击链接即可加入,免费。

打开邀请链接
扫码加入课堂 Lovable 工作区

扫码加入课堂工作区

用手机相机扫码,或在电脑上直接打开链接。

lovable.dev/workspace-invite/8ea3867d…b489b

友情链接

课上会用到、课后可以继续用的工具与资料。