Mobile Learning Solutions with Storyline
Apr 07, 2013
Hi!
One recurrent question here on the forums has to do with how to approach mobile learning design. I think that one type of navigation that can work really well on the iPad is the accordion navigation panel. So, inspired by a template created by David Fair some weeks ago, I have recreated that type of navigation by placing the tabs horizontally and by using some interface elements (bars, buttons and feedback box) that resemble iOS widgets.
Here´s a screenr where you can also find a suitable canvas size for your projects, a brief explanation about “progressive disclosure” and how you can apply that principle to your design and a demo of the project on the iPad.
Also, on Articulate´s Word of Mouth Blog, you can find the full post “6 Tips on Designing Courses for iPad with Articulate Storyline“
Hope this can help you in your future mLearning projects!
19 Replies
Thanks so much Mayra,
I am working a lot with iPads at the moment and it never crossed my mind to try to imitate the iOS style dialogue boxes, what a great idea!
Thank you for sharing and for actually creating the project as a template. Really appreciate your work.
Nice Mayra,
This is very helpful, now i'm working in a skin care project. If you give me the permission, i'll use it in summarizing the daily care steps.
Thanks
Amr
Very nice! Thanks for sharing this.
Hat's off for your creativity. Its really nice. Thanks for sharing.
Nice job Mayra,
You did hit a subject I've been wanting to bring up. The way people use or are accustomed to using mobile devices should be one of the considerations for design for that device. Just like web design being responsive to what platform the site is being seen on, I think we need to start thinking about that and coming up with a design that will take advantage of the platform we are targeting. I have always had a uneasy feeling every time I heard about delivering a training course on a mobile device. The way the person interfaces with an Ipad is much different than on a PC. Don't get me started on delivering a training course on a smartphone.
Thank you so much for all your nice comments, guys! I am so glad that you found these ideas useful and you can actually apply them to your projects.
@Amr Absolutely! Feel free to use it!
@Jerson. I agree with you. The way people use mobile devices IS the most important consideration when designing mLearning and we always need to have their habits and needs in mind in order to deliver a great experience across different platforms.
That is very nice of your to share your template. Thank you.
Very nice! Thanks for sharing!
Thanks for sharing
Very nice and very useful. Thank you so much/
Thank you, Mayra, this is really helpful.
I really like the layout and I appreciate that you share the .story and the screenr.
Hi Mayra,
First of all I would like to thank you for sharing such a great idea! It is really great to see iOs style. Designing courses that are compatible with mobile devices are a must now-a-days. Your efforts are helpful for others. Keep sharing!!
Regards,
Beth
Thank *you* all for your encouraging words and support!
I am always happy to share ideas with such an amazing community!
Thanks Mayra. Great job.
Hi Mayra, I'm not much of an Apple whizz, how did you record your iPad screen in the screenr?
Thank you, Joshua!
Hi Jeff, here you can find different options to record your iPad screen "Screen Capture on Tablets Made Easy" http://sco.lt/9LFzaj
Cool, and thx for your tweet Mayra!
Hi,
Love the idea of the accordion template but when I click it to download, I get a bunch of garbled text. Is it just me?
Thanks!
Nope, it's not just you. I just tried to download it and had the same problem.
This discussion is closed. You can start a new discussion or contact Articulate Support.