September 3, 2018
Responsive Design, Text, and that “Click here to read” button
Comments
(1)
September 3, 2018
Responsive Design, Text, and that “Click here to read” button
Instructional Design | Archaeology | Tech Geek. A former historical and forensic archaeologist that has used osteobiographies and isotope biogeochemistry to reconstruct the past lifeways of individuals, I'm now particularly interested in instructional design with a focus on online learning. I'm very much into scenario-based learning supported through gamification and integrating the perspectives from an archaeological and anthropological career of around two decades.
Newbie 1 posts
Followers: 0 people
(1)

So, I’ve been clicking around Captivate 2019 for a little bit today to focus on some of the new things like VR design and how I might incorporate it into my courses. Awesome. I have some challenges right up-front, but those are the fun kind of challenges that force you to change the way that you think to achieve what you want. And then there’s the interactive video. Also awesome, but I just didn’t have the time to explore that one today. (Indeed, I’m trying to figure out whether this version is included in my subscription, but there we go.)

The one thing that I haven’t seen is any real improvements to Responsive Design (RD). Again, though, I’ve been looking at this for a limited period of time, so if I’m incorrect then please let me know.

Soooooo… The one problem that I’m still having with RD is how it handles text and, seemingly, makes decisions based upon the vertical height of the viewing device. And here’s where I have the problem. As soon as text is truncated and the “read more” icon, a decision has been taken away from me.

So what am I suggesting? Only a question, really. If you look at responsive design websites, and specifically something like WordPress and the various “Page Builders,” the responsive design makes sure that text is not truncated based upon (I suppose) “mid-width” properties. If text is side-by-side with an image, as the horizontal space is reduced, the text is pushed downwards in v-space until a breakpoint. At this point, the software makes a decision as the width decreases to put the text box above/below the image. Text is, however, preserved. No “Click here to read the full text” boxes.

As much as it replicates WordPress, it also replicates Articulate’s Rise.

I realise that I can have responsive projects with different slide heights (and responsive and non-responsive slides), but is there a one-stop-shop that I’m missing?

1 Comment
2018-09-03 12:45:52
2018-09-03 12:45:52

Some tips because an eLearning course needs a lot more than a website. I suppose you are talking about the responsive projects with Fluid Boxes, not with Breakpoint views (which is the fully responsive type) since you refer to Rise which is template based, not much design freedom. I would start by setting the minimum font size to 10pts (which is the case for Breakpoint views in Captivate) instead of 14pt. Moreover, from what I see in consultancy jobs there are many ways to present a lot of text in more engaging workflows.

As for the new features of CP2019, you defiitely have to check out the Interative video, which has to offer much more than the VR feature (which has been applied by the team in an incredible easy way). The overlay slides in interactive video can have it all: advanced/shared actions, multistate objects etc…. And they can be integrated in a course with other Captivate slides created in the default way.

Like
Add Comment