We all know that poor user experience can actively hamper learning. But on the flip-side, a positive user experience can take user engagement to the next level and cement real behavioural change. By creating a UX that’s designed to delight and feed our brains’ cue-response-reward cycle, you can create microinteractions that really can enhance emotional investment in learning and application.
It’s accepted wisdom now, at least in enlightened circles, that a learning or content management system needs to have the learner’s user journey and experiential needs at the forefront of their minds. At the basic level, every platform should ensure users can easily navigate and interact with the system and, in the age of the social LMS, with each other. But let’s look at 10 ways to use heuristic evaluation to make that user experience so smooth that learners will just keep coming back for more.
Whether designing websites or learning experiences, one of the issues a developer needs to consider is accessibility. This means being able to design content that can be consumed by as large a target audience as possible, including those with any form of sensory impairment. A key feature that is often overlooked when striving for accessible design is colour selection, and how the eyes perceive these colours. This article will take a look at how to properly use accessible colour design whilst keeping your design vibrant.
We’ve talked a lot recently about the understated importance of user experience (UX) in learning, and how to improve it. But it’s not just learning or web design UX that are important to our everyday lives. In fact, the user experiences that have the biggest effect on us are physical user experiences.
What do I mean? Well, it’s any off-screen experience, from a trip to a shopping centre to navigating a hospital. Your commute, your grocery shopping, your evening meal at a restaurant… all of these are user experiences that have been designed, and so can be improved, as can our learning.
Our last blog discussed how to take your learning UX and UI to the next level. This week, we’re going to take a slight diversion from the learning sphere to an area that we all experience as a user at some point or another – the web. Increasingly, though, we’re becoming not just web content consumers but also creators. It’s easier than ever for the user to become the designer, with a multitude of cutting edge web and app UI and UX design tools available to make that transition happen effortlessly. In this article, we’ll take a look at some of the best.
So what is simulation?
Simulation in elearning is a fully immersive experience in which real-life situations are replicated to interact with the learner. A good use of simulations thrusts the learner into a scenario and grip them enough to absorb and learn by doing. This is a rapidly growing trend in elearning and one that Saffron have been talking about forever! But it appears to have suddenly made resurgence as the need for ‘engagement’ in learning becomes more essential. It’s an exciting concept for a graphic designer. Executed well, simulations in learning provide learners with intuitive interactions, premium videography and fully immersive communication. A great example of simulation elearning has been recently created by the Resuscitation Council UK. The ‘Life-saver’ simulation aims to spread knowledge on CPR to the general public. The outcome is compelling, intriguing and educational all rolled into one. Yep it’s what every creative team within elearning strive for… So how has this been achieved? Keep reading!
‘This time, Nigel,’ Vivienne insisted, ‘we want some different and special and not the same old, same old that we can get from any other elearning provider.’ Michael, a senior manager at the same management consultancy was equally demanding: ‘When it comes to the test, for heaven’s sake don’t call it a “quiz” (which sounds as though it’s something trivial, we need to test their ability to apply what they’ve learnt and not simply to repeat phrases from Schwab’s The Fourth Industrial Revolution.) We need consultants in the field who can do so much more than simply talk the talk – that’s the added value that our clients are paying for.’
Gone are the days of the LMS as a platform with rigid, static architecture! In the past, it evolved with a singular focus: to be used for the efficient distribution and tracking of learning content. This limited focus has meant the traditional LMS has struggled to adapt to the new demands placed on it by administrators and learners (as we have looked at in our recent white paper): new functionality on an older system often seems like it is ‘bolted-on’ or an afterthought.
Thankfully, in the wake of recent coding technology and a veritable revolution in web application design, a new generation of LMS has already started to become more responsive, and is finally fulfilling the all-important role of helping administrators align training to their organisation’s strategy.
So are you planning a system that dances to the music of the future, or are you about to saddle up a dinosaur? Here is my take on the top key features of the next generation.
In a previous blogpost, I discussed how and where to use video in elearning.
These days, creating video isn’t a demanding task, and there are many tools that can help you film and edit easily. But when it comes to using this video for training purposes, that’s a complete different story: you need to make it exciting, professional and impactful, all at the same time!
Challenging, but certainly not impossible.
It’s essential that your videos truly resonate with your learners, which is why I put together a list of my top five tips on how to take your videos to the next level!
Click. Enter. Double click. Voila!!!
Who would’ve thought that the pace of our daily lives would be dictated by these small words? Everything happens through the click of a mouse (or a touchpad) now, creating shortcuts for everything and everyone. eLearning is no exception to this phenomenon.
But is this evolution producing better outcomes for how we learn, remember and most importantly, for how we apply what we’ve learned?
Looking back at the changes in design can be as painful as looking through your old wardrobe. Just like the questionable fashion choices of our past, some design trends are just a product of their period.
Don’t follow trends just for the sake of it! They may well have been popular techniques for good reason, but make sure it’s in your learners’ interest. I have listed 8 trends I hope not to visit again (optimistically)!
Yes, you’ve read that correctly, we can make learning sensational! Although the LMS landscape has evolved considerably over the years, with the introduction of sleeker interfaces and innovative features, there are still systems out there holding out against the change. It’s more important than ever to have a modern and engaging user experience for your LMS. So, let me expand on my formula for making your learning sensational.
First things first, just to make sure we avoid any misunderstandings and confusion: What exactly is compliance?
When looking for a definition I consulted the Oxford Dictionaries, which defines compliance as “the state or fact of according with or meeting rules or standards”. Organisationally, compliance is about following a set of rules on a particular area of the business.
Having just left university, and begun my working life, I’ve seen compliance in a completely new setting. In a working environment, compliance stipulates (or should stipulate) the vast majority of decisions we make on a day-to-day basis. These decisions should have direct correlation to the outcome, and the outcome is what matters: it’s directly linked to organisational performance.
Each action performed by each and every employee independently in an organisation impacts overall performance. Non-compliance starts with individuals – and it can stop there too. Do employees need to be constantly warned and bombarded with endless workshops and training to stay compliant? Thankfully, the answer is no.
That’s why building and sustaining a culture of compliance in an organisation is critical.
“The utmost thing is the user experience, to have the most useful experience.”
Slick interactions create a more dynamic elearning course that responds to the user and allows the user to really play and interact with your content instead of just looking at it. HTML5 has come a long way from its predecessors, and with the JS libraries which are currently available it’s time for us to push it to the next level! Below are six ways you can start exploring the full potential of HTML5.
1. SVG – Scalable Vector Graphics
In this cool example they show how to create an interactive infographic with SVG and CSS. This experiment with motion blur effect shows that there are plenty of ways we can bring life into animations with an SVG object.
“To design is to communicate clearly by whatever means you can control or master.”
To turn a good design into a great one is not rocket science – you just have to think outside the box. The box I refer to here is a colossal text panel over a bland image – which is usually what elearning ends up looking like. But there are hundreds of ways to bring a new dimension to your design. Here’s six to try out:
1. Substitute large chunks of text for images that tell a story
Thinking visually, large chunks of text often look dull. Instead, try telling the story using a scrolling, parallax animation. Here’s an example that comes to mind.
Browser testing has to be a key part of any project process. Everything from IE8 to iPads are now widely used in corporate environments, and, users are beginning to expect multi-device options, meaning that all software is subject to increasingly rigorous browser testing.
Automated testing for web-based applications is a cost-saving tool way which allows us to focus manual testing where it adds the most value. Recently, organisations have started to rely on open source test automation tools (which have now become so advanced they rival the commercial ones) instead of investing in their costly commercial counterparts. With no licensing costs, these open source testing tools provide competitive features for automating the testing of software applications as well as web platforms.
With a new office and new website, the past few months have been a busy time for Saffron! To top it all off, we’ve also introduced new brand guidelines. Two of our team members, Sonja Gebetshammer and Carina Weingast, have been charged with updating Saffron’s branding, and they’re here to share their insider knowledge about how they’ve transformed the Saffron brand.
A pictogram, also called pictograph, picto or simply icon, is the most simple and efficient way to convey a message or an idea and has been used throughout civilization – from the prehistoric age, to ancient Egypt, until today. Pictograms have constantly evolved over the centuries. Often they’ve been associated with magic powers, used to convey religious ideas or even been used as a secret code.
Imagine, you’re in an airport and your flight has been delayed for a few hours. You walk around the terminal, go shopping, use the washrooms, get something to eat. You’ve managed to navigate a strange environment and find out all the details about your flight without having to talk to anyone. Who’s helped you out? How have you been able to do this?
To coincide with Ragnarok, the predicted Viking apocalypse, on 22 February 2014 (along with Viking events up and down the country) Saffron Interactive asked leading members of the learning and development community to tell us what they thought (or hoped) would be wiped out in 2014.
Once upon a time, I thought that my interest in communication was only in words, grammar, and syntax. Thrilling though those subjects are, I’ve discovered that communication runs deeper than characters on a page, or even spoken language. It is something that we experience with every one of our senses.
When Florence Nightingale used a Coxcomb diagram to present the case for improvement in military hospitals to Queen Victoria in the 19th century, little did she know that the diagram would not only form an important part of the history of hospitals, but also the history of visual representation.