万花筒：用户界面设计课程的反思文档工具

文献标题

Kaleidoscope: A Reflective Documentation Tool for a User Interface Design Course

文献信息

• 主题领域: 人机交互（HCI）教育、过程性设计工具
• 关键词: HCI教育、反思、文档记录、设计工作室、在线学习、协作工具、远程教学、用户界面设计、设计过程

研究背景与问题

• 作者发现了哪些问题或挑战？

  • 人机交互设计 (HCI) 课程通常采用基于项目和工作室环境的教学，但在评估和理解学生完整设计过程上，传统教学模式存在局限性。
  • 学生与教师对设计过程的高层次视图和反思能力较弱，缺乏整合和展示设计过程的工具。
  • 在COVID-19疫情期间，远程协作的限制加剧了设计工作室互动和学生协作的难度，进一步体现了有效记录与反思工具的重要性。

• 为什么这个问题很重要？

  • 反思和设计过程的可见性对学生学习设计技能及提高元认知能力十分关键。
  • 记录设计过程不仅能加强学生的学习和协作，还能为他们未来的学习和实践奠定基础。

• 研究动机与相关工作

  • 设计工作室的物理互动与反思在远程教学条件下难以实现。
  • 文献表明，与专家实践类似的工具能够有效支持设计类课程中的学生反思与学习。
  • 为弥补现有记录工具的缺陷，作者设计和开发了一款名为Kaleidoscope的在线工具，以探索此类工具在HCI教育中的价值。

解决方案

• 作者提出了哪些方法或解决方案？

  • 提出并开发了一个名为“Kaleidoscope”的在线文档记录工具，旨在反映和支持用户界面设计课程中的设计过程。
  • 工具通过“Studio Space”功能让学生团队能够记录设计项目的多媒体工件，集中化组织反馈与协作，并支持教师查看学生的设计过程。

• 该解决方案的创新之处是什么？

  • 将设计过程可视化，支持元认知反思。
  • 集成了多种设计工具（如Figma、GitHub和YouTube）的成果，创建统一的文档库。
  • 鼓励学生在设计中实时记录、存储和共享他们的过程，与传统的仅提交最终作品的教学模式不同。

• 实施步骤是什么？使用了哪些关键技术？

  • 通过React和Google Firebase技术开发实现。
  • 为学生和团队提供了一系列功能，包括：
    • Studio Spaces: 记录与展示设计过程历史。
    • Check-ins: 提交课程作业的模板化功能。
    • Explore Page: 用于浏览和分析同学的公共工件。
    • Portfolio Pages: 用于最终项目演示的互动式作品集。
  • 工具有迭代设计机制，根据学生反馈改进关键功能（如布局定制化与工件编辑）。

研究成果

• 取得了哪些具体成果？

  • 在远程课程中部署Kaleidoscope后，学生共记录了超过3800个工件，并成功支持反思活动和协作。
  • 开发出的工具有助于学生整理设计历史，并在不同的设计阶段之间切换思想。
  • 各种课程辅助功能（如Check-ins和Portfolio Pages）有效支持了学生的学习。

• 与现有解决方案相比，它有哪些优势？

  • 提供的工具不仅是用于文档管理，还注重反思性学习，尤其支持非线性和探索性的设计过程。
  • 集成并集中呈现设计过程的全景，从而弥补了现有设计工具的碎片化局限。
  • 提供了数据持续可见性，增强学生对迭代设计及其团队合作表现的认识。

• 实验或评估结果是什么？

  • 学生在课程中体会到使用设计文档工具反思过程的价值，尤其在设计后期阶段。
  • 数据显示：学生上传了大量的图片、文字、代码提交和视频工件，并参与了超过1000次反馈。
  • 反思性任务（如作品集展示）被积极采纳，帮助学生认识到过程记录的价值。

• 局限性与未来方向

  • 挑战：
    • 学生将Kaleidoscope视为提交工具，而非设计工具。
    • 初期视觉布局不够清晰，学生容易感到混乱。
    • 缺乏对团队协作隐私与公开性平衡的支持。
  • 建议：
    • 深入集成与其他设计工具，多减少手动上传负担。
    • 增加强调反思和过程记录的指导。
    • 优化界面设计，缓解信息过载的问题。