<  Back

603 15 UI Design Hacks for a Fast eLearning Facelift

2:30 PM - 3:30 PM
Thursday, April 13

Tracks: Instructional Design

Oh no. It happened again. You stare at your screen thinking, “This doesn’t look quite right. What do I do now?” If you’re like many instructional designers, you came into the field with little (if any!) background in evidence-based visual design principles. Yet a crucial facet of creating effective online training is designing the interface the learner experiences. If the interface design is poor, the learning experience will be, too. Instructional designers can quickly improve their eLearning courses by implementing select UI best practices. 

In this session you’ll learn how to take your interface design from meh to WOW using select UI design best practices essential for eLearning. We’ll touch on how these best practices align with Mayer’s Principles of Multimedia Learning. We’ll look at “before and after” UI samples to showcase the importance of simplification, consistency, and why proper spacing is so critical. You’ll learn hacks on how to easily and effectively use fonts, the most intuitive way to select color, and how to rely on your own eyes to check for successful interface design. Finally, we’ll put these best practices to the test with a live UI redesign—your input will guide the redesign!

In this session you will learn:

  • Effective UI design in eLearning
  • How UI design best practices correlate with Mayer’s Principles of Multimedia Learning
  • Why simplification, consistency, and proper spacing are evidence-based design decisions for impactful learning
  • How to easily and effectively use fonts and type styles
  • How to take the mystery out of HSB color selectors and use them to create limited color palettes
  • How to use quickly make learner-centric design decisions

Technology discussed: Articulate Storyline, Adobe Captive, PowerPoint, Adobe Color, Figma, Adobe XD

Jennifer Grimes

Learning Experience Designer

Nektar Design

Jennifer Grimes is a learning experience designer, visual communications architect, and educator with 25+ years of experience in her field. Prior to founding Nektar Design in 2007, Jennifer was a senior art director at the Arras Group (Cleveland, Ohio), and a senior designer at the Washington Hospital Center (Washington, D.C.). Jennifer has been teaching graphic design at the Cleveland Institute of Art since 2017. She is always on the lookout for new and innovative ways to make her next training courses better than the last.