UX & 教育网站UI设计

Micro:bit教育基金会

关于Micro:bit教育基金会

Micro:bit教育基金会 是一个旨在激励每个孩子创造他们最好的数字未来的非营利组织吗. 这个组织通过 BBC微:位, 手持, 可编程的微型计算机,可以用于各种很酷的创作, 从机器人到乐器.

行业

时博体育官网所做的


他们需要什么

Micro:bit教育基金会需要改进他们网站的用户体验和可用性. 他们还需要一个课堂工具来帮助老师使用micro:bit(课堂管理工具)进行教学。. 

该项目的目的是:

  • 为教师提供一个界面,提高了使用BBC微:位进行教学的实用性,提高了资源的可寻性.

  • 激励那些可能对教学技术不太适应的教师这样做.

  • 鼓励所有孩子参与数字世界, 特别关注女孩和弱势群体

时博体育官网为他们所做的一切

时博体育官网与Micro:bit教育基金会合作,为他们的网站设计用户体验和用户界面. 

  • 树测试: 时博体育官网进行了一项研究,以测试网站的导航结构和标签. 树测试的一个重要部分是确保内容和功能的分组和标签符合用户的感知和期望. 时博体育官网希望了解用户如何对内容进行分组,并避免诸如使用内部术语而不是用户常用术语之类的陷阱. 参与者被给定了设定的场景,并被问及他们期望在哪里找到那部分内容或功能. 回应和统计数据在网上收集,并在一份报告中连同对下一步的分析和建议一起提出.

  • 用户研究: 时博体育官网对12名用户(5名教育工作者和7名学生)和3名利益相关者进行了一对一的访谈.  该研究旨在揭示在线评估体验的问题和见解, 在micro:bit网站上注册和查找资源.

  • 线框图和原型制作: 在这个阶段,时博体育官网将在用户研究阶段学到的知识应用到网站线框的创建中.. 线框图被组织成模板,以实现高效的工作流程和用户体验的一致性. 然后时博体育官网创建了一个可点击的原型来测试流程.

  • 界面设计: UI的主要目标是在整个网站上提供最佳的可用性和可访问性,并使整体外观和感觉更现代. 这些设计是基于micro:bit现有的品牌. 从一开始,时博体育官网就创建了一个可重用和模块化组件的UI设计系统.

  • UI设计系统:  拥有一个设计系统可以确保一致性,从而转化为团队的效率, 并最终, 提高了用户的可用性. 时博体育官网创建了一个UI模式库,它被组织在适当的部分(按钮)中, 导航, 图标, 等等)以及颜色和排版的风格指南. 除了模式库和样式指南之外,时博体育官网还通过将相关文档放在一起,扩展了间距和文本层次结构的某些规则. 模式库、风格指南和相关指南一起创建了设计系统.

结果

Micro:bit现在有一个鼓舞人心和直观的网站,可以帮助教师轻松有效地找到资源. 新的设计可以帮助那些可能不太适应学校教学技术的教师. 在班级管理工具上所做的工作也将帮助教师使用BBC微:位顺利地运行编程课程. UI设计有助于实现更现代和大胆的外观和感觉的网站和类管理工具,同时支持和丰富的用户体验.

Fruto非常灵活,对时博体育官网的需求非常敏感,完全重新开发了时博体育官网的网站,并创建了一个新的在线教学工具. 他们带领时博体育官网从最初的测试用户旅程一直到制作时博体育官网可以在CMS中实现的最终设计.


时博体育官网能帮什么忙??

如果你心中有一个项目,有任何问题,或者你只是想打个招呼,请联系我! 时博体育官网很乐意听到你的消息.

保持联系
友情链接: 1 2 3 4 5 6 7 8 9 10