POWER LEARNING SOLUTIONS
  • Home
  • About
    • About Us
    • Client Services
    • About Rob Power >
      • Meet Rob Power
      • CV
      • Leadership and Project Management
      • Research Background
      • Teaching and Instructional Design
      • Other Credentials
      • Artist Gallery
    • In the News
    • Social Media >
      • LinkedIn
      • Twitter
      • YouTube
    • Contact Us
  • Publications
    • Academic Publications
    • Blog
    • Books >
      • Blended Langauge Learning: Evidence-Based Trends and Applications
      • eLearning Essentials 2020
      • Everyday ID
      • Handbook of Mobile Teaching and Learning (2nd Edition)
      • IAmLearning
      • ID and Tech for Rapid Change
      • ID and Tech Vol 2
      • Mobile and ubiquitous learning: An international handbook
      • Operating System Fundamentals
      • Seamless Learning in Higher Education
      • Seamless Learning in Higher Educaton vol 2
      • Technology and the Curriculum: Summer 2018
      • Technology and the Curriculum: Summer 2019
      • Technology and the Curriculum: Summer 2022
      • Thriving Online: A Guide for Busy Educators
      • Fiction
    • Conference Presentations
    • Power Learning Daily News
  • Courses
    • Higher Education
    • K12
    • Open Courses
    • Professional Development
    • Digital Accessibility Webinar
  • Resources
    • Augmented Reality
    • BOPPPS-IT 2.0
    • CNIE
    • CSAM
    • Digital Accessibility
    • IAmLearn
    • IABL
    • ID Resources
    • Interactive RLOs
    • mLearn Conference Series
    • mLearn 2013
    • mLearning Vodcasts
    • mTSES
    • PETL
    • Videos
    • WebQuests

The Relationship Between User Experience/User Interface, Mobile First Instructional Design, and Digital Accessibility

2/20/2023

0 Comments

 
I frequently received questions about using tables to organize content on web pages or course content pages in an LMS. I also frequently see novice instructional design students do this in order to make content line up for aesthetic purposes. The problem is, if you are not well-versed in HTML coding, and using tools like Bootstrap UI to create engaging, interactive, responsive page elements, then using simple "tricks" like aligning contents with tables, manually formatting text for emphasis, or manually inserting lines on your pages to create visual divisions between content can actually create more problems then they solve!
Insprired by a recent flurry of questions from my ID students, I put together this video to demonstrate what problems you create when you use tables to organize content (among other issues). The key recommendations to optimize course page layout, minimize cognitive overload, and minimize Digital Accessibility issues are:
  • Stick to a linear design (to-to-bottom flow) for your content pages.
  • Consider how your pages will look and behave on a mobile device. While you may be creating the page using a large, landscape-oriented screen, most users will consume the content on smaller, portrait-orientation devices.
  • Avoid using tables to arrange content. Only use tables to present statistical data!
  • Avoid using the dash key ("-") to manually create horizontal lines on your pages.
  • Avoid adding extra space between content by adding a hard return (<ENTER>).
  • Make sure you properly tag text, headings, and images.
  • Always test your content on different screen sizes and orientations to see how it displays!

References

Power, R. (2023, February 20). UX and Accessible Course Pages. [video]. https://youtu.be/QEvJ6r1ylDo
0 Comments



Leave a Reply.

    Power Learning Solutions: The Power to Access the World

    Author

    Rob Power, EdD, is an Assistant Professor of Education, an instructional developer, and educational technology, mLearning, and open, blended, and distributed learning specialist.
    More About Rob...

    Recent  Posts

    Categories

    All
    APA Formatting
    Augmented Reality
    Digital Accessibility
    EBooks
    EdTech
    Instructional Design
    Instructional Videos
    Learning Theoriies
    Mobile Learning
    Online Learning
    Open Access Resources

    Archives

    February 2023
    June 2022
    February 2022
    April 2021
    February 2021
    September 2020
    March 2020
    February 2020
    October 2019
    February 2019
    January 2019
    November 2018
    July 2018
    June 2018

    Older Posts from the xPat_Letters Blog

    RSS Feed

Powered by Create your own unique website with customizable templates.
  • Home
  • About
    • About Us
    • Client Services
    • About Rob Power >
      • Meet Rob Power
      • CV
      • Leadership and Project Management
      • Research Background
      • Teaching and Instructional Design
      • Other Credentials
      • Artist Gallery
    • In the News
    • Social Media >
      • LinkedIn
      • Twitter
      • YouTube
    • Contact Us
  • Publications
    • Academic Publications
    • Blog
    • Books >
      • Blended Langauge Learning: Evidence-Based Trends and Applications
      • eLearning Essentials 2020
      • Everyday ID
      • Handbook of Mobile Teaching and Learning (2nd Edition)
      • IAmLearning
      • ID and Tech for Rapid Change
      • ID and Tech Vol 2
      • Mobile and ubiquitous learning: An international handbook
      • Operating System Fundamentals
      • Seamless Learning in Higher Education
      • Seamless Learning in Higher Educaton vol 2
      • Technology and the Curriculum: Summer 2018
      • Technology and the Curriculum: Summer 2019
      • Technology and the Curriculum: Summer 2022
      • Thriving Online: A Guide for Busy Educators
      • Fiction
    • Conference Presentations
    • Power Learning Daily News
  • Courses
    • Higher Education
    • K12
    • Open Courses
    • Professional Development
    • Digital Accessibility Webinar
  • Resources
    • Augmented Reality
    • BOPPPS-IT 2.0
    • CNIE
    • CSAM
    • Digital Accessibility
    • IAmLearn
    • IABL
    • ID Resources
    • Interactive RLOs
    • mLearn Conference Series
    • mLearn 2013
    • mLearning Vodcasts
    • mTSES
    • PETL
    • Videos
    • WebQuests