Change display time — Currently: Mountain Daylight Time (MDT) (Event time)

Atomic Design for E-learning: Making a Flexible, Accessible and Unified LMS Template

,
Colorado Convention Center, Mile High Ballroom 2A

Explore and create: Exploratory Creation lab
Preregistration Required
Save to My Favorites

Presenters

Photo
Brady Licht
Learning Specialist
Compass: Partners in Learning
@BradyLicht
Brady Licht is a learning facilitator, consultant, and designer. Before working as a Learning Specialist with TIE/BHSSC, Brady Licht taught personalized, competency-based courses in a secondary FLEX environment. He participated in South Dakota's Rethinking Educational Models program, and he holds an undergraduate degree in English Education, a master's degree in Technology for Education and Training, and a certificate in User Experience Design. He works with districts, organizations, and government departments to create engaging, flexible learning experiences for a variety of audiences.

Session description

Atomic design allows users to build templates from individual elements rather than pre-constructed templates, resulting in a flexible yet unified look and feel for e-learning. This hands-on session will walk participants through the construction of an atomic-design system for their organization/school LMS.

Purpose & objective

Participants will understand atomic design principles and apply them to build an LMS template system, including reusable atoms, molecules, organisms and templates. This allows efficient course authoring with centralized, accessible styling. Participants will be successful if they leave the session with a first draft of a design system for their LMS.

More [+]

Outline

- Presentation - the problems with traditional templates - 5 minutes
- Interactive Demonstration - crash course on atomic design and atomic design in practice, and tools to support the design - 15 minutes
- Supported Build Time - participants develop their design systems, pausing for support for the presenter, check-ins with partners, and quick self-eval prompts - 30+ minutes
- Conclusion - participants will be equipped with sources to learn more and an invitation to carry the conversation online - as time allows

More [+]

Supporting research

Based on the work of Brad Frost in his book "Atomic Design" - https://bradfrost.com/blog/post/atomic-web-design/

Lesser sources include:
- https://blog.adobe.com/en/publish/2019/04/10/atomic-design-john-hopkins-lms-freshform
- LMS Success: A Step-by-Step Guide to Learning Management System Administration by Katrina Marie Baker
- Canvas Course Evaluation Checklist v3.0 - https://community.canvaslms.com/t5/Canvas-Instructional-Designer/Course-Evaluation-Checklist-v3-0/ba-p/574446

More [+]

Session specifications

Topic:
Distance, online & blended learning
Skill level:
Intermediate
Audience:
Curriculum/district specialists, Principals/head teachers, Technology coordinators/facilitators
Attendee devices:
Devices required
Attendee device specification:
Laptop: Chromebook, Mac, PC
Tablet: iOS, Windows, Android
Participant accounts, software and other materials:
Users should have a free Canva account
ISTE Standards:
For Education Leaders:
Systems Designer
  • Lead teams to collaboratively establish robust infrastructure and systems needed to implement the strategic plan.
For Educators:
Designer
  • Use technology to create, adapt and personalize learning experiences that foster independent learning and accommodate learner differences and needs.

People also viewed

12 Elements for Student Engagement and Ownership
Creative Constructor Studio at Camp Creativity: Artful Insights: A Creative Journey into Teaching & Learning!
Student-Created Place-Based Documentaries and Podcasts