Today in the series of Creative eLearning, I’m designing an iPad layout by using Adobe Captivate. I’m pretty sure that you have been asked for delivering content that can be also viewed on mobile devices (ereaders, smartphones, tablets, iPad or iPod). As an ID we have to pay attention that the UX from PC is different when it’s a mobile device. Here’s my attempt for creating an iPad layout for elearning purposes.

Open the content using your ipad here.

The approach

The idea behind is to use a very simple layout to avoid misunderstandings about the navigation. There are 4 types of screens and  I decided to avoid using more that 4 elements per screen.

  • Welcome screen
    • User orientation
    • Start
    • Credits
  • Table of Contents
    • Links to the 3 topics
    • User orientation
    • Back to welcome screen
  • Content Screen
    • Navigation buttons
    • User Orientation
    • Back to index
    • Link to additioonal resources
  • End screen
    • Credits
    • Social Links

The User Navigation

The user navigation is explained here.

Tech concerns

  • Use a simple navigation.
  • Lanscape orientation
  • Resolution: 1024 x 672.
  • Images in png

Resources used

Designing an iPad layout

Licencia de Creative Commons
From novice to mastery by Rosalie Ledda is licensed under a Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported License.

Creado a partir de la obra en
Permissions beyond the scope of this license may be available at

Rosalie Ledda

I’m an experienced pedagogue in designing and implementing learning programmes whether online, blended or in-person led training. I'm currently pursuing a Masters Degree in Human Resources Management (nominee in Excellence Awards 2015 prize). I have 10 years of experience in the consultancy field responsible for managing both corporate and educational projects including national and European projects. I consider myself an objective-driven oriented professional, analytical skilled to identify needs and strategies based on the context and used to work autonomously but able to work in groups when necessary.

More Posts

Follow Me:
TwitterLinkedInPinterestGoogle PlusYouTube