What is The Best Screen Size for e-Learning today?

Of course, The Best Screen Size is always based on “Your Audience First” 

(What devices are your Audience viewing your e-Learning from?)


But what if the e-Learning is to be accessed by the masses? 

(Does that mean I have to create my e-Learning for multiple screen sizes???)


Luckily, there are authoring tools which allow the e-Learning to auto-scale according to the user’s browser size. (Which is a must regardless the story size that you have set!)


However! It would definitely be awesome to ensure your learners get the FULLEST user interface experience ever!


So, who has the answer? Fret not, why crack our brain when Google has an answer which learning designers can reference on? Yes, Google!


In today’s context, e-Learning can be accessed via mobile devices, learning designers may want to take note of the “Google Mobile-First Index”. As mobile is already on the rise, developing your e-Learning for the masses based on the most popular screen size is the way to go!


So what is The Best Screen Size today in 2017?


As a Learning Designer, I will follow 1366 x 768 today.

13 Replies
Nicole Legault

Interesting tidbit, Alvin! Thanks for posting it in the community.

If you're using a tool like Articulate Rise, it's fully responsive so you don't need to worry about slide size. It will look great on any device, of any size.

In terms of building with Storyline - Storyline still defaults to a slide size of 720x540 + many people use options in the Player including the Menu which make the size bigger on desktop. Mobile devices use the Mobile Player. It's good for people to know they can head on over to the Design tab of the Storyline ribbon and change the slide size to whatever their requirements are. 

Deepak Mohanty

That's indeed a great topic to discuss.

While Storyline 360, with responsive player, has taken care of the screen sizes for multiple devices, we still can produce better courses with custom sizes in Storyline 2. 

At least for me Story Size 1024 X 576 (16:9) works great with custom template and custom hamburger Menu. For me this has been big enough and readable with all my content objects in place. 

Li Li

I agree, Deepak. I normally use 1024x576 (16:9). 1366x768 is the same as my laptop or most people's laptops now. With the player added to the course using Storyline, I like to keep my courseware a little small than my laptop.

Thanks for your discussion. I am pleased to see people out there who are using the same size in Storyline for development.

Matthew Bibby
Li Li

1366x768 is the same as my laptop or most people's laptops now

That is a very big assumption. 

The only way that we can accurately say what screen size "most people" use, is by capturing analytical data from the people who use our courses. I've got a few clients who have done this over a period of a year or two and the results are surprising.

The other thing to keep in mind is that this is changing all of the time. Ideally we should be building responsive courses using a mobile first approach. But as Storyline isn't truly responsive, this isn't really possible.

Anyway, I'm not going to say "this screen size is best" as it depends on many things and my audience is different to yours... but be careful in the assumptions that you make. Use hard data rather than personal observations to drive these decisions and test your courses on as many devices as possible.

Alvin F

Hi Stephanie, this is a topic with ever-changing responses. To say 1366 x 768 for "multi-device" learning in today's context, I will say no.

As to what Matthew Bibby suggested in the above thread, "it depends on many things and my audience is different to yours".

My choice of sizes has been ever-changing (since this thread) according to the different needs, from the Pedagogy POV - User Interface POV - User Experience POV - Content POV.

And this has led me to always ask this question "Who is my audience to my learning materials and How are they accessing it."

Stephanie EV

and i 100% agree with you. However IF my users devices differ so broadly and widely and are completely split, what would you choose?

If i knew my audience were mostly using mobile i would design for that user group, however there are instances when i need a multi device option. In any case, i guess ill stick to 1280 x 720.

Alvin F

If my users' devices differ broadly and widely and completely split, I will choose Articulate RISE as it is serves multi-devices.

Even though this is a solution, it has its downs. For example, the interactivity level is limited and thus poses a challenge to your creativity when using Articulate RISE.