03 / PRODUCT THINKING & PROTOTYPING
从校园生活里的具体场景出发，梳理用户目标、信息结构与关键状态，再用可点击原型表达方案。下面是两个独立概念练习。
CASE 01 / JOB SEARCH ORGANIZER
投递、笔试、面试同时推进时，进度容易散落在聊天记录和备忘录里。职向把岗位阶段与下一步行动放在同一张看板上，帮助用户快速判断“现在到哪了、接下来做什么”。
正在同时跟进多个实习或校招岗位、需要整理投递进展的在校生与应届生。
让每个岗位的当前阶段一眼可见，并把“下一步行动”作为推进求职流程的提示。
用阶段看板代替长表格；卡片只保留公司、岗位和下一步，先降低持续维护的成本。
推进岗位阶段，或添加一条演示记录
我的工作台
所有岗位和公司均为虚构示例；本原型不会保存用户输入或连接业务后台。
阶段看板比自由备注更容易让求职者发现遗漏的跟进任务。
邀请目标用户完成“找到一项待办并推进岗位阶段”任务，观察理解成本和漏项。
CASE 02 / CAMPUS EVENT DISCOVERY
活动通知分散在不同群聊和公告里，学生常常错过感兴趣的活动，或临报名时才发现时间地点不清楚。拾光把分类、活动信息和报名状态放到一条连续的浏览路径中。
希望快速发现讲座、校园活动和成长机会，并需要确认时间、地点与报名结果的学生。
降低浏览活动的筛选成本，让报名结果有明确反馈，并能回到“我的报名”中查看。
活动卡片优先呈现日期、地点和报名状态；分类筛选与报名入口放在列表页，减少来回跳转。
切换分类、报名活动，再查看我的报名
尝试筛选分类、报名活动，或打开“我的报名”。
活动为虚构示例；报名状态仅用于本次交互演示，刷新页面后恢复。
把日期、地点和报名状态前置，能帮助学生更快判断是否参加。
观察学生从活动列表找到目标活动并完成报名的过程，记录卡片信息是否足够。
DESIGN NOTES
从谁在什么情况下遇到什么问题开始，而不是直接画页面。
用页面、状态和操作反馈说明方案如何被使用。
把设计假设和验证计划分开写，不把设想当作用户研究结论。
Axure、Figma、墨刀等工具可用于表达线框与交互流程；本案例采用 HTML、CSS、JavaScript 制作浏览器可点击稿。
说明：以上是个人自主练习与代码实现的可点击原型，不代表真实商业项目、已上线产品或实际用户调研。界面与交互用 HTML、CSS、JavaScript 呈现。