Ride to Work eLearning Resource: Pt 2

This brief requires me to design and produce an eLearning resource that encourages safe cycling & teach current rules, etiquette & rights involved with cycling, targeted at workers, employees, and employers who might be able to include the former in the event as a company.


  • Show benefits of cycling
  • Normalising cycling
  • Prevent Safety issues for cyclists
  • Current on road rules, riding etiquettes and rights


  • Able to list 10 top relevant road rules & laws in order to receive a certificate prior to the event day in order to participate.
  • List 5 correct riding etiquette rules to receive a certificate in order to participate in the event prior to the day.
  • State 5 benefits of riding to work correctly, in order to get 100% on the activity before the event in order to participate.
  • Identify & safety issues in order to complete the activity successfully prior to the event day.


The eLearning exercise needs to:

  • Meet the objectives in giving users an autonomy with the skills taught to them
  • Delivered before the event
  • Be accessed on a digital platform
  • Follow the National Ride2Work style guide
  • Be an in-built assessment
  • Stay within budget
  • Be embedded within existing site
  • Be able to be blind-tested
  • Be repeatable and engaging
  • Give participants completion certificate to eligible to take part in the event
  • Have its images under 100kb
  • Appeal and appropriate for the intended audience
  • Be delivered & have proper functionality (not just a prototype)
  • Accessible through the web


Robert Vang

“I want to ride, but I’m not sure I’m ready for the road just yet.”


Robert is a single, wealthy, 31 year old accountant who enjoys hanging out with mates and using social media in his free time. Although he’d like to spend time vacationing and doing more outdoorsy things, his occupation restricts him from doing so with ease. He wants to get back in the habit of riding a bike, and he’s finding that the Ride2Work day event might be a good start, but he doesn’t have a lot of confidence with the road and current bike road laws and rights.


  • Ride with mates
  • Get in shape
  • To break the routine
  • To feel motivated


Robert has a fast metabolism so being unfit doesn’t necessarily make him overweight. He also plays tennis in the little time he has leftover from work so he isn’t completely unfit and with a routine in place, he could become fit and healthy again like he was in his earlier years. He has proved this before when he started working out again while he was between jobs 4 years earlier.

Bike Access

Robert still has his bike from when he used to ride, but it will need a fair deal of maintenance before its ready to take on the road. He has more than enough money to get it cleaned and fixed up, so bike access isn’t an issue for Robert. As for safety equipment, he will need to buy new gear as his old stuff is in disrepair after being kept in his basement for so long.


Robert catches a tram after a short walk from his house everyday. The tram ride is about 15 minutes and he also has a short walk from where he gets off to his workplace. If Robert rode at an average pace, he could get there in the same amount of time, if not less, than if he took the tram. This method will also cheapen his travel everyday, saving him a lot of money in the long run.


Being an accountant means that Robert is surrounded by technology every day. He has a high proficiency with Windows and Microsoft programs as these are the main things he uses. Whether it be on his desktop or on his phone, he is very capable in finding the information he wants on the web and most of the time he can use it comfortably and effectively. He also knows how to download apps and uses it for banking, dating, social media, emails, shopping + more.

He likes simple & intuitive design but gets frustrated over boring interfaces, low quality content such as images with poor quality and tutorials that don’t get to the point and frustrating UX such as running into dead links and slow loading speeds.


#1. Interactive Infographic (Inspired from ‘The Energy of Choice’)

Much like ‘The Energy of Choice’’s resource, the infographic will be very personal and will ask questions related to becoming involved in the event such as distance from work, daily commute option and bike availability to make it a reality. If the user finds that there’s a certain obstacle or obstacles, that might hold them back from participating, the site will try to find the best solutions for them. Once they’re hooked and they know what their dream of riding could come to fruition, there will be information in the infographic to prepare them for the event. Afterwards is a quiz that tests them on this information.

#2. Mix & Match (Discussion & Score Points)

The second activity involves thinking and comparing etiquette and road rules so that they know the difference of what they can and cant do on the road. Firstly, they’ll watch a video on the basics of road laws, etiquette and some road safety tips, before being brought to a mix & match where they need to differentiate laws and etiquette in a mix & match activity. Afterwards, they receive a score on how well they went and feedback is given on why their decisions were right or wrong.

#3. Riding Simulation (Roleplay & Stories)

In this activity, the user will find themselves inside a live simulation of them riding a bike, similar to a hazards test. Like the hazards test, they will be put in a real life environment so the experience is as close to riding on the road as it can get. While riding a few options will appear and they will need to click the most suitable option given the situation within a small time span. This will match the reaction speeds they’ll need when they’re actually on the road.

Chosen concept

The concept I’m going through with is the interactive infographic. I think I would be able to make it very engaging by asking questions and finding a suitable response for THEM, personally. Once they’re confident about being able to participate in the event, they will be given information given to them in a slideshow/infographic in three section: road rules, etiquette and safety. When they’ve navigated through all three sections, they will be met with a quiz split into the three sections that will test their knowledge on what they’ve learnt so far.

If they fail one of the quizzes they will have to redo it until they achieve 100% competency. I think this would be better than having one quiz because the user would get frustrated if they answered all of the questions only to have to do it again if they got only 1 wrong. After each step they’d also get a sense of accomplishment too.

I think this works well with my persona because they learn best through visuals and my resource will have graphics with text that they’ll easily be able to take in. Because the persona doesn’t have a lot of confidence, I think the part where they’re asked several questions about being able to participate in the event will help them in seeing their goal as a reality. Also I think accomplishing 100% on the three most important parts of riding with traffic will give them the confidence they need to be prepared to hit the road.

The resource will be able to be blind-tested with ease. It’s very straight forward with clear directions on what to do next within the infographic. As for the quiz, there will be a introduction screen where the user can find out how the quiz will work if they need to know.



Because my resource will be digital, I won’t need much more than code to produce the final outcome, which is priceless. As for time, assuming my rate is $35 an hour and the time spent on the project sums up to roughly 30 hours, the resource will cost ~$1050 in its entirety.

End Product


Pre Questionnaire Results

  1. Both of my users were kinaesthetic learners, meaning they learnt best from interactive activities and preferred hands on approaches.
  2. Christian typically takes the tram and Ben would either drive or take the train to get to where he needs to go.
  3. Christian has never ridden his bike to work, but Ben has in the past.
  4. They both claim to be very confident with bike riding, with Ben rating his skills 5/5 and Christian, 4/5.
  5. As for how well they knew bike laws, Christian rates his knowledge 4/5, while Ben rates his just 1/5.
  6. Given these results, both users were confident with the concept of riding to work.
  7. This said, Christian doesn’t see himself as someone who rides to work regularly, while Ben does.
  8. Both users admit to using their mobiles more than any other device.
  9. They’ve also stated that the use their phones on average 5 hours a day.
  10. Christian has used an online eLearning resource before, while Ben is about to for the first time.

Post Questionnaire Results

  1. Both users were able to complete the resource without any issues.
  2. They also consider this a helpful resource in preparing someone to participate in the Ride2Work day event.
  3. Christian rated the resource 10/10 for engagement, while Ben gave it an 8/10.
  4. They both agreed that the visuals contributed to the resources high engagement level.
  5. They also agreed that the eLearning was the right difficulty for them.
  6. Christian found that the scrolling activity was the best part of the resource, while Ben thought that the ability to refer to the infographic while taking the quiz was the best feature.
  7. A dislike was given by Ben who said that the second quiz “had some confusing content”.
  8. Christian’s biggest frustration with the exercise was the fact that he couldn’t recognise whether questions in the quiz where multiple choice or not. Ben’s was his inability to identify trick questions.
  9. Ben also suggested that the quizzes could have had some sort of explanation beforehand.
  10. Both users said they’d recommend this resource to people wanting to or thinking about participating in the Ride2Work day event.


The end product was mostly what I had in mind during my storyboarding stage. What I could have done better was displaying the information in a more engaging way, which I’d planned to do with graphs and other graphics. Due to time constraints, my information was grouped into their own page.

The plan was to have a fact per page and incorporate the biker so they were in accordance with the fact displayed. For example, when the “always wear a helmet” fact would come up, a helmet would fall from the sky and be placed on the cyclers head as they scrolled. Each of these pages would have taken a lot of time individually, let alone as a whole, so I worked on making my other content fluid instead.

I had planned to put the certificate on a separate page to the quizzes, but I discovered that in the outcome edit area I was able to add an image that displayed when the user achieved 100% on the quiz, so I put it there instead.

I think my biggest downfall with this project was the decision to use QZZR to host my quizzes. It had their watermark and social media links on it which I couldn’t get rid of and the interface wasn’t customisable at all, so I couldn’t control the visual design and what the quiz results allowed users to do, which meant they could skip it if they wanted to. In the future, I would like to code my own quiz so I customise it to suit my resource.

Budget Conclusion

As I mentioned to begin with, the site was purely digital and I didn’t need to purchase any fonts or programs, etc to assist me, so the resultant cost of the project was essentially the time I spent doing it, which would sum up to $1050 if I was being paid for it.

Like what you read? Give Dean Grant a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.