Wireframe Podcast

Wireframe Podcast

Wireframe Podcast

Here’s the trailer for the series.

Here are a couple of the standout episodes for me.

Good Design is Good Civics

Where the hosts discuss the City of Boston’s app for reporting problems through the use of an app and the challenges of producing an app that is intuitive and easy to use and understand.

Inclusivity is a Recipe for Good Design

In this episode, the hosts talk about closed captions and Xbox controllers and what they teach us about accessibility. I believe this is something we as eLearning designers need to think long and hard about and consider talking with the experts, the ones who need inclusive design.

Get all the shows here.

The post Wireframe Podcast appeared first on eLearning.

4 Websites to inspire the design of your next eLearning course

When creating the user interface and visual language for an eLearning course, it’s helpful to look for inspiration online. Inspiration doesn’t necessarily have to come from existing eLearning courses, but can come from websites, landing pages, apps and even printed material. In this post I’d like to highlight four websites that let you browse a variety of visual content, save images for further reference and in some instances even showcase your own work.

  1. Dribbble (https://dribbble.com)
    Dribbble is a resource well known in the graphic and digital design world. While originally the platform was meant for uploading a designer’s “work in progress” shots (with the aim of receiving feedback from other participants), it now also features fully fleshed out designs, both for pint and web. As a user you can search by keywords that designers have tagged the work with and browse designs by colour. You can also save an artwork’s colour palette in ACO format to use in your own projects. Just keep in mind that in order to upload your own work (which might be beneficial for your exposure online, especially if you’re a freelancer), you must have a Dribbble account and the platform is per invite only.

  2. Behance (http://behance.net)
    Very similar to Dribble is Behance (owned by Adobe). Here you can also find a variety of different artwork posted by Designers and are able to simply login with your Adobe ID. On the platform you can view artwork curated by Adobe or filter projects by country, colour or creative field (such as UI/UX design, motion graphics etc.). Unfortunately there isn’t a category called instructional or eLearning design, but you can search for specific keywords via the search function. Additionally you can filter by the software used (and enter “Adobe Captivate to see only projects created with the software). Since there is no invite needed to join the platform, anyone can upload their own work if desired.
  3. Pinterest (https://pinterest.com)
    Everyone knows Pinterest. The platform lets you search by keyword, but you’ll have to do some digging through content to find exactly the kind of work you’re looking for. While both platforms mentioned above are solely showing artwork created, Pinterest links to a variety of other content such as infographics or articles. It’s often helpful to look for specific boards contain content from a particular category.
  4. Awwwards (https://www.awwwards.com)
    Awwwards is a site where designers can submit their work for evaluation. A jury assesses each site (for a fee) and the sites selected as being “the best” are then displayed on the Awwards website. What this means for the average user is that he or she can browse through a variety (mostly) high quality sites as a source of inspiration. There are a variety of filters (such as colour, technologies used or category). While, again there’s no “eLearning” category, you can search via the standard search bar on site.

Have you got any favourite sites you go to for inspiration? Share them in the comments!

The post 4 Websites to inspire the design of your next eLearning course appeared first on eLearning.

Using Fluid Boxes in Adobe Captivate 2017

User experience has taken a front seat in design thinking and creation. As learners detach themselves from traditional learning methods, our attention turns to the use of mobile devices for consumption by learners.


Fluid boxes in Adobe Captivate 2017 give you the ability to place content in these intelligent containers and have Adobe Captivate resize and adapt the objects for any device size, the device specific preview menu (another new addition to this release) gives you complete control over previewing your content without having to hit the preview button.


One of the recent webinars we did for the launch of Adobe Captivate 2017 was to create interesting layouts for mobile devices using Fluid boxes. I used the concept of wireframes from web design to create web page like layouts which render well on various mobile devices.


I will be creating a short tutorial on how to create these frames and using the Fluid Boxes properties inspector to align and wrap objects to suit different device sizes.


Here are some screen shots of the preliminary design.

Screen Shot 2017-06-30 at 11.58.03 AM

Screen Shot 2017-07-18 at 12.25.15 PM Screen Shot 2017-07-18 at 12.25.31 PM Screen Shot 2017-07-18 at 12.25.50 PM

Wireframes in elearning design is still being used very sparingly, I found this approach to be very visual when it came to creating content for mobile devices. Once you start exploring this route for prototyping or storyboarding the possibilities become endless as there are new thoughts and ideas for web design and layouts coming through each day.

If you have already used Adobe Captivate 2017, you would have experienced the powerful Adobe Typekit Integration as well, the catalog of fonts which are tailored for web use will give your content that typographical edge on changing screen sizes.

Will have the tutorial out to all of you very soon.