他们需要什么
Micro:bit教育基金会需要改进他们网站的用户体验和可用性. 他们还需要一个课堂工具来帮助老师使用micro:bit(课堂管理工具)进行教学。.
该项目的目的是:
为教师提供一个界面,提高了使用BBC微:位进行教学的实用性,提高了资源的可寻性.
激励那些可能对教学技术不太适应的教师这样做.
鼓励所有孩子参与数字世界, 特别关注女孩和弱势群体
时博体育官网为他们所做的一切
时博体育官网与Micro:bit教育基金会合作,为他们的网站设计用户体验和用户界面.
树测试: 时博体育官网进行了一项研究,以测试网站的导航结构和标签. 树测试的一个重要部分是确保内容和功能的分组和标签符合用户的感知和期望. 时博体育官网希望了解用户如何对内容进行分组,并避免诸如使用内部术语而不是用户常用术语之类的陷阱. 参与者被给定了设定的场景,并被问及他们期望在哪里找到那部分内容或功能. 回应和统计数据在网上收集,并在一份报告中连同对下一步的分析和建议一起提出.
用户研究: 时博体育官网对12名用户(5名教育工作者和7名学生)和3名利益相关者进行了一对一的访谈. 该研究旨在揭示在线评估体验的问题和见解, 在micro:bit网站上注册和查找资源.
线框图和原型制作: 在这个阶段,时博体育官网将在用户研究阶段学到的知识应用到网站线框的创建中.. 线框图被组织成模板,以实现高效的工作流程和用户体验的一致性. 然后时博体育官网创建了一个可点击的原型来测试流程.
界面设计: UI的主要目标是在整个网站上提供最佳的可用性和可访问性,并使整体外观和感觉更现代. 这些设计是基于micro:bit现有的品牌. 从一开始,时博体育官网就创建了一个可重用和模块化组件的UI设计系统.
UI设计系统: 拥有一个设计系统可以确保一致性,从而转化为团队的效率, 并最终, 提高了用户的可用性. 时博体育官网创建了一个UI模式库,它被组织在适当的部分(按钮)中, 导航, 图标, 等等)以及颜色和排版的风格指南. 除了模式库和样式指南之外,时博体育官网还通过将相关文档放在一起,扩展了间距和文本层次结构的某些规则. 模式库、风格指南和相关指南一起创建了设计系统.