Sneak peek of MoodleNet UI v2.0

Ivan Minutillo, our talented UX designer and front-end developer, has been working on a more ‘conversational’ user interface for MoodleNet.

Right now, it exists as a series of page mockups. We’re looking for feedback on what he’s produced so far to inform the future direction of MoodleNet’s user interface.

Check out the video above, and leave us some feedback:

  • Green — what do you like?
  • Yellow — what do you have questions about?
  • Red — what are you concerned about?

Thanks in advance! You can add your comments below.

Evolving the MoodleNet UI

We’re a week into the initial testing of MoodleNet and are already getting some fantastic feedback from testers!

MoodleNet current (early Feb 2019)

While there’s a long way still to go before we can open registrations, things are really starting to come together in terms of the user interface (UI) for MoodleNet.

The above screenshot was taken today. Even in this very initial version, the feedback we have had from testers has been mostly positive. Our anonymous survey to ask for their first impressions included responses such as “nice interface”, “attractive” and “clean and clear”.

MoodleNet staging version

Our designer and front end developer, Ivan Minutillo, isn’t content to rest on his laurels, however. The above screenshot is taken from our staging server and shows an iteration of the UI that we will make available to users over the next few days.

As you can see, there are many improvements, including:

  • Image width
  • Placement of ‘Create a community’ button
  • ‘Overview’ tab in communities
  • Indication of community members
  • Dark sidebar
  • Use of gravatars

MoodleNet - future mockup

Ivan hasn’t stopped there, either, though! Although the above mockup isn’t coded yet, this is the direction we are currently thinking of heading with MoodleNet. As you can see, the sidebar now includes ‘MoodleNet’ at the top, there is search functionality (which we will be doing across federated instances) and the whole experience feels much more refined.

Whether or not you’re part of the initial testing process, we’d love your feedback on this! Do you like what you see? 

Reflecting on feedback from testers about the user sign-up process

User testing

Last week, the MoodleNet team were in Barcelona at Moodle Spain HQ. Much of the work week involved the kind of discussion and implementation that can be difficult to write about, as it mainly involved hooking up the backend and front-end code.

Kayleigh and Sam from Outlandish joined us in the office on Thursday and Friday, which meant that we had an opportunity to reflect on the results of some testing they did with users about the sign-up process for MoodleNet. Their findings are below (or click here).

Based on user feedback, which is always different from what you expect, we’ve decided to take a different approach to the sign-up process. It became clear that there are users who want to get straight in and start using platforms straight away. These are the kind of users who will complete their profile later.

On the other hand, there are users that want to complete their profiles straight away, so that they have a full ‘presence’ on the platform and others can find out more about them.

Our proposed workflow, which will have a knock-on effect on other elements of the user interface, is below (or click here).

What are your thoughts on this? Note that we’re planning to implement a (skippable) user tour for first-time users of MoodleNet. We’ll also be writing a post soon that explains ‘Emoji ID’ and why it’s more than just a cute thing to have on your profile!


Image by José Alejandro Cuffia used under the terms of an open license

Testing MoodleNet sign-ups

Update: sign-ups for this are now closed, and Outlandish will be in touch with those who registered their interest!

Usability testing

Over the next couple of weeks we’re going to be doing some online user testing of MoodleNet’s sign-up process. It will be run by Outlandish, with whome we’ve been working on front-end development and UX.

We’re aiming is to remove any barriers to adoption for the beta testing in January. So we need feedback on everything from “that button should be on the left” to “what on earth is that emoji ID thing?!”

It’s not remunerated, but you’d be front of the queue for a MoodleNet beta account (of which there’ll only be 100, initially) next year!

If that sounds like the kind of thing in which you’d be interested, here’s what to do:

  1. Introduce yourself here
  2. Check your availability for the following dates (GMT): Weds 14th (PM), Mon 19th (PM), Tues 20th November
  3. Fill in this form

Thanks in advance! We’re looking forward to making MoodleNet as awesome as possible!


Privacy notice: if you volunteer for testing, your details will be added to a spreadsheet, stored on Moodle HQ’s Google Drive. We’ll keep your information until the end of the testing process and share your details with Outlandish, who are overseeing the testing process. Before testing, you’ll be required to give your consent to ensure GDPR compliance.

MoodleNet front-end development update

Here’s a quick overview of the current front-end development work that the good people at Outlandish have been busy with over the last few weeks. It’s a work in progress, as you’ll see, but we thought you might like a sneak peek!

Click here to see the video if it’s not showing above. Please do leave your feedback either in the comments section below, on the moodle.org forum, or on YouTube.

MoodleNet UX Milestone 2: Screencast #4

Over the last few weeks, we’ve been working on UX Milestone 2 with Outlandish. This is the fourth and final screencast from that work, in which we demonstrate how we envisage sending a MoodleNet collection to a Moodle site might work.

You can check out Screencast #1Screencast #2, and Screencast #3 if you missed them.

Remember, this is a prototype with no code behind it. We’re very interested in your opinions, which you can leave in several places:

  1. In the comments section below this post
  2. On the Moodle.org forum
  3. In the comments section of the YouTube video
  4. As a suggestion on our Changemap

MoodleNet UX Milestone 2: Screencast #3

We’ve been working on a series of screencasts as part of our UX Milestone 2 work with Outlandish. You can check out Screencast #1 and Screencast #2 if you missed them.

In this third screencast, we’re demonstrating the user flow for new user sign-up in MoodleNet.

Remember, this is a prototype with no code behind it. We’re very interested in your opinions, which you can leave in several places:

  1. In the comments section below this post
  2. On the Moodle.org forum
  3. In the comments section of the YouTube video
  4. As a suggestion on our Changemap

MoodleNet UX Milestone 2: Screencast #2

Yesterday we posted Screencast #1 from our UX Milestone 2 work with Outlandish. In this second screencast, we’re demonstrating an example of the user flow for adding an ‘Alt account’ in MoodleNet.

Remember, this is a prototype with no code behind it. We’re very interested in your opinions, which you can leave in several places:

  1. In the comments section below this post
  2. On the Moodle.org forum
  3. In the comments section of the YouTube video
  4. As a suggestion on our Changemap

MoodleNet UX Milestone 2: Screencast #1

We’ve been continuing our work with Outlandish on MoodleNet UX. In this first screencast from Milestone 2, we’re demonstrating an example of the user flow for adding a resource in MoodleNet.

Remember, this is a prototype with no code behind it. We’re very interested in your opinions, which you can leave in several places:

  1. In the comments section below this post
  2. On the Moodle.org forum
  3. In the comments section of the YouTube video
  4. As a suggestion on our Changemap