SHIFT's eLearning Blog

Our blog provides the best practices, tips, and inspiration for corporate training, instructional design, eLearning and mLearning.

To visit the Spanish blog, click here
    All Posts

    The Power of White Space to Improve Screen Design in eLearning


    When you began to plan your course, you probably never thought of one aspect of eLearning design: the effects of white space. In fact, it’s one of the most overlooked elements in the screen layout of a course. It’s actually a very important component of design. Effective eLearning designs are made by appropiate use of white space, and plenty of it.

    What Exactly is White Space?

    It’s sometimes called negative or blank space too. That’s space that appears between elements in any composition. Most of us refer to it as a part of the page or screen that remains blank. It’s space that appears between figures, type or columns. In short, white space is area intentionally left untouched.

    Its inclusion as part of an effective eLearning design can turn a screen into something very interesting or sophisticated, or both. White space reminds us that simple screen designs can be highly effective and that it’s unnecessary to cram a screen with text and graphics to get a message across. 

    whitespace


    Why Should You Develop an Eye for White Space?

    Short answer: It’s the #1 way to make your course both readable and attractive to learners. An abundance of white space in the right locations on a screen is crucial to build eLearning courses that deliver. 

    There are no set design rules of formulas for creating the right amount. You should consider successful course designs to determine why they work well. Then experiment a bit. Eventually, you’ll get the feel of how to maximize this important design element. You’ll also need to change the design mix from one course to another.

    Using white space correctly allows you to control the learning experience. As an element of effective eLearning design, it’s often the item that keeps learners motivated to continue. It makes your course easy on the eyes so that learners can more readily absorb and process information. It can virtually transform a design.

    Top Reasons to Love White Space

    There are many positive effects of white space to keep in mind as you build eLearning courses. Here are eight of the most important:

    love-whitespace

    1) Simple layouts keep learners engaged. 

    White space makes looking at your screens a more pleasant experience. Research shows that page layout influences reader satisfaction (Chaperro, Shaikh, and Baker 2005). When it comes to effective eLearning design, layout creates the first impression. With white space, you naturally use simpler designs that draw the reader’s eyes.

    2) White space boosts readability and guides readers’ eyes. 

    It makes it easy to scan and quickly absorb course content. Using it can significantly increase page legibility and readability. Experts say that people read only around 28 percent of words on a Web page. When you place white space between lines of text, your screen instantly becomes more reader-friendly. White space actually leads the reader’s eye around the screen, raising the odds that text will be read.

    3) It helps eLearners feel at ease. 

    Skimp on white space in eLearning design, and learners are likely to feel overwhelmed and even intimidated by the load of information on a screen. White space draws attention to a few major elements, creating a calming effect. Learners aren’t bombarded with confusing choices for reviewing information.

    4) White space can increase learner comprehension. 

    How? By presenting information in chunks that learners find manageable. Inserting white space correctly can cause comprehension to jump by nearly 20 percent.

    5) It draws attention. 

    What could be an easier way to make important screen elements get attention? White space is a great tool for prioritizing course information and avoiding distraction. If you want to make a specific part of the screen stand out, all you have to do is add white space around it. White space around the highlighted items tends to increase their prominence (Olsen, 2002).

    6) It makes layouts balanced and harmonious.

    Every empty space on a screen serves a purpose. It creates a balanced design for your eLearning content. Leave it out or use it too liberally, and you risk disorganization and learner confusion.

     7) Reduces clutter

    Many eLearning designers feel the need to fill the screen with everything they can. But, just because there is space to add something on the screen, doesn't mean they should. Having too many elements on a single screen isn't effective. Therefore, white space ensures every design element on your screen doesn't become jumbled together. 

    8) Make a great first impression

    It only takes a learner three to five seconds to judge the value of an eLearning screen. If there is too much information for users to process in such a short time, learners will probably become confused.  


    How to Use White Space Effectively in eLearning

    So how do you use white space to effectively build eLearning courses? Among the most important ways to make sure it improves your course’s legibility, readability, comprehension and usability are these:

    • Use two or three columns with great spacing to showcase the most important information.
    • Allow space between images and between paragraphs to focus attention.
    • Use proper line spacing for text to boost readability.
    • Try incorporating color, pattern and texture.
    • Group information using bullets, headings and images.
    • Use space between paragraphs and headers for increased readability.
    • Axe any pointless graphics.

    Also, use white space to help learners organize and structure graphical information effectively. Read this post for examples. 

    Want to find out more? Check out these references:

    Boag, P. (2011 February 15). Why whitespace matters. Headscape & Boagworld. 

    Kollin, Z. (2013). Myth #28: White space is wasted space

    Using White Space (or Negative Space) in Your Designs

    5 Ways How Whitespace Affects The User Experience



     storyboard

    Top Ten Reasons to Love Whitespace
    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Related Posts

    3 Signs Your Learning & Development Strategy Needs to Evolve

    When was the last time you took a long hard look at your company’s training strategy?  If employees forget things you taught them back in onboarding or, worse yet, they’re leaving in droves to seek other opportunities — chances are your outdated training program needs to change, and fast. So, how does your training strategy stack up? Is it stuck in time? Or are you keeping up with the ever-changing needs of today’s modern employees? Let’s find out.

    Strategies to Adapt Your Existing eLearning Courses to Modern Learners

    The modern work environment is very different from what it was just a year ago. Companies are now challenged to offer more and better eLearning programs that adapt to the new context and workforce needs. Without a firm basis in the needs of their workers, eLearning programs don’t succeed—in fact, some completion rates for online courses are as low as 4% because of this reason! How do you make sure your employees, with their 21st-century attention spans, are finishing learning effectively, and actually enjoying your courses? Be sure to pay attention to these trends. As technology advances, employee employees, and the business context also continue to evolve rapidly, forcing companies to continually revamp and adapt their existing eLearning courses.

    7 New Rules of Workplace Learning

    Embracing and adapting to a changing landscape is not easy unless you know the rules to play by. Times-they-are-a-changing. As it is with everything else in life, change is imminent also in the field of corporate learning. The modern L&D scenario is vastly different from what it was just a decade ago. In this rapidly-changing landscape, the old order has given way to the new, and only the agilest and adaptable can survive and thrive.