Improving Storyline Usability for Mobile Users

Feb 26, 2019

Hi,

I've created a project that look fine on a desktop and ok on tablet device in landscape, but is almost unusable on a smartphone because of the way the content scales (see images below).

Desktop view

Desktop view

Tablet view

Tablet view

Smartphone view

Smartphone view

Smartphone view showing small text

As you can see from the images above, the project hasn't rendered well on a smartphone at all. The text is far too small to read and the format (which works well on a tablet) leads to large black sections of unused space to the sides.

Looking through the forums I've discovered that Storyline doesn't produce fully responsive designs, but I wondered if anyone has perhaps found a workaround to at least make their projects usable on a smartphone?

Perhaps by producing a different output for a smartphones, or by manually tweaking the code?

I'm not expecting there to be a solution to this, but just though I'd ask the community in the hope that others may have encountered this issue before and found a way of working around it.

Thanks

 

1 Reply
Allison LaMotte

Hi Claire,

The easiest way to make sure the text is still legible on a smartphone is to use a bigger font size from the get-go. That way when it scales down it's still relatively large.

I realize this solution isn't ideal for courses that you've already developed, but it's something you can keep in mind when you're creating courses in the future.

This discussion is closed. You can start a new discussion or contact Articulate Support.