 Hello everyone, my name is Mihail and I'm representing the Alpha team in educational solutions. Okay, just a brief summary of some of the goals in this print. So the styling improvements in the Greybook setup page. The purpose of this issue was to modernize the appearance of the Greybook setup page, improve the visual hierarchy to clearly outline the relationship between the items in the Greybook setup page and generally create a consistent user experience between the pages in Greybook. Next slide please. We also had the goal to improve the column sorting in the Greybook report because currently it's not very consistent, which was identified during the user testing. So some columns, most of the columns have anchor links in the header some of them can be used to toggle the sorting functionalities but some of them, when you click on the same header anchor link, you are taken to the activity page which is quite inconsistent behavior. So after this issue is integrated, we'll have a more consistent user experience when it comes to the sorting and once users click on the anchor link in the header, it will always trigger the sorting while do not lose the existing behavior that's provided with those links that lead to the activities. We're going to place those links under the newly introduced action menus as you can see on that screenshot and we're also providing an alternative way of sorting the columns by adding ascending and ascending options in the same action menu. Next slide please, Hager. Okay, so we have a UX update in terms of the user testing and research that was done for the Greybook setup page so we have already some prototype solutions and Barbara will guide you through that. What's your part? Thanks, Mayel. Good afternoon everyone. My name is Barbara. I'm one of the UX designers here at Middle Age here, particularly for the Alpha team. So just to give you an introduction of what we're going to be seeing under prototype, it will be including all the indicators that we've added in the Greybook setup and then we're going to be showing how we have actually improved the way to add a grey item in categories without having to leave the page so that we can instantly see the outcome of your decisions and then we're going to be showing how now that categories are collapsible compared to the current behavior and so we're also going to be showing how we can actually move grey items in categories, either just one item or multiple. So let me share my screen. Okay, so as I mentioned earlier, you're going to be seeing here more icons. This is to indicate status of these grey items. So the first big thing is the percentage here during the test when we ask them to override, they don't actually know why things are changing even though they only change one thing and this is basically to show that what they're changing is actually the percentage and this came out so many times and so we're going to be adding this person here and then the next thing is that we're also going to be adding this locked icon and hidden icon. Current behavior on current behavior, when you actually hide or locked grey item, you don't see the outcome. It's as if you didn't do anything. You can only tell when you go to the page, like the edit page to see if they're hidden or locked. So we're improving that experience by showing them the state of their grey item and categories. On top of that, we're also showing the weight, like the aggregation. So here we're showing them aggregated natural or if they choose a different one like means of grey, they're going to see it here as well and the decisions whether to include or exclude empty grades plus dropping lowest grades or not. So basically, they will have an idea of the decisions they've made if set up for the categories and grey items on this page without having to leave the page. And I think with that, I'll show you how you can actually add a grey item or modify this grey item without leaving a page. So from here, for some of you, you probably noticed that we have cleared up this tertiary navigation here and added everything here. So if you need to add anything, you just have to see just one icon and then from here you can select which item do you want to add specifically. So adding grades here, we have actually made it super lean to make it easy for new users to consume this information. So we have here just a grey item and then the grey type and then the minimum and the maximum and then the extra credit assuming that once they have added the maximum grade, they can decide whether it's going to be for extra credit or not and then they have now the option to hide and locked here on this model and then they can choose to put it either in the course category or the subcategory. Another thing is that we've made it really streamlined and so if you want more information or if you want to set more items then you can show more and then that will bring you to the current page which is quite long. So yeah, this will save them some time. And then next is adding category here. You would just see all this information that you currently see on your table where you have the category name, aggregation, exclude empty grades, drop the lowest, hidden, locked and then parent. If you notice by now that whatever you're seeing on the model is what you see on the table. It will reflect on the table. Next, let me see. Okay, next thing is we made the categories collapsible. So that includes the course as well. So from here you would see that you can actually expand and collapse this which is not happening in the current version or the current behavior. So you would notice that here you see the first total here, assessment or category total but then when you collapse that will move here on the same level just so when you look at the numbers it would all be tied. And also we've done the same thing for the course category where when you collapse this you would see the max grade. So pretty much you can use the same component for both course category and subcategory. Now moving on to moving grade items and categories. So this is based off the project funded by MUA, the Bog Edit. It's not exactly like that but some of it we picked up from that project that was designed by Sabina. So here you can actually select one or two activities or categories. I'm just going to show you how it looks at the moment. So I select here and then now you see this chunky footer with the move. This is somewhat different to Sabina just because during the testing it was failing with the current design. So we needed to modify it and so here you can select to move or I'm going to show you one more thing like I'll select another thing here. Another great item and then when you move it opens up the model. And so this model is what you see on the course page as well. But then we've added this activity icons here because there is like this connect from when you're seeing it from the table and suddenly on the model you don't see this association with the activity name and the activity type. And from here you can actually collapse and then add. But here you would have to select the activity itself and then it will be added after this selected activity and not show you how it looks like. And we've added those two activities after the selected great item. So with that one more thing I'm just going to show you last thing and make it quick. This is also how you can move individual items. So when we ask testers how to when you ask testers to move items, they expect that they'd be able to move it the same way they move it on the course page. So they expect that from this drop down they would see move and then from there they would see this model, which is exactly the same thing on the course page. So this is now going to be the same for multi-select and just one item to move. And I think I've covered pretty much everything.