The Tech Edvocate

Top Menu

  • Advertisement
  • Apps
  • Home Page
  • Home Page Five (No Sidebar)
  • Home Page Four
  • Home Page Three
  • Home Page Two
  • Home Tech2
  • Icons [No Sidebar]
  • Left Sidbear Page
  • My Account
  • My Speaking Page
  • Newsletter Sign Up Confirmation
  • Newsletter Unsubscription
  • Our Brands
  • Page Example
  • Protected Content
  • Register
  • Request a Product Review
  • Shop
  • Shortcodes Examples
  • Signup
  • Start Here
    • Governance
    • Careers
    • Contact Us
  • The Edvocate
  • Topics
  • Write For Us
  • Advertise

Main Menu

  • Start Here
    • Our Brands
    • Governance
      • Dr. Lynch’s Personal Website
      • Careers
    • Write For Us
    • Contact Us
    • Books
    • Edupedia
    • The Edvocate Podcast
  • Topics
    • Assistive Technology
    • Child Development Tech
    • Early Childhood & K-12 EdTech
    • EdTech Futures
    • EdTech News
    • EdTech Policy & Reform
    • EdTech Startups & Businesses
    • Higher Education EdTech
    • Online Learning & eLearning
    • Parent & Family Tech
    • Personalized Learning
    • Product Reviews
  • Advertise
    • Request a Product Review
  • Apps
  • Tech Edvocate Awards
  • The Edvocate
  • Pedagogue

logo

The Tech Edvocate

  • Start Here
    • Our Brands
    • Governance
      • Dr. Lynch’s Personal Website
        • My Speaking Page
      • Careers
    • Write For Us
    • Contact Us
    • Books
    • Edupedia
    • The Edvocate Podcast
  • Topics
    • Assistive Technology
    • Child Development Tech
    • Early Childhood & K-12 EdTech
    • EdTech Futures
    • EdTech News
    • EdTech Policy & Reform
    • EdTech Startups & Businesses
    • Higher Education EdTech
    • Online Learning & eLearning
    • Parent & Family Tech
    • Personalized Learning
    • Product Reviews
  • Advertise
    • Request a Product Review
  • Apps
  • Tech Edvocate Awards
  • The Edvocate
  • Pedagogue
  • Distance Learning during the Pandemic: Improvise. Adapt. Overcome.

  • Universities Deploy Chatbots To Aid Students In The Admissions Process And Beyond

  • Generational Differences Affect Tech Initiatives In Higher Education

  • Mixing And Matching: How To Blend Online Learning And AI

  • Understanding Institutional Reasons to Move to Cloud

  • How to Get Your Educators Excited About Using Edtech

  • Teaching Intelligence: Digital Literacy In the ‘Alternative Facts’ Era

  • The Digital Revolution in Schools: It’s Not Just Remote Learning

  • 3 Perks of Network Management on a University Campus

  • How To Secure Distance Learning Information In The Hacking Prone Environment

Curriculum & InstructionEdTech & InnovationK-12Online Learning & eLearningPreK-12
Home›Curriculum & Instruction›How to Create Beautiful Online Courses: Layout

How to Create Beautiful Online Courses: Layout

By Matthew Lynch
October 22, 2020
Spread the love

When you create an online course, you want it to be beautiful, and one must to creating a beautiful online course is mastering the layout. 

Why Is Layout Important?

There are three reasons that the layout is vital, besides merely the fact that a good layout lends itself to beauty. The first reason is that when you have a good design, it merits your company with credibility. When you see a website that looks like a novice built it, it makes you think of the company as a lower-end company. The same is true with a learning management system (LMS) or online course. However, a higher-end online course must belong to a more pronounced, better-known, all-around better company, right?

Secondly, learners perceive a beautifully designed online course to be more usable. This fact was proven through a technical study. This perception is known as the “halo effect.”

Lastly, people make snap judgments about people and products within the first half-second of seeing them. This is known as their “first impression.” A person’s first impression of an online course can send them packing in horror to never return with the idea that your course is unfriendly and untrustworthy. On the other hand, it can have them warming up to the idea of using your portal and the possibility of taking more courses than they originally came in search of.

Online Course Layout Templates

The best way to build a course is to use a template that already lays everything out for you. One company that does this is Miami Visuals. They have several course templates from which to choose. This way, you don’t have to worry about layout. All you have to do is click the placeholding text and images and replace them with your own. It’s as simple as uploading your own to the website and clicking replace! 

Graphical user interface, website

Description automatically generated
Graphical user interface, application

Description automatically generated

Another great thing about Miami Visuals is that they are also a website, funnels, E-Commerce store, CRM, and more all in one place for cheaper than you can get through Teachable, ClickFunnels, or Kajabi!

Creating Your Own Layout

When there isn’t a template available, or if you choose to create your layout from a blank page, there are a few things that you want to keep in mind.

Guide Your Learner’s Eye

Titles, subtitles, introductions, headlines, paragraphs, sub-headlines, more paragraphs… There’s a specific flow to the way things go. We like to be warned of what’s coming first, and then we want to get the content. This is just human nature.

This hierarchy does two things. It gives learners the ability to scan the content. It also helps them to understand which pieces of the content is more important to their learning experience.

Another way you guide the eye has to do with the images you use in your course. These images should further direct the eye down the page rather than outward and away from the content.

Use White Space

Remember that you need white space. Clutter is not your friend. You do not need to fill every area of your screen with graphics and text. When you use white space, otherwise known as negative space, correctly in your online course, it can boost interaction, comprehension, and focus. Digital reading is already tricky enoughfor learners, and clutter only increases confusion and frustration and lowers the attention span.

Use Focal Points

The focal point is the point that attracts your learners’ eyes upon arrival to the page. It should consist of what you want your learners to focus on in that particular lesson. You should only have one focal point per lesson.

To create a focal point, you can:

  • Insert an image;
  • Present a vital concept in a few words; or,
  • Arrange multiple statistics in an infographic.

Use this focus point to then gradually draw their eye down the screen to the rest of the content. 

Be Consistent

Your graphics, fonts, colors, images, spacing, and button styles should be consistent throughout the online course. Your course should only have two different types of fonts total. There should only be three colors total used in your online course. The images should consistently be of similar lighting, and you should not mix hi-resolution and hazy pictures in your course. Also, be careful that your heading sizes, sub-headings, and paragraph fonts are the same throughout the course. Being inconsistent in any of these things will make your course look unprofessional.

Be Organized

Lastly, you want your content to line up. Your headings should all line up with one another. Your pictures should all be aligned. If you have a column or table, be sure that the contents in it are appropriately aligned. Make sure that everything looks organized and neat.

Conclusion

Remember, first impressions are essential! If you want to create a beautiful online course that leaves a good impression, you must master your layout—whether by using a template or building it yourself. Though failing in the layout of your course isn’t one of the seven deadly sins of online course design, it could keep your learners from getting to the point where they can even consider them.


Spread the love
Previous Article

Assessing Digital Transformation Trends in K-12

Next Article

Flipping the Classroom with Screencasting

Matthew Lynch

Related articles More from author

  • Online Learning & eLearning

    The Benefits of Browsing: Why Teachers Should Indulge in Online Social Networking

    June 29, 2016
    By Matthew Lynch
  • EdTech & Innovation

    Increasing Community Engagement with Technology: Why and How It’s Done

    December 11, 2018
    By Matthew Lynch
  • Campus SecurityEdTech & Innovation

    3 Ways That Technology Can Boost Campus Security

    July 2, 2017
    By Matthew Lynch
  • Online Learning & eLearning

    Revisiting Accountability in Online Learning

    June 3, 2020
    By Matthew Lynch
  • EdTech & Innovation

    Why Blended Learning Will Become an Educational Norm

    November 23, 2020
    By Matthew Lynch
  • Online Learning & eLearning

    3 Tips To Easily Create Interactive eLearning

    January 10, 2020
    By Matthew Lynch

  • Ask An Expert

    What is Cognitive Learning?

  • Early Childhood & K-12 EdTechHigher EducationThe Hechinger Report

    Do classroom clickers improve learning? It depends.

  • EdTech News

    YouTube a valuable educational tool, not just cat videos

Search

Login & Registration

  • Register
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Newsletter

Signup for The Tech Edvocate Newsletter and have the latest in EdTech news and opinion delivered to your email address!

  • Recent

  • Popular

  • Comments

  • Distance Learning during the Pandemic: Improvise. Adapt. Overcome.

    By Matthew Lynch
    February 25, 2021
  • Universities Deploy Chatbots To Aid Students In The Admissions Process And Beyond

    By Matthew Lynch
    February 24, 2021
  • Generational Differences Affect Tech Initiatives In Higher Education

    By Matthew Lynch
    February 23, 2021
  • Mixing And Matching: How To Blend Online Learning And AI

    By Matthew Lynch
    February 22, 2021
  • Understanding Institutional Reasons to Move to Cloud

    By Matthew Lynch
    February 19, 2021
  • 20 Top Virtual Reality Apps that are Changing Education

    By Matthew Lynch
    March 11, 2017
  • 7 Ways Technology Is Impacting Modern Education

    By Matthew Lynch
    March 4, 2017
  • Why Mobile Technology Enhances Instruction

    By Matthew Lynch
    December 14, 2016
  • What is the Future of Online Learning in Higher Education

    By Matthew Lynch
    April 2, 2018
  • 7 Roles for Artificial Intelligence in Education

    By Matthew Lynch
    May 5, 2018
  • Distance Learning during the Pandemic: Improvise. Adapt. Overcome. - The Tech Edvocate
    on
    February 25, 2021

    Virtual Learning Apps, Tools, and Resources That We Love

    […] applications and platforms ...
  • Universities Deploy Chatbots To Aid Students In The Admissions Process And Beyond - The Tech Edvocate
    on
    February 24, 2021

    How Can We Use Chatbots in Education?

    […] chatbot is any ...
  • Let’s talk Tech – Sine up for Math
    on
    February 23, 2021

    7 Ways Technology Is Impacting Modern Education

    […] Lynch, M. (2017, ...
  • Promoting Literacy In Early Education - The Edvocate
    on
    February 23, 2021

    Top 7 Education Apps for the Classroom

    […] of the best ...
  • Generational Differences Affect Tech Initiatives In Higher Education - The Tech Edvocate
    on
    February 23, 2021

    Good News Stories About Edtech From Across the Globe

    […] the past twenty ...

EdTech Policy & Reform

  • EdTech Policy & Reform

    How Much Bias Is Okay in Your School?

    Spread the loveThe algorithm has proven itself to be a handy tool when it comes to solving education problems. It’s also not without bias.  You may be wondering how some ...
  • EdTech Policy & ReformFeaturedFresh

    Edtech Should Complement Good Pedagogy, Not Attempt to Replace It

    Spread the loveThe newest generation of edtech is downright amazing; it’s no wonder that various education stakeholders might be a little excited about its potential to transform education. However, edtech ...
  • EdTech Policy & ReformFeaturedFresh

    How to Teach Kids to Communicate in This Digital Age

    Spread the loveWhen even the youngest children are spending the equivalent of a full work day looking at screens, it is perhaps no surprise that parents are wondering how to ...
  • EdTech FuturesEdTech Policy & Reform

    3 Reasons Why India Will Be A Leader in the EdTech Industry in the 21st ...

    Spread the loveAccording to a joint report by KPMG and Google, the online education industry is expected to grow at a healthy rate of 8 times to become a $1.96B ...
  • Early Childhood & K-12 EdTechEdTech Policy & ReformFeaturedFresh

    How Does Technology Immersion Shape the Brain?

    Spread the loveDo you wonder what all of the screen time we have is really doing to our brains? As edtech continues to rise in prominence throughout the world, this ...

EdTech Startups & Businesses

  • EdTech Startups & BusinessesOnline Learning & eLearning

    Using Nudge Theory in Your Corporate Online Learning Classes

    Spread the loveAfter reading this headline, you may be asking yourself, what is nudge theory? Nudge theory centers on positive reinforcement and inferred suggestions to motivate a person to complete ...
  • EdTech Startups & Businesses

    Bringing Education into the Business World

    Spread the loveU.S. businesses spent nearly $20 billion on training in 2019. That number decreased by roughly half from the year before. Companies aren’t providing fewer professional development opportunities for ...
  • EdTech Startups & Businesses

    You Must Include These 3 Things in Your Edtech Business Plan

    Spread the loveDo you have a business plan? It’s the one question you’re going to be asked a lot as you begin your edtech business. The reasons to write a ...
  • EdTech Startups & Businesses

    Edtech Marketing Ideas to Implement Right Now

    Spread the loveEven if you do have the most exceptional edtech product or service in the world, you’ve still got to market it. Your sales and your success depend on ...
  • EdTech Startups & Businesses

    How Your Edtech Startup Can Make the Leap from Failure to Funded

    Spread the loveThe best ideas in edtech are often only ideas. They never become a reality because they lack the funding they need to get off the ground. Taking an ...

Digital Equity

  • Digital EquityDigital Leadership

    How Can You Assess the Tech Needs of Your Students Outside of School?

    Spread the loveToday, I received an email from the middle school principal in Los Angeles. She explained to me that the school that she ran was in one of the ...
  • Digital Equity

    It Is Time for the Edtech Industry to Stop Denying Its Equity and Race Problem

    Spread the loveThe EdTech industry is dominated by white employees, white leaders, and white entrepreneurs. If you doubt this statement, just attend an Edtech conference. Admittedly, educators and others don’t ...
  • Digital Equity

    How OER Can Help Overcome the Higher Education Equity Barrier

    Spread the loveThe cornerstone of the American dream is the ability to succeed in life regardless of one’s family of origin. And, for most people, that requires a college education. ...

EdTech Futures

  • EdTech FuturesOnline Learning & eLearning

    IT Trends To Watch As Higher Education Moves Into a New Decade

    Spread the loveEdtech couldn’t have hoped for a better launch into the new decade than the push the industry received from COVID-19. Even the most tech-resistant institutions and individuals have ...
  • EdTech Futures

    4 Emerging EdTech Trends in 2021

    Spread the loveCovid-19 has not only changed education as we know it, but it has forced education technology (EdTech) to up its game. EdTech has been crucial since the start of this ...
  • Adult EducationEdTech & InnovationEdTech FuturesEducation LeadershipEducational LeadershipHigher EducationHigher Education EdTechThe Future of Education

    Education Technology and the Future of Higher Ed Leadership

    Spread the loveEducation Technology (EdTech) has had a more significant impact on education than anyone expected. Now its effects are reaching into the field of higher education. In this article, ...
  • EdTech Futures

    Top Edtech Trends for 2021

    Spread the loveAre you ready to look ahead? Schools will soon be reflecting on what’s been working this year and what’s not. They’ll also begin thinking about their budgets for ...
  • Early Childhood & K-12 EdTechEdTech Futures

    In the Wake of Teacher Shortages, Schools are Turning to Virtual Teachers

    Spread the loveTeaching was once a greatly respected position, and today, morally it still seems to be of high value to many Americans. Institutionally, however, teaching no longer seems to ...

About Us

Since technology is not going anywhere and does more good than harm, adapting is the best course of action. That is where The Tech Edvocate comes in. We plan to cover the PreK-12 and Higher Education EdTech sectors and provide our readers with the latest news and opinion on the subject. From time to time, I will invite other voices to weigh in on important issues in EdTech. We hope to provide a well-rounded, multi-faceted look at the past, present, the future of EdTech in the US and internationally.

We started this journey back in June 2016, and we plan to continue it for many more years to come. I hope that you will join us in this discussion of the past, present and future of EdTech and lend your own insight to the issues that are discussed.

Newsletter

Signup for The Tech Edvocate Newsletter and have the latest in EdTech news and opinion delivered to your email address!

Contact Us

The Tech Edvocate
5322 Markel Road, Suite 104
Richmond, VA 23230
(601) 630-5238
advocatefored@gmail.com

Follow us

Copyright © 2021 Matthew Lynch. All rights reserved.