 And he's going to talk about designing for activism, reimagining the contributor experience to the uni code. So, hand it over to you. Thank you. Actually, this is my fifth year presenting here. So it's not really a newcomer, but still it's also real good to see faces starting from a few years ago, when only quite less people showed up and seem to much interest in open source design. Now it's really reassuring. I'm Emilio. I do open source design. Actually, I've been with this community for quite a few years now. And this community quite inspired me also to do my own design studio, which is only doing stuff for open source projects. So any project you can imagine probably needs at some point some design love, some UX love, some usability love, and we try to help these projects. I'm here because of Mozilla was so kind to support me to travel here. I'm also a speaker at Mozilla, which is a volunteer program with training and travel, a lot of speakers. So if you have also some Firefox questions or whatever, you can ask me afterwards as well. I'm also a UX designer at uni, open observatory of network interference, which is part of the project. So what is actually uni doing? This is what I'm going to talk about today. And how we improve the software to new users and more useful to power users. So it's basically an internet censorship measurement tool. So if you live in areas which is not really western civilizations, but for example in countries where a lot of censorship happens, we measure these events and send the data to any servers where users can use that data to write reports to go into courts. And yeah, whatever you can imagine a real good activist can do. Since 2012, we have been getting quite a few measurements, namely 200 million from I think like 180 countries or something and out of quite a few pieces of software. One of them is being uni probe. So this is actually funny. I got involved at uni after seeing this job posting at open source design. I think like two and a half years ago, they were looking for a designer. This is how I got in touch later on. I've been at uni and tour project for almost two years now. So it's quite a circle and here we are again, right? So how uni probe works is that you install the software on your mobile phone, iOS or Android or your desktop or even a Raspberry Pi. So if you want to run tests, see what websites of messaging apps are blocked, you can do that from your phone. Or if you have a lot of censorship going on in your country, which is not the case in Belgium, but for example in Iran or other countries, there's quite a lot of censorship happening. You can even have a Raspberry Pi which runs measurements constantly without you doing anything. So this data gets published on our uni explorer which is kind of an open data portal where everyone can research the data and see what might be interesting to them. Also API for all developers and researchers who want to have more power over this. So actually this app has been released two years ago and we wanted to revamp the user experience because a few people had problems understanding what all these technical terms meant like HTTP header field manipulation, request line and all that kind of stuff. So this is when we started to redesign the app and I'm going to show you through a few features we have redesigned in the app, how it was in the old one and how it is in the big one, a new one. So we started with a new color scheme. To improve the semantics we put a color for every kind of test so you know in which kind of environment you are. So if you are in an instant messaging environment you have this kind of color but also about status. You can see if something is censored, something is accessible. You are not sure if it's censored or not based on the color. So this would help with visual cue any user to know what they are doing. Also in the first app we had tests for every little thing. So we had this kind of test. Everyone was accessible to the user from the first screen and we said that this should be a bit easier for newcomers who really don't understand what the header field manipulation is. So we grouped them into five different classes and this made it very easier for people to get into each of them and then explore from there depending on what they are interested in. Obviously sometimes you are interested only in instant messaging apps so you wouldn't want to go through all of them, right? We also had new website categories. So an icon set which is done by the Citizen Lab. So there is a global test list with thousands of websites which are often blocked and each of these websites belongs to a category and we did the icon set for each category and when you test now and you feel not comfortable for example testing hate speech websites you can disable that and it tests for everything else basically afterwards. So yeah what we did with that on the left you can see the alt app. We have every test listed here so it's very text heavy and we also have a hamburger menu with slides which was sometimes not really noticeable for people and we just changed it to a cart approach with four carts. This is scrollable and people would not need to click on every test to run them but they could just explore the test by tapping on a cart. Also when the test was progressing people many of our users and contributors that's a better name didn't really notice that this was actually running we had only a progress bar here but with the new one we have a kind of an animation which shows that the test is actually running and shows you kind of an estimate how long it's going to take. Also the past test results shows you a bit more information more power user information without hopefully I hope without not making it too heavy on the eye. So we can see as I said based on the color cues what kind of test we have to deal with the websites test in this example you can filter through tests you can see how much data you used because a lot of censorship is happening also in mobile data and not a lot of people have the privilege to have terabytes of mobile data as well. The overview where you can access many tests this is the old version of the websites test and compared to the new one still a bit too much text in the new one to my taste but we are constantly improving that so any suggestions are also welcome. In this version you are also able to choose the websites and run custom websites that means that if you don't want to just run random websites but you know that I don't know fostem.org might be censored you can just click that in type that in and only test for that website. So this is only the part of Uni Pro which is the contributor experience the man on the ground who submits data but we also have a little bit of an ecosystem with other things as well which is the Uni Explorer the portal which can visualize all this data. For this we are redesigning the whole platform we are working with Antonella who is also the UX lead a tour project and hopefully making it easier for people to make sense of the data because it's not really simple stuff. We also have a probe desktop beta out now which you are free to test it basically has a similar experience to the mobile app it's not as polished yet and yeah you can run the same test from your desktop if you are not a big of a mobile person and one of my favorite things is actually Uni Run so Uni Run is a little website where you can create a test list of websites so let's say you have an spreadsheet with a list of websites which you think might be blocked and you don't want to test each one by one right so you have 400 websites list you just share it with your friends and they can type this in here in Uni Run and it creates a link which when opened everyone can test these 400 websites in this example so in this way you can create some critical mass create an initiative where all people are testing for these websites, get more measurements and make some sense of what is happening regarding censorship in that country because censorship is quite difficult to prove something can be censored in one minute the next minute it might not so constant measurements throughout time and throughout different networks are very important just because you did one measurement at one given time does not mean much often so it's a quite complicated thing so after opening Uni Run you get navigated to the mobile app which is testing all these websites and giving you the results something which a lot of people prefer rather than the test list which are readily made available for the country so that's basically a very sneak peek into the new UX design we are doing at Uni Probe if you are interested to get involved we have a design channel I'd be happy to help out if you don't like Slack which is very understandable we also have an IRC which is also bridged so please feel free to join us or an issue on GitHub yeah, check out the website I guess that is all thank you very much for coming yeah you, yeah so we have a sorry the question was what tests we run so let me go quickly to this slide so these are all the tests which are run which are neatly organized into these groups so web connectivity means if a website is blocked or not then we have three messenger tests Telegram, WhatsApp and Facebook Messenger we have speed tests which you might know from speedtest.net and the speed test is something which shows, well, your network speed that stream means how well you can stream video on your network connection the reason we did this these tests in Uni Probe is because many countries throttle the internet instead of censoring so they make the network is so slow you are actually unable to check a website so it also is really useful to show some net neutrality violations but this is still very basic something we are exploring in the future as well the both HTTP tests are for middle boxes which are inserted by the network sometimes it might be malicious sometimes it might mean nothing it just means that some middle box is present on a network it's not necessarily bad or good we also have circumvention tests which is regarding Tor right now we also are adding new ones so it basically tells you whether Tor network is accessible for example China is censoring Tor quite often and in many countries it's not that easy to access Tor so yeah, that's basically the number of tests this is the test list by Citizen Lab which is curated by them it's a crowdsourced list categorized I'm not sure about the committee who decides on that I think it's open source and a discussion can be initiated regarding that but yeah basically all of this 30 test categories they serve to categorize all these websites so we did a round of usability studies which were not face to face because we are a distributed team in different cities from new to a very experienced and the new UI is based on this feedback we got from them of course there is a lot of stuff on the plate I would like to address but we are a very small team yeah we need more manpower to address more things so any help is appreciated yeah we did two yeah we did two tests one with a non-working prototype very early on when the design was kind of finished and one after the beta was out sorry the alpha was out so yeah based on this decisions we did changes to the design other questions yeah sorry I have not included this here but yeah that's actually possible so thanks for reminding me of that so for every test group which is basically this one we have many different tests for example instant messaging includes all these three messaging apps some people don't like to test all of them so you can enable or disable them in the settings and once you run the test class as a test you get results for each of them separately so you can tap on whatever you prefer to have also if you run a websites test it tests 30 random websites and you can check every website individually and if you want to even go a bit more deeper you can also check the actual role data which is a bit more hidden but it's accessible for power users are you exporting the tests? yeah we don't have that yet there are not too many settings but it might make sense to include that when you uninstall the app right now all these settings are lost it's also there are some privacy related settings which is kind of a chicken and egg problem including your IP address and network name and all that kind of stuff people don't like to share but it's actually not really useful to us if we don't have that data so doing measurements without network name and whatever is kind of defeats the purpose some people also use VPNs which also defeats the purpose yeah but yeah that's a future request we could address yes in the onboarding when you actually install the app for the first time we have a little pop quiz that says that are you aware that your data might be watched by government agencies blah blah blah we are going a bit crazy over there but just to make sure that the user understands the risks yeah this is the time that the user understands the risks until now nothing nothing happened since 2012 that doesn't mean anything so we just want to make sure we are doing this in the onboarding to educate the user and contribute what this means any last question yeah like the number throughout the time yeah they are constantly increasing we are doing partnerships with a lot of organizations around the world which care about human rights and internet freedom and we are publishing constantly reports for example in Zimbabwe there was some internet outage a week ago which was quite a big deal and sadly to say the more of these events happen the more people and measurements we get so the fact that we got more measurements means that more shit is happening around the world as well but yeah we are getting more measurements okay yeah okay I think sorry I've been not repeating all the questions all this time I'm sorry for the recording which is getting out now how we deal with the trade-off for the progress bar which has less features sorry let me just go through this quickly actually all of this is available in the new app it's just definitely laid out so you can actually go to the settings select the test you want to run and you run them from the cart right now it's problematic if you console a test this might create anomalous measurement data so we don't allow the user to do that the next future request is going to be queue-up tests so we can queue up different tests you want to do and just keep the phone away and not being on the phone all the time I don't think there is much trade-off here to be honest it's everything in the old app is available in the new app the fact that you think it's not available is a good thing because it looks simpler yeah I think so