 We are here to do an exploration of usability testing and a web navigation that we are calling Fedora friendly My name is Ashlyn Knox. I am a Fedora web and apps developed front-end developers, and I'm a software engineer at internet red hat and I'm a web development educator and Very passionate about Linux. I've been using Fedora since I think 2014 and I just love it It's best operating system I've ever used I'm so happy to be able to start contributing to Fedora more and more every single time I do and over to you Don Yeah, I think that the delay is on your side, but if you'd like to introduce yourself, please Hi everybody, I am Don Dan, I'm hailing from this George's pottery. I'm a UX designer and development and I'm also a professional artist as About and I started this internship With Ashley once ago, so I am very new to the door family and I think For letting us your ear and we're doing All right, Don. You're a little bit choppy. I'm not too sure what's going on with your audio but yeah, just heads up that's going on and I don't know else. This is also Bertha down here. This is our budding little mascot We often we're from Calgary, Alberta and people often refer to it as Bertha Kind of our thick name. So We would like to start this off with a land acknowledgement. This is a tradition. That's really important to us in Canada In our respect for our First Nations people And I would like to invite Don to give us this land acknowledgement. Yes, I Can say that's nice and So that will help hopefully wonky Um by acknowledging a land we formerly recognized and respect me And in during relationship between this and and the indigenous peoples of this place we are presenting here today an important and sacred place within Treaty 7 and Literature territories that's a copy from the Blackfoot Confederacy and building Sitka like any the kind I nation Nations Bertha and Nations and the name of the Cecilia nation and also So it's home of the Métis nation of Alberta Region 3. Thank Ashlyn Thank you Don would I be able to get you to possibly log out and back in your audio is just really really hard to hear It's quite choppy But I'll I'll continue on with our presentation just because we're getting a little short on time So just a little bit of an overview of what this is we're working on creating a navigation For all of Fedora's websites and apps This will meant is meant to be something that will be able to drop in on top of everything That's existing and just bring everything together So people can navigate a little bit easier across without having to use bookmarks or memorize links a big goal of This is to make our ecosystem and our community which is so rich and vibrant More accessible to new developers new contributors people that are just getting involved and as well as hopefully to speed up and Improve the workflow for those of us that are already contributing and into the community So as you'd all be familiar for looking at the different websites that that we do We don't have a way to get from say start Fedora Big you the well we got the start for doors got the dock pages and things but like from get fedora to get to Agra or any of the other spots. There's just a lot of limitations So we're looking at trying to create a flow that will seamlessly bring all these together into one system the step what we've been working on is at quite an early stage and we're going to talk very briefly about Some of the different steps of UX development and the the process But where we're looking for right now is natural flows People find in the nav that we've set up Things that cause friction Things that people like and dislike Regarding patterns that we've got so we have a couple different We have a couple different ideas that we put together to try to Set up a standard and we're curious to see what people think it's one possible way and at this stage We have a few other options that we can move into but yeah We just needed to get some feedback from people who are going to be using these websites Two of the main topics that are things that you're going to see is that the left-hand side of the nav is Context-based so depending on whether you're in like an additions area Whether you're in community pages contributor pages or if you're in support and help and documentation pages the left-hand side adjusts and then the right-hand side has a series of hero navs that Allow you to get outside of your base context and move around So this is this kind of what we're looking for We're gonna do just a very quick intro on UX because we are running short on time So I think we'll do this next slide Don and then we'll we'll move on into the actual testing session so user experience design is It's where we aim to understand how users relate to the software that they're using The goal of UI design and of our development phases is to build the systems that people interact with But UX research is meant to study how people are relating to those things and understand Where they're coming from when they're using me and this is a pretty complex and subjective and Location-based feel to some degrees and there's some principles, but we try to Gather this information and inform the development process to make sure that the front-end interfaces of the fantastic software that are back-end and engineers or back-end developers and engineers work on making sure that the people end up using that software Are able to do so easily and comfortably and that it works with their flow So just on the right-hand side here with these Images you can kind of see some of the steps This is this first one being the wall behind you at a previous stage when we were mapping out all of Fedora's different websites So you can see all the cue cards that we have there And we were just getting ready to put together some categories our goal there was to look for Natural groupings and whatnot some of which was already spelled out But we didn't want to start this with any assumptions and this moves down into our flowchart here Where you can see a much more structured approach where these color coatings are represented the different groupings that we were able to identify and Then down below in this last slot image you can see us getting into the work of it So this is the prototype version of the UI that you will all be testing in a minute or so here and These routes all this represent with this is in pen pod I represent How we're gonna how you're gonna be able to click and move around it Which makes it really nice to be able to test an idea without having to lay down a line of code Really briefly just to comment on here We are doing a low-fi or a low fidelity User test, so we're barely outside of the flowchart We're and the wire framing stage and the goal at this stage is to understand patterns and mechanics We're not too concerned about things like our typography text sizes the details of how a Navigation moves or the drop-down menus move etc Just to make sure that the the constructions that we're using are ones that are going to work for the user base and Each stage of this so the the end goal will go through at mid and high fidelity we'll be able to get different types of feedback from people and our testing process and This we've kind of covered a little bit of this and yeah, we're going to jump right past here into the test And Really quickly just a shout-out to pen pot for it's it's pretty fantastic. It's in beta testing right now But like I was saying prior to this presentation starting and pot is creating The best alternative to figma that I think is around right now That's for that's free and open source that doesn't have you Restricted with the paywall it allows for people to collaborate all over the world together on designs Interactively and it's it's just really fantastic But it's also again in beta so there's gonna be some limitations and there might be some jankiness that you experienced Part of that is that we are at a low-fi stage. So it's not fully built out The other part is that there are still some bugs in the software. So How do you Okay, cool, how's it going dawn? So I just wanted to check in with you I know that I kind of stole a couple of your slides there But I know you're finna figuring out your Audio I was just curious is you're all you're working I think I'm still in a different time zone. Uh, you're very good to me I still see the frozen Happens not even getting Sure, so I think we're you Oh, okay, cool. I will move ahead then I Okay, it's too it's too bad. Yeah, so much of this was made by dawn And I need to give a huge shout out for her for the work that she did building the interface that you guys are all about to test and The hours that we have spent Late at night early in the morning Ashing out these details and coming up with everything that you're about to see here. Oh Is it small? Okay? Okay, I Only have one monitor today. So it's it's kind of I'm popping back in and out So what we're going to be doing is a scavenger hunt And while I'm walking through this dawn if you would be able to go and take the shareable prototype link And drop that in the chat and just help everyone get set up make sure that everyone's able to access the prototype and start experimenting with it and Maybe if you just give me a Audible signal when when that's that's looking good. Just because I can't see anything right now So you'll be asked to find a couple of fedora's web pages using a low fidelity prototype and Then afterwards we're gonna it'll probably a fairly short discussion, but we're gonna have a quick discussion To get some feedback from you I've got a few questions and if we run out of time, which I'm guessing we will is okay We can definitely follow up Afterwards So Dawn's sharing with you a pen pot link And she's gonna share that in the hop and chat for the sessions This will take you to an interactable prototype of our navigation and In it some of the stuff is clickable You'll be able to see with the little finger switch will switch on the ones that you can click some of them aren't aren't hooked up yet But you'll be given a series of tasks here we have four for you today where you're gonna be going and Trying to find particular pages and just seeing if this system that we put together Feels comfortable. That's the name of the game today Don, how are we looking? You all got the link excellent. Hey, let's let's get cooking with this. I'm super excited I've been wanting to do a usability test for so long All right, so your first task you want to go and Sorry, are we good All right, you gotta you're gonna go to create a message on a message board You're gonna be starting from the get fedora page, which it should be the one that loads up So you want to find hyper kitty? You go and yeah, great a message. You're not able to create a message because it's just a static image But please make a mental note while you're doing this any links that you click you get lost Yeah, we especially want to hear things that are can put things that are confusing Okay, so community followed by discussion boards or discussions instead of I think we have hyper kitty on there, correct? Boom Awesome, that's what I like to hear. Okay. Good. Thanks. Are we okay to move on? Ask to find some official info on fedora 36 Starting from hyper kitty mailing lists. You want to find the f 36 dock page We're gonna hop over to the next one here So for task three, I want y'all to go learn about fedora KDE starting from the dock page You should be able to get there for many page, but we're thinking like starting from Docs How would it feel to get back to additions? Hey, and are we ready for task four? Yeah, so that's that's intentionally ambiguous Yeah fedora news whatever you the end goal Actually, it is the the magazine, but I know there's com blog as well. So wherever you would go to find news for fedora Gotcha. Yeah, the one click thing in that one spot that that's one of those that would be a drop down all of the tabs on the left Hand side in the long run will be drop downs, but yeah, we didn't get that drop down set up just yet But okay, so the the fedora magazine stuff that's got some confusion here Hey, and a lot of people more focusing on the com blog. Okay. Yeah, that could be Yeah, the tricky thing there is at which point are we at a front page? Let's let's get into that here. So we have a couple debrief questions really quick I think we'll just do the first one for overall impressions But first just wanted to thank you all for participating and I apologize for the bit of a rushed Field for a test here, but I'm really really Appreciating the feedback we're getting. This is really helpful. Oh, okay. I see that that's a really good distinction actually to make Come on that the magazine end users on blog community Thank you for sure. So so yes, is there any other Ideas things that is there anything that you didn't like or what's there? Yeah Appreciate that Okay, so a search function should be right in there. So are you thinking like a search that would look across all of our pages for different pages? Okay Yeah, we're feeling that What did you guys think of having a? Those global those large nabs on the right hand side. Oh, yeah So Maria a part of that is as a pen pot thing. It's its interactions are kind of tricky They aren't as fully featured yet. So we're working within what we have to work with But I totally agree with you having to click off would be would be a pain Awesome, thank you. Well, thank you very much everybody. Yeah, we're just at this last minute Yeah, we had a couple questions here, but yeah, we're we're right at the end So our next steps is going to be to review your review your feedback. Yes and follow up with longer user testing sessions So this is just an early initial explorative study We're gonna review your feedback and I know that the feedback process wasn't quite as robust as we were planning Please feel free to connect with us on matrix email I can drop Don, would you be able to drop our emails in the chat or mine or yours either or? or both and if you want to email us with any comments on your experiences, maybe just put fedora friendly in the The title and we'll know that's that's what you're messaging about But yeah, we're excited to work on this further and our next test is going to be a bit bigger We're hoping to get Around a hundred people for that stage of testing and it'll be a little more fleshed out at that time Yeah, the fedora design That space is a perfect one to drop us some ideas in Wicked well, thank you so much everybody and we'll see you all at other parts of the conference. How?