ember blossom logo
AI & Personalization
AI-Powered Support
Personalized Tasks
Mobile Advocacy
Decision Intelligence
Personalization GEM
Systems That Scale
Enabling Authoring
Formative AI
Navigation Update
Systems Design GEM
Designing Community
Content Architecture
About Me
Enabling Content Design and Authoring

We turned third-party workarounds into native authoring tools—designing nine new content blocks that give authors more flexibility, boost engagement, and reduce production overhead across the platform.

Four screenshots of a content authoring tool showing different states of a text editing interface, including question input fields and content previews.

Users practice their code in this content block type and receive coaching from an AI that evaluates their code.

What could you build if the tools didn’t get in your way?
Situation

Course authors were limited by what the platform could support. Key features—like audio playback, branching, coding assessments, or even basic interactivity—weren’t available without third-party tools. This created inconsistency, access barriers, and version control issues. Some teams simply gave up on building what they really wanted.

Task (Lead Ux Designer)

I directed design, product, and vendor teams to prioritize, design, and test new content components that would improve the authoring experience and reduce platform constraints.

Action

We analyzed authoring patterns and content gaps to identify the most critical missing features. I led the definition and design of 9 new native content components, including interactive timelines, coding assessments with AI coaching support, and audio players. We partnered with the Open edX vendor team to build and test each block with real users.

Screenshot collage of a course content editor interface. Multiple views show a lesson authoring tool with rich text editing, navigation breadcrumbs, and progress indicators. One panel includes audio playback controls embedded in the lesson content, while side panels show collapsible menus for adjusting lesson properties, visibility settings, and learner options.

I was delighted to develop a read-aloud plug in with the components. Read-aloud was a long-requested feature by the users.

Result

The components were adopted into the platform’s native library, reducing friction for authors and expanding what was possible without plugins or external tools. Audio and mobile-friendly features directly responded to student feedback from related research efforts—helping unify authoring strategy with learner experience needs.

More Sample Feature Screens:
Audio File Embed
Three screens showing audio upload, transcript fields and student-facing audio player.

The audio file block supports common audio file types and requires transcripts.

Branching Scenarios
Four screens depicting interactive video content building with embedded quizzes, scoring, and feedback.

The multi-modal branching content component with formative practice and feedback or video coaching, scoring, progress marking and session saving.

Content File Embed
Three screenshots of a content editing interface with the document xblock built with a slide deck titled “Lorem Ipsum,” representing authoring workflows inside an educational platform.

The content file block supports PDFs , word documents, and slide decks. It will be used primarily for downloadable files or sample files of user deliverables to demonstrate format.

Flashcards Creator
Four screens of a flashcard setup interface with entry fields for questions and answers.

The flashcard creator can be used by content creators to make flashcard decks or calibrated by them to enable users in making their own shareable decks

Interactive Timeline
Three screens of a timeline authoring interface, showing date-based entry and editable event fields.

The interactive timeline can scroll left or right to view chronological milestones. They can zoom in and out. Content can be added to describe the milestones. It can also be set as a formative practice in which users drag milestones onto the appropriate area of the timeline.

Interactive Graphing
Two screens of a coordinate graphing interface with labeled axis inputs and plotted points.

Users can make calculations and watch them populate the graph.

Accordion
Four screens from a course authoring platform showing the configuration of accordion and video blocks. The top two images display course content layouts, including a still frame of a video featuring a woman speaking. The bottom two images show editing panels: one for styling accordion blocks (e.g., padding, background color, icon style), and another for entering accordion text content with rich text formatting.

The multi-model accordion block could be set as load-opened or load-closed and customized to an organization's branded colors and typography.

Last Story
←
ember blossom logo

Home

Next Story
→ 
Copyright © 2025 Hannah Beaux
↑