 Hi everyone and welcome to this 4.0 update. It has been about six weeks since we last updated you on how the 4.0 UX project is tracking and that was an update on our roadmap for the year ahead of us. So we have a lot more stuff to show you today. We've been very busy in the past six weeks. First I will take you through just a little bit of an overview of what we're going to present to you today and if you recall from the previous updates we had taken you through the roadmap and our key objective for 4.0. Ultimately what we want to achieve at the end of August 2021 is that we have optimised the UX for those most critical user tasks within Moodle's LMS. We have refreshed that booster theme to create a more modern and lovable design interface for all of you to enjoy using the most modern and easy to use interactions across the interface and we're also making sure that through this process we stick very close to users listening and working closely to them and obviously adhering to a very thorough user-centred process with our product teams. So where we are right now in terms of our projects is we are in mid-October which is really exciting. We have a couple months under our belt of designing and prototyping building with myself, Barbara and Hina and Alva supporting the team through, we're tracking on time so through those three project areas we now have quite fleshed out prototypes that we're going to be walking you through today and today's updates. So the navigation project is really kind of coming to maturity in terms of the direction that we'd like to take, create a course that's still exploring the number of ways in which teachers can do some of the editing and moving functions and the student do a course is looking really good. We've got some really good strong direction on the path that we'd like to take from how we present information on the course level. So just a reminder what these key theme areas 44.0 are, first of all we're looking at that navigation piece is really focusing on how our users search and find the information that they need. Then we've got that create a course area which we're really focusing on teacher, teacher admin tasks around course creation and edits and moving content making that a lot easier. I've got to do a course which is all about getting to your course, completing activities, finding the information that you need and that all kind of stems up to that dashboard experience for both the teacher and the student. So how do we make it much easier for both of our users to understand what it is they need to do next, how far along they are with their courses and how do they manage their time more effectively with the information that we can provide. Then we've got assignments and grade book coming up as the next projects after we've completed these initial ones. So we'll be looking up at a lot of setup functionality and the experience across that for those two components within Moodle. So where are we right now is obviously we're designing and testing, testing, testing the team are flat out, we have between one to five people per day who are who have volunteered their time to be part of this project and we can't thank our global community enough. We have had partners sign up, we have for testing MUA students, teachers, administrators and it's just been phenomenal. All of the testing has been done remotely and our product teams internally, so our developers have been joining us as well and observing and watching what our users are doing, interacting with the prototypes with the key tasks that we have set out for them to do. So we're really just focusing on getting that idea out there, testing quickly and failing fast so we can move on and keep refining the solution that we're aiming for. Just a lovely note, I was speaking to Barbara yesterday who's been a UXer here at Moodle for eight years, coming up nine years shortly who's one of our senior UXers and Barbara said to me after every single session that we spend with the user asking questions, listening and observing, I still learn something new and that is so true. We can't tell you enough how valuable these sessions are to us and it's just when I thank all those people who are volunteering their time to be part of this process and inform the design decisions that we're making. So on to the actual designs, this is the fun bit, you get to interact and access these prototypes yourself so here is the link to those prototypes. I'll take you through a quick demonstration of that now and obviously to be part of the discussion and sign up for testing with us please go to Moodle.org forward slash UX, you will see links there to be able to sign up. There's discussions on the forums about the design decisions that we're making so please feel free to get involved there and you will also find a link again to this prototype there. When you do click on the link and you get through to the prototype, what you will find is this landing page and this is a launchpad to get you through to the different prototype sites that we're busy designing and constructing so at the top you can see you're able to leave your feedback on ideas that you may have. This is just a survey form, this takes you through to sign up for research form so if you'd like to be part of the usability testing that we're conducting please sign up here it's only an hour of your time and like I say we will we can cater for many time zones around the world. We have a demo site which is obviously a Moodle Cloud site which is just a mock-up of a course that we've based some of our students and admin experience of but this is the current state. These are the future states here so if you're looking down here about the prototypes you will see what it is that we're targeting in terms of that scope and the navigation for instance here we'd like looking into whether users can navigate course content and find course settings and part of the student experience is again navigating through course to activity back to course level and just around the site can they complete activities more easily than they were able to before are we surfacing the right information and all sorts of cool stuff like that. That specific UX for the student experience in that granular detail where you get down to activity level is viewable on prototype site too so please click on that to see all of that deeper detail but when you why we have two sites for the navigation experience it's because we're actually testing two hypotheses so we have two really different ways in which we think the navigation and menu across the alamance could be improved and that's what we're testing with people so it's really good to be able to compare those different results right now and see which one is behaving more intuitively than the other so yeah we'd love to get your opinion on that have a look at those two sites and you'll see what the differences are I'm not going to give it away just look at the what you what you can find is the real difference it's a huge change from the current state of Moodle so yeah give us your honest feedback would love to know what you think of the different approaches that we're taking and how this can you know benefit you and how we can obviously scale it and obviously down here we have that teacher admin experience so this is the one Heena is working on it's a lot about really getting into the course and actually being able to manipulate content more easily so editing course multi-select drag and drop it is phenomenally different than the current state so we really urge you to go have a look at this we are using some of the most cutting edge modern UX UI interaction tools that you can find on the internet right now to that we've applied to the interface so it's a huge change in terms of what we're doing and really are getting some very good results from the testing up to date on this so have a look at that give us your feedback and the next part of this session is a walkthrough from each of the designers to just give you a little bit of a demo so they can explain to you in more detail the rationale behind some of our design decisions but obviously you are welcome to access these sites yourself when you feel free to do so all right so thanks very much for joining me today I'll hand over to the next part of this session where we will walk through these updates and thanks very much for listening in and hope to hear from you all soon hi everyone and welcome to our 4.0 updates the UX team have been working really hard on some prototypes lately and we've been developing our projects and we would like to demonstrate some of those design prototypes with you today so first on the agenda we have Barbara who's going to walk you through navigation and then I'm going to talk a little bit more about the students experience on a course level and then I'll hand over to Hina and she will talk to you about how some of the editing tools are going to be changing on the teacher course editing functions so I'll get started with Barbara and off you go thanks Barbara all right thank you so much Candice let me share my screen okay so can you see my screen yep all good thanks all right so as Candice mentioned we've been preparing a lot of prototypes for the 4.0 release and for the navigation project we actually have two prototypes so one first prototype is where you see the home dashboard my course is set administration on the drawer which we are currently calling as the primary navigation and the other one just to give you an overview is where you have where you see the home dashboard my course is site admin on the navigation box so let's go back to the first prototype here in the home base you would see whatever you see at the moment where you have the available courses categories courses nothing no changes yet on the site home and then on the dashboard you would see the recent the access activities we thought that having this here is a good idea by default so that you know exactly where which activity you last access and that you can easily resume by having it available on your dashboard and then here we have the timeline view where you could see your activities due today or in the next seven days next 30 days or even the overview of today and then we thought that it would be a good idea to actually show the grades here so that students can actually monitor their grades and if they need to catch up on their courses they can immediately spot it here on their dashboard and then here we've also added the calendar and the private files which is which were originally on the side navigation or the drawer so we put them all here so that everything that has something to do with you personally is on the dashboard next is my courses here you would see recent the access courses and all courses we haven't really changed much on these blocks these are pretty much the same blocks that were that are accessible on the dashboard but we've moved them all here and so this would allow you to do searching and instead of having the long list of courses here in the drawer we thought that by putting them on my courses page you can do more and you can also see the star here on the close proximity to the more icon we haven't really changed much on this and we'll be doing more work on both my courses and dashboard and here on the site navigation oh before that I'd just like to find out that there is this grid of course but on this will be visible to teachers with capability to create a course or permission to create a course next is the site administration where it's you'd be able to search and then this is basically a screen screen grab and we'll still do a lot more research into this on how we can present things in a more efficient way now going back to my courses let's check into the permaculture design where here on the header within the header you would see content users which is the participants page and then grades badges competencies here you'd be able to edit or enroll users as well and then grades pretty much everything that you're able to do your you will still be able to do we'll just be doing a bit more research on how we could actually present all this information in a more intuitive way and then for other settings you can go to this page where you'd see this cog and then you would see all the settings for the course plus the course admin question bank and reports so basically no regression you can still access everything that you can access at the moment and here is where you can go back to your course page and Candice will be talking more about the details here once I've finished presenting the second prototype okay next prototype is as I mentioned where we have the home dashboard my courses site admin on the navigation bar you would still it's still the same you'd be able to search forces and everything that you see on the everything that you can set up on your home page you'll still be able to do it here and the dashboard still the same content as the first prototype and my courses and here the difference is that apart from the from having the primary navigation on the nav bar is when you click on the on a course you would have contents participants grades badges competencies and other settings on the side navigation bar here you'd be able to switch easily between settings and other features um I think apart from that we're good is that right Candice did I miss anything no that's looking great thanks Barbara a really good demonstration of two very cool ways and which we can allow our users to navigate through um noodle sites as well as through the course and I'll take over sharing now just to demonstrate a little bit more about the details on the course page great um so thanks Barbara you should be seeing now um again I'll use the second uh prototype version as a demonstration for some of the stuff that's happening on the course page that we've been changing so as Barbara said you go through to the courses you click the link and you get through to a course and once you're on the course itself um you should be able to scroll down if you access the prototypes yourself and you'll see some of these activities do have links so you are able to link through to them ultimately what we've been designing here redesigning here for the course page is taking a step back from how we originally had the activities which are most commonly seen just an icon on the left um and then the title of the activity which is a link and then we would have the mark completes um or automatic completion icon to the right so um what we've been doing is really thinking a little bit more about how that information can be displayed and we've taken the concept of moving the information into an activity card so it kind of opens up for that container to hold more information that's grouped together um within what that activity is for instance here is book um and it has um a new button now um which when you click it that actually turns into the completed um button so you can interact with it still from this level um we are still investigating the meaning behind that automatic completion and wanting to make it a lot more user friendly so um one of the concepts that we are playing with at the moment is about completion pending um which means um hopefully to the users who um that understand this that there are still some activities that need to be taken by the student in order for um the activity to be completed for instance i'll show you here if you click in through to this assignment um what we would like to show on that activity page is a list of some of the things that the student would need to complete uh created by the teacher themselves in order for this um automatic completion to occur for instance you need to view the activity or submit um or to receive a grade um so these are some of the actions that the student would need to take um to complete that and once they're complete that you would expect that um this card would turn into completed um we have also included other things like um the due date um and we'd also like to present things like that on the activity page itself we've also included things like being able to mark complete within the activity so for instance here's a book activity um and we have presented that same functionality on the activity level of the page as well um we also looked at the unlocked or restricted activities um experience and many of you will know that there was before a list of activities that were presented on this level that demonstrated which activities needed to be completed in order for this activity to be unlocked so we have been um redesigning this in a way which just shows a little bit more what we call progressive disclosure in the experience which just allows the users to um access that information um when they feel is necessary to actually um understand what it is that they need to do next instead of showing all that information upfront sometimes these lists can get very long um so the idea is to just hide that behind an open and closed view so we do still have a little bit more to work on this activity we've been given a lot of great feedback by the people that we've been testing with um that we can um do more to improve some of the labor around this um and uh we'll be doing that in the next iteration of design as we are currently in testing right now with these current prototypes that Barbara and I are showing you today um and with that I think that's everything from the student course page um and the activity redesign um probably another one around how do students or teachers navigate through the activity course so um we've been looking at different ways in which we can present each section in um a navigation structure basically a drop-down list with the list of items and if the student or teacher selects one of these sections um that is what will present itself um on that course level and um the idea is that if you were to navigate still around the site or backwards and forwards it would remember that last setting so wherever you were so you could always keep um that section in focus because that's the one perhaps that you were um aiming to complete um and then you could switch back to view or course if you just wanted to navigate through the whole course itself um so that's about it for course level and activity level and um the redesign so far I will hand back over to Kina who is going to talk you through um editing a course thanks Candice um so we'll go so I'm doing teacher editor create a course which is um about the tools the teacher can use to um cut uh move activities around the page and topics as well um right now so what we're looking at here is a course page um for new users we've got an empty course page giving them a little bit of a hint as to what the next step is um so they would want to add an activity and we're presented with the activity chooser just like we are now sorry about the slight delay and we add that activity so the change is that we're providing a little bit of feedback as we go with the option to undo as well currently not available um and that can be closed down at any point by the user so we've got our new activity there this is um so we have some new icons down the side there the topic heading it's got us um menu behind that and the drag option there um so if we were to wanted to add a book activity above the current one we'd do it that way and another activity below the current activity would go like that um I'll move on to the next user flow which is the drag and drop option now based on user feedback we got um the pretty the prototype one version had removed the drag option but we've put it back in because for micro movements and adjustments it's actually works quite well um so for example if we wanted to drag the activity book into sort of below the quiz do it that way and you've got book there and in the right position moving on to using the actions that are associated with each activity each topic and multiple activities and multiple topics as well which is an extension of what we have currently so these are your action items and they're in a little kind of menu um we're looking at uh we've looked at reducing the action so pairing it back into cut copy and paste the reason behind this was the familiarity that most people have with these terms user testing also showed that they really they understand the terms better than import restore backup uh and that sort of language um so to we're looking at copying multiple items which you and currently you can't actually copy topics uh so if we select a topic um you can hit the copy icon and use all the also the idea is to speed things up we're allowing keyboard shortcuts so potentially copy and paste would you could also use your standard keyboard shortcuts so for pc would be control x and b or c and b and uh so my delay um so that's just copied it to the same page there and we're going to look at a copy to sort of action it isn't there currently but based on some user feedback we will have the copy and copy to um so again the same sort of thing but this will enable a modal you want to copy to another section within this course so section 10 and we've got that success message with a link to section 10 or topic 10 so you can click that link and it would go to that topic so you can have a look at what you've done the last one I think is copying to another course so again you can multi-select or select the entire topic to copy to another course and we're going to copy it to philosophy and there's the success message again with the link to philosophy so a couple of tweaks that we still need to iron out which is the sort of behavior of copy and paste potentially we're looking at presenting the paste action only when copy is selected and then adding another action which is the copy to action which will initiate that modal which allows you to copy within the course or to another course um also looking at potentially moving the add section uh add a new section out of that menu um so that it's it might be living below the the section just for better visibility um simplicity so and mimicking these ones on the right um yeah so I think that's me for now I'll stop sharing back to Candice thanks just on that one Hina um you're still able to select individual activities within the topic yes you are you can select individual topics and multiple top sorry so individual activities individual topics uh with all activities under them and then multiple activities and multiple topics the only thing you possibly can't do is select an entire topic as well as individual activities from another topic and the reason for this is because we cannot sort of say what the user is trying to do are they trying to copy the topic itself with all the activities or are they just wanting the activities under that topic yeah that makes sense when the two of those overlap um I get that that's great thank you that's a heap of um information and uh some very interesting UX from the edit course experience thank you so much for sharing that with everyone um just so everyone is where obviously what you saw today was very low fidelity's um prototypes that the team have been working on this allows us to um fail fast and fail early so we can quickly turn these designs around in a matter of minutes sometimes um based on the feedback and the evidence that we're getting from our users when things don't I guess behave as they were expected to or um and that's the way we iron out some of these pain points and these friction points in this system so um when you are accessing the prototypes yourselves which we will share the links with you um on the channel um that you have found this demo um please be aware that this is obviously not the final product these are very low fidelity crude uh representations of um the experience and that's how we uh work fast and uh design as a team using these low fidelity prototypes and over time you will gradually see these prototypes building up more fidelity as we start to really cement down um what these key concepts are and they will start to take on more of the visual um uh branding um that will get us closer to that 4.0 um look and feel as well as um so blending that in with the user experience so yeah please feel free to give us your feedback on everything that we're showing you today and um the team would love to hear um your ideas and thoughts on some of the directions that we're taking if you would like to be part of our usability testing please join us on um by a recruitment form that we have on moodle.org forward slash ux so you can sign up to recruitment then be part of the studies we're testing two to three users a day every day um so we're really deep in testing now and getting constant feedback on improving and um ironing out all of these paint points and listening to our users and incorporating all of that feedback so we come up with the best solutions part of 4.0 um so yes stay in tune we'll give you another update in a month's time on how the designs have been progressing and they are changing fast and we're learning loads as we go along so um uh watch the space um excellent thanks everyone thanks for watching and uh take care bye