Custom eLearning Custom eLearning
  1. What We Do
    Custom eLearning Learning Consultancy Performance Campaigns Mobile Learning Performance Support Microlearning
    Video and Animation Rapid eLearning Games & Gamification Flash-to-HTML ILT and VILT Value Added Services
  2. Who We Are
    About Us Leadership Awards Press Releases Clients Careers Contact Us
  3. Our Work
  4. Insights
    eBooks Whitepapers Reports Presentations Case Studies Webinars Infographics Newsletters
  5. Podcast
  6. Let's Talk
  • What We Do
    • Custom eLearning
    • Learning Consultancy
    • Performance Campaigns
    • Mobile Learning
    • Performance Support
    • Microlearning
    • Video and Animation
    • Rapid Learning
    • Games & Gamification
    • Flash-to-HTML
    • ILT and VILT
    • Value Added Services
  • Who We Are
    • About Us
    • Leadership
    • Awards
    • Press Releases
    • Clients
    • Careers
    • Contact Us
  • Our Work
  • Insights
    • eBooks
    • Whitepapers
    • Reports
    • Presentations
    • Case Studies
    • Webinars
    • Infographics
    • Newsletters
  • Podcast

Multi-device Learning – Designing for Usability

 

eLearning  |  6 MIN

Multi-device Learning – Designing for Usability

Written by Pranjalee Lahri

Multi-device Learning – Designing for UsabilityAccording to ISO 9241, Usability is defined as the extent to which a product (a software, a coffee maker etc.) can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use. In the context of learning, usability is the ease with which your users interact, access and experience the course. It includes everything your users see, hear and do; the rationale behind their actions; and their emotional reactions to the results.

Ensuring high usability is a challenge in eLearning course development. For a multi-device course even more so as you need to account for a wide range of devices and the user behaviour for each. With desktops and laptops, there is an abstract layer of mouse and keypad, whereas with touch-based mobile devices, we use our fingers in different ways to achieve different results.

There are many Common Misconceptions About User Experience Design. In light of these misconceptions and characteristics of multi-device/responsive courses, below are some questions that you need to ask yourself to ensure a good User Experience across a variety of devices:

1. Are you leveraging the power of ‘touch’?

Of the many affordances that tablets and smartphones offer, one of the important ones is response to ‘touch’. So while leveraging the ‘touch’ capability, it is important to ensure that the interactive elements are both large enough and far enough apart to be comfortably selected.

With touch devices, there also arises the possibility for gestural navigation. So, in addition to providing buttons, it is essential to code for a swipe gesture on tablets and smartphones.

2. Is it easy to navigate through the course?

As the device sizes reduce, we also have to decide on how to handle the global navigation. Since all navigation controls aren’t required for smaller devices, it is advisable to implement a responsive menu where controls get grouped and positioned based on the device size. Hence, controls are hidden or displayed based on device or OS. For example, most of us are used to using our tablet’s or phone’s audio controls, so audio controls need not be included in the menu on mobile phones and tablets.

3. Is the text readable?

Text size varies based on device resolution – the higher the resolution, the smaller the text. A solution here can be to use a relative sizing unit like “em” to dynamically set font size and line spacing for optimal readability across devices.

The “em” takes its size relative to its parent unit. So assuming the browser to be the overall parent, we can set 1 em to be equal to the browser’s default font size – which in most cases is 16 px. From there on, depending on how you structure your page, you can set relative font sizes in “ems” for texts in different containers.

More on font sizes, types and icon fonts detailed in Design Challenges and Considerations for Responsive eLearning

4. Is there consistency in representation?

Since a multi-device/ responsive course will be accessed from desktops, tablets and smartphones, consistency in representation is of prime importance. While designing, keep the key elements (navigation, interactive elements etc.) consistent in their appearance and position so that navigating the screen is as intuitive as possible.

Also, use the same design, fonts as well as the page layout consistently over the whole eLearning course.

5. Is there clarity in learner instructions?

Multi-device content is most likely to be displayed on both, touch and non-touch devices. In such scenarios, instructions play a crucial role. When writing the action-specific instructions we can either have conditional device-specific instructions, i.e. ‘Click OK to proceed’ for desktops/laptops and ‘Tap OK to proceed’ for touch screen devices. The other option is to keep action-specific instructions generic, i.e. ‘Select OK to proceed’, for all devices. Task-based instructions, on the other hand, being task specific have to be self explanatory, i.e. ‘Go through each example to know how to ensure data security’.

6. Is there clarity and consistency in element labels?

Shifted labels can be a major setback in multi-device learning where content layout changes based on device dimensions. It’s important to check that the same meaning has been retained across all devices and layouts. We need to ensure that the labels point to the corresponding elements, and also that the sequence of appearance (i.e. visual preceding the text/ following it) is maintained throughout.

7. Do the interactive elements look clickable or touchable?

This is all the more important on touch-based devices; since these do not support hover effects, you need to design in such a way that users can easily recognise where interactivities are available.

8. Does the design degrade gracefully or enhance progressively?

With so many phones, operating systems, screen sizes, interface capabilities, sensors, etc., along with multiple platforms and significant variance of hardware and software features, the trick is to design in such a way that the content can support ‘Progressive enhancement’ (Mobile first approach) or ‘Graceful degradation'(Desktop first approach). Images for instance can be designed based on the fundamentals of fluid layout, wherein images can be tiled or stretched depending on the orientation of the device.

9. Does the course allow accessibility?

Ensuring an optimal user experience for people with disabilities, including people with age-related impairments, so that they can perceive, understand, navigate, and interact with the course and contribute equally without barriers, is an important part of usability design. By utilizing the device specific accessibility features, we can help them improve their learning experience.

10. Has the course been optimized for UX?

Considering that the bandwidth on mobile devices is usually not the same as desktops, it is important to ensure that graphics and all elements used in the course are optimized. This reduces the loading time, improves performance thereby impacting the overall experience.

In case the scene is heavy and would take more time than usual to load, it is important to set the expectation right by allowing for ‘Time-outs’.

User Experience design is not the role of one person or department. Varied cross-functional teams are required to design and develop a quality learning experience. It’s unrealistic to expect Instructional Designers to take ownership of the learning experience. While, we agree that they do drive the design of the experience. The actual design and creation is still left to the development team; creating good user experiences is about teamwork, cross functional competence, and a clear vision of the learner experience sought to be delivered.

Tweet
Tags: Multi-device Learning

Write a Comment



← What Makes a Good Instructional Designer? Responsive eLearning with Captivate 8 – Our Experience →
Subscribe for updates

Delivered by FeedBurner

Featured PostsTags
L&D Go Beyond Podcast: Moving ID to LXD, with Clark QuinnIsha SoodL&D Go Beyond Podcast: Post-Pandemic Workplace Learning Strategy, with Shantanu BhattacharyaIsha SoodWhy Learning Design Should Incorporate SpacingVidya RajagopalL&D Go Beyond Podcast: Secrets to Being Smarter, Faster, with Arun PradhanIsha SoodThe Power Of Testing: Testing As A Tool For LearningSonal ShethL&D Go Beyond Podcast: Challenges and Opportunities for Measuring the Impact of Training and Learning, with Kevin M. YatesIsha Sood18 and Fabulous – Upside Learning Completes Another Glorious Year of Enabling Enterprises for Better Workplace LearningIsha SoodL&D Go Beyond Podcast: Instructional Story Design, with Rance GreeneIsha SoodStoryboarding – You Gotta LUV it!Neeti SudumbrekarL&D Go Beyond Podcast: Gamifying Workplace Learning the Right Way, with Karl KappIsha SoodL&D Go Beyond Podcast: Workplace Learning in the Post-Covid World, with Sam Taylor, Jr. and Rick HouslerIsha SoodDesirable Difficulties: Making learning slow, to improve performance fastShreyas KoradL&D Go Beyond Podcast: Learning for L&D Professionals, with Joti JosephIsha SoodBetter learning experiences lead to better employee engagement in the modern workplaceAmit GargL&D Go Beyond Podcast: The Ten Questions You Must Ask at The Start of Any Learning ProjectIsha SoodA little forgetting before retrieval makes memory stickier for workplace applicationAlesiya KhanL&D Go Beyond Podcast: Writing Better Multiple-Choice Questions to Assess LearningIsha SoodTime to onboard the great learning modernizationAlesiya KhanBeyond mere conversion, virtual ILT is an opportunity to modernize learningAmit GargModern workplace learning needs new wine in new bottleAmit GargIt’s Fun, But Is Netflix Right For Workplace Learning?Amit GargCan gamification level up your employee onboarding experience and boost outcome?Amit GargSolving before Learning: A Case for Inverting the Way Courses are DesignedShreyas KoradL&D Go Beyond Podcast: AI and The Upskilling Imperative for L&DIsha SoodLooking Back at 2021 with Gratitude: A Fulfilling Year with Many Reasons to CheerIsha SoodThe Forgotten Art of Exploratory LearningShreyas KoradDeep, durable learning ensures adept, adaptable workplace performanceAmit GargL&D Go Beyond Podcast: Design for How People LearnIsha SoodL&D Go Beyond Podcast: Chatbots in Workplace Learning & PerformanceIsha SoodL&D Go Beyond Podcast: Curiosity & Learning in the WorkplaceIsha SoodL&D Go Beyond Podcast: Curation & Learning Ecosystems – Dealing With the Complexity That Damages Learning CultureIsha SoodL&D Go Beyond Podcast: How to Solve the Right Problems in L&DIsha SoodL&D Go Beyond Podcast: Innovation in L&DIsha SoodL&D Go Beyond Podcast: How to Bring Performance Focus to TrainingIsha SoodL&D Go Beyond Podcast: Design Thinking for Learning EngagementIsha SoodL&D Go Beyond Podcast: Building Learning Programs that EngageIsha SoodL&D Go Beyond Podcast: Learning Engagement in Supply Chain TrainingIsha SoodThe Living Root Bridge of Learning EngagementAmit GargAuthentic, holistic tasks ensure engaged, applicable learningAmit GargThe Curious Role of Spaced Practice and Staggered Retrieval in Learning EngagementAmit GargWhy Interleaving is a Significant Practice for Learning EngagementAmit GargUnderstanding Learning Engagement – The Missing Link Between Learning and PerformanceAmit GargWhat is Learning?Amit GargEngaging eLearning is Effective LearningAmit GargReimagine Learning with GamificationShreyas KoradGamification of Workplace Learning: Podcast Series Episode 6Mustafa HusainGamification of Workplace Learning: Podcast Series Episode 5Mustafa HusainHow Mindset of a Gamer Help Us Navigate Learning in Modern WorkplaceShreyas KoradGamification of Workplace Learning: Podcast Series Episode 4Mustafa HusainGamification of Workplace Learning: Podcast Series Episode 3Mustafa Husain
Mobile Learning (140)eLearning (115)mLearning (98)Instructional Design (50)Game Based Learning (42)Technology (35)eLearning Development (35)Workplace Learning (33)Learning (26)Learning Games (26)Design (25)Upside Learning (24)Learning Design (22)eLearning Technology (21)Social Learning (20)ipad (19)DGBL (17)Best eLearning Links (16)augmented reality (15)eLearning Outsourcing (15)Games (14)HTML5 (14)Innovation (13)LMS (13)Responsive Authoring Tools (13)Mobile (13)UL Fun Cartoon (13)Future (12)IPhone (12)Future Learning (11)UL Fun e toons (11)Informal Learning (11)elearning weekly digest (11)Responsive eLearning (11)Flash (10)Development (10)Top eLearning Links (10)eLearning On Tablets (10)Learning Technology (10)Weekly Digest (9)Top eLearning Posts (9)Blended Learning (9)GBL (9)Mobile Learning Technology (9)eLearning Weekly Finds (8)Tablet Learning (8)Multi Device eLearning (8)eLearning Weekly Find (8)Mobility (8)elearning in a multi-device world (7)Learning and Development (7)Trends (7)Rapid Authoring (7)Training Outsourcing (7)Engaging eLearning (7)Custom eLearning (7)Performance Support (7)Mobile Technology (6)Casual Games (6)Serious Games (6)
eLearning Learning

Upcoming Events

Archives

Resources
Compliance Training: Stop Ticking the Box
Compliance Training: Stop Ticking the BoxesHave a compliance program that’s not as effective as you’d hoped? Or wondering where to start to design an effective one? Find the answers to all your queries in this eBook.
Read More and Download
The Ultimate Guide to migrating eLearning from Flash to HTML5
The Ultimate Guide to migrating eLearning from Flash to HTML5This eBook is meant for organizations who want to migrate their eLearning from Flash to HTML5.
View Recording
Tips for Designing, Testing and Delivering eLearning in a Multi-device World - eBook
Tips for Designing, Testing and Delivering eLearning in a Multi-device WorldA collection of highly useful tips on the various aspects of designing, testing and delivering multi-device/ responsive eLearning.
Read More and Download

GET INSIGHTS AND LEARNING DELIGHTS STRAIGHT TO YOUR INBOX, SUBSCRIBE TO UPSIDE LEARNING BLOG.

Delivered by FeedBurner

Published on April 29, 2015
Topic : eLearning

Don't forget to share this post!

  • Snow
  • Snow
  • Snow
  • Snow

Related Blogs

EPUB 3 – A New Format for Multi-device Learning
eLearning    | 5 MIN
Anushka Khairajani

GET INSIGHTS AND LEARNING DELIGHTS STRAIGHT TO YOUR INBOX, SUBSCRIBE TO UPSIDE LEARNING BLOG

Delivered by FeedBurner

  • Snow
  • Snow
  • Snow
  • Snow

Follow us on

  • linkedin
  • Facebook
  • Snow
  • Slideshare
  • Feedburner
  • Youtube
to be in trend with latest happening in the elearning domain.

More from Our Resources

  • eBook

  • Whitepapers

  • Reports

  • Presentations

  • Case Studies

  • Webinars

  • Infographics

  • Newsletters

Snow
Forest
Mountains
Mountains
Mountains

WANT TO FIND OUT HOW OUR SOLUTIONS CAN IMPACT
YOUR ORGANISATION?
CLICK HERE TO GET IN TOUCH

Custom eLearning

Upside Learning Solutions Pvt. Ltd.

Punakar Complex, Survey No-117,
Bangalore Pune Highway, Warje,
Pune, India

Tel: +91-20-2523 6050 / 51 / 52

Email: elearning@upsidelearning.com

FOLLOW US

GO BEYOND
What is Go Beyond Compliance Training Sales Enablement Measuring Learning
Effectiveness
Microlearning Gamification Learning Engagement
OUR PHILOSOPHY
Learning Strategy Solution Design and
Development
WHAT WE DO
Custom eLearning Learning Consultancy Performance Campaigns Mobile Learning Performance Support Microlearning Video and Animation Rapid eLearning Games & Gamification Flash-to-HTML Conversion ILT and VILT Value Added Services
WHAT WE ARE
About Us Our Work Leadership Awards Press release Clients Careers Contact Us
QUICK LINKS
Insights Blog Submit a RFP Schedule A Call Client Login Privacy Policy

Copyright © 2022 Upside Learning Solutions Pvt. Ltd.