Designing a course for mobile devices, laptops, and desktops

bcondie007
Community Member Posts: 6
Comments
-
-
-
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. -
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 -
-
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
Have fun! -
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. :] -
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
Categories
- 35.8K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 5 The Training Arcade®
- 5 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products