Request for feedback: MoodleNet UI 2.0 clickable prototype

We'd like you to create a screencast showing your first reactions to the clickable prototype of our new UI.

Overview

Last month, we gave you a sneak peek of the prototype we’ve been working on for an updated version of the MoodleNet user interface. After further iteration and testing, the team is pleased to share with the community a clickable prototype, upon which we would like your feedback.

Note: a clickable prototype is a series of images with ‘hotspots’ that link them together. Not everything that will be linked in the final version is linked in this prototype. Nevertheless, before committing code, this is a good way of ensuring that this approach resonates with the community.

When we shared the MVP of MoodleNet back in January, Stephen Downes was kind enough to record his first impressions. The team found that kind of feedback so valuable that we’d like to encourage as many people as possible to do likewise this time around! We’re going to offer another rare badge to those who share their thoughts.

How to get involved

  1. Install an app or browser extension that allows you to record your screen. We recommend Loom. Ensure you have the microphone activated!
  2. Start recording and head to this URL: https://invis.io/PQT1DYDMNDH#/374475280_Login
  3. Click through the prototype, narrating what you are doing. We’re interested in:
    • Green — things you like
    • Amber — stuff you have questions about
    • Red — anything that concerns or confuses you
  4. Stop recording and give your screencast the title ‘MoodleNet clickable prototype testing [your_name]’
  5. Share the link to the screencast with the MoodleNet team. You have several options for this:

Final thoughts

Please ask if you have any questions or the above instructions are not clear. Note that you can only receive the badge if you have created the screencast and have joined the MoodleNet forum.

Thanks in advance for your help!

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