Register for our next webinar, 5 Keys to Unlock Storytelling in Your eLearning, where you'll learn how to unlock the magic of storytelling in your eLearning development to increase learner engagement and retention! Join Andrew Townsend, our Campaign Marketing Manager, on Thursday, December 3, 2020 at 11:00 AM MDT.

Be The First On Your Block to Rock Lectora® 21!


Apply for exclusive early access to the latest version of Lectora® Desktop v21. Seating is limited so apply now!

In need of help with your eLearning? Feel free to ask a question of the community! You can also visit our Knowledge Base or, if you're in need of immediate assistance, submit a case to our Customer Success team.

Designing a course for mobile devices, laptops, and desktops

bcondie007bcondie007 Community Member Posts: 6
I want to make sure that the course I am developing will be compatible with mobile devices. How do I make sure that it is HTML5 compatible? Or,what are the steps to setting it up right at the beginning?

Comments

  • ssnegssneg Community Member Posts: 1,466
    Lectora outputs valid HTML5 compatible files, so you don't have to worry about it. You can use Lectora to convert audio and video files to correct formats (MP4), and of course you cannot add any Flash files to your course.
  • bcondie007bcondie007 Community Member Posts: 6
    Thank you very much for the response. Just so I understand correctly, does that mean that there are not any settings I need to mess with in order to get my course to work correctly on any mobile device and also work well with laptops and desktops?
  • ssnegssneg Community Member Posts: 1,466
    No, you don't have to mess with the settings. But what you absolutely should do is to test, test and test your course. As early as possible.
  • bcondie007bcondie007 Community Member Posts: 6
    What is the industry standard for screen resolution. Again, I am designing a course that needs to be available via laptops, ipads, and other tablets.



    Is there a standard resolution screen size? Or, can I go with the 1024 x 768?



    Thanks!
  • ummakummaummakumma Community Member Posts: 97
    Hi



    Here is an How-To Course: Creating Content for Tablets. The dimensions of that title is 1009x662 but I think you can use the 1024px widht as well.



    http://lectora.com/create-mobile-learning-content-ipads/index.html



    And here is another useful link https://lectora.com/publish-e-learning-to-ipad-iphone-mobile-learning



    I think it is mainly designed for iPad. Other tablet devices have different screen resolutions, but the course can be viewed there too.



    But if you design a course to smartphones that is another story. :)
  • dariodocdariodoc Community Member Posts: 1
    Personally speaking I think that when you design an e-learning course you should put a tremendous effort in boosting the user experience. This means creating dedicated versions of your courses for different devices. It's normal that a course developed for desktop or tablet use won't have a nice user experience on mobile. Developing in HTML5 will surely shorten dev time, but won't bring the best results.



    Hope it was helpful,



    Best,



    Dario



    Digital marketing Manager at Docebo, the global e-learning provider
  • dmcglynn8112dmcglynn8112 Community Member Posts: 6
    What solutions have people developed for playing the closed captions of their Lectora elearning on mobile devices?
  • kstaggkstagg Community Member Posts: 230
    Here is something I found that should prove very useful for you. It's a test course created by Lectora:
    How-To-Course: Creating Content for Tablets - A Designer's Guide

    By opening the course within your tablet, and making selections about what elements you will be including within your course, it will recommend the settings you'll need for your course.

    Also, there is this:
    Building Finger-friendly Buttons for m-Learning (Lectora)

    Attached please also find a Responsive Course Design Storyboarding Kit put out by Lectora....

    Remember - there are many elements you need to consider when developing mobile learning including:
    • No flash
    • No drag-drop interactions
    • Export video to MP4
    ... just to name a few.

    Have fun!
  • kstaggkstagg Community Member Posts: 230
    Oh, found this too...

    Responsive Course Design in Action: What You Need to Know
    http://community.trivantis.com/knowledge-base/responsive-course-design-action-need-know/

    These are for my benefit as well as yours. Still trying to refresh my Publisher skills from the past. :]
  • mnorris9121mnorris9121 Community Member Posts: 1
    When designing my course for Phone Portrait in Lectora Inspire, I am having an issue with the page size adjusting.

    Goal: My page size is 480w x 763h. The Action: When I person clicks on a box, the action is to reveal additional text in that box. The revealed box should push the other text down, thus allowing the viewer to scroll to see the moved text if the they leave the revealed box open.

    Problem: Right now, when a person clicks the text, the other text moves down - but off the visible screen. It doesn't become scroll-able.

    Any suggestions?

    Thank you!

    Melissa

     
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!

Be The First On Your Block to Rock Lectora® 21!


Apply for exclusive early access to the latest version of Lectora® Desktop v21. Seating is limited so apply now!