 We are here with Guillermel Crisquillo, a great friend, a brother. He's a pretty expert and founder of Next Interactiva. And he's a three times winner of the award for educational, for the educational category in 2013 for Best Overall Design in 2014. And um, 2018 was four? Yeah, no, 2018 was most innovative years of the two. Excellent. When you created that spectacular game with Prezi, which is, can be asked as a certification when you ask questions and so on, I will make sure to add that Prezi to the article and the lesson once we are done because it's amazing. So thank you for inviting me for this master class. I'm happy I can share a little bit of my knowledge and today, especially, we are going to talk about Prezi Video. Let it go. Yeah, cool. So Prezi Video, it's a tool that allows us to show the content in the screen side by side with the presenter. Something like this, right? We can have, yeah. So basically I can have my presentation here, the content on the screen, and I can still be here in my camera so I can keep my eye contact and can keep the human connection while I present my content, right? Well, basically, it works the same way as regular Prezi, Prezi presentation. The presentation here, it's clickable, it's nonlinear, so I can just click in one of these four topics I have here, for example, click here in brand, and I can freely navigate through my presentation. And, well, you can get very creative when we are using Prezi Video, but there are some important things to consider when we are creating. We are designing a Prezi that will be used in the video format. I would like to just jump in in the Prezi Editor and show the difference. I would like to share some presentations that we created both versions, the regular and the video versions, and then I will show all the things that I consider it when doing the conversion. So basically, when we are creating a presentation inside Prezi to be used as a video, it's actually the same features. The biggest difference is how to position your content in the screen. I will show right here, I have the same presentation. This was a regular Prezi about the importance of human interaction, and it's actually, well, we are talking about an online society. So it's actually related to what we are talking about, right? It's also related to what we were talking before starting this session about Yordora being born just when the pandemic was starting, right? Yes. And how the common society is going to be influenced by this online interaction, so online much more comfortable than we used to, right? Yes, especially because I think that the online environment, especially after the pandemic, it's a new reality. I think that a lot of businesses will migrate to an online instructor. There's a lot of reasons for that. First thing, it's more comfortable. A lot of people, depending on what they do, they are more productive working remotely. And it's also less expensive because you don't need to rent a big office to accommodate your company. There's a lot of advantages. And also you can work with people from now around the world. There's a lot of advantages. Not forgetting the environmental impact that we not having to drive around all day and the time. I don't know. I live in Brooklyn. And when I get to go to the city to work with a client, a big chunk of that time goes into traveling while I could be using that same time to help the client. Correct. Yes. And so it's a thing that we are going to have more and more online meetings in the early future, right? Right. Yeah. Yeah. So the idea of a price of video is to try to have the same human connection, well, as close as possible to in person meeting. Well, basically it's what this presentation is about. We are not really going to talk about the content, but the idea is to show the difference of how the presentation was designed. So basically here, this is the version that was used for the regular presentation, the screen. You can see that all the elements and all the design is distributed through the entire screen. We are using this entire screen here. And when we navigate, yeah. Through the entire presentation. We use the entire screen, of course. We leave some white spaces in the borders and so. But basically this is the classic way of creating the presentation, right? Well, as it is a present, we try to keep always a visual connection between topic, between one screen and the next one. So for example here, we always have an element that is visible in both screens. So we have this visual connection. This is something really important. We consider when we are creating a present presentation and the same thing we do with a present video. Like this is the same version, the same presentation, the same content, but in the video form. Basically we just need to create all the frames exactly as I do in the regular presentation, but we have to leave some empty space that will be used by the presenter. Do you have parameters that we can follow to decide to define where and how much space to leave? Like for example, I see that in this case you left about half of the screen for the presenter. The first thing you have to consider is the content. If you have a lot of content in the screen to be shown at the same time, I mean, you have two options. The first one is the one that I recommend is to break down this screen in more screens. I recommend using half of the screen for the presenter and half of the screen for the content. So when you have a lot of content, the first option that I favor it is to break down in more frames and different screens so we can keep the same proportions for the presenter and half for the content. But if you have a situation that you cannot break down the content in more screens so you have a lot of information at the same screen, I would say two 30s for the content and one 30 for the presenter. Yeah, and also if you have a very simple presentation that have just keywords on the screen, you can use one 30 for the content and two 30 for the presenter. Of course, there are some different situations you have to consider the distance that the presenter will be from the camera. For example, for some presentations, maybe the presenter want to be in full body on the screen very far from the camera and add some elements to interact with. Some others just want to sit down close to the computer screen so you just see their face. So what you say is that if I stand far above from the camera, I will have more room for content. Yes, because when you are far from the camera our body is vertical right. But if I'm getting very close to the camera and that's how I want to work, then I need to consider that when creating this position. I use like a where I'm visible in camera but there is enough room for the content. Of course, I can also stand on a side and use that layout. But I can be on the center and have the content on the side, right? Yes, it really depends on the content. So I cannot say to always use the same proportion. What I would say is to really consider everything. Consider the presenter preference. Consider the content. Consider the audience and everything. Well, it's as important as the design of the presentation, the proportion between presenter and content. So here you are showing the edit screen for a normal prety. This is the prety with the full content. And what you are doing now is through the prety edit screen by clicking on create the video. You are going to work while looking at yourself on the camera, right? Yes. For everybody to understand, Guillermo, you can only, you can only, when you are on your computer, you can only broadcast one camera feed. So Guillermo turned off his zoom camera. So when he enables the camera on the prety edit screen, he will be able to. Yeah. So I just click here on create video to enable my camera. Hello, my camera here. And this is what happens. This presentation was not designed to be used as a video. So you see that the content is overlaying my face. You can also see an image here, right? That we use like a transparent, right? Yeah, yes, correct. We use that image in the original presentation to, well, to be part of the, the cover of our presentation. Right. So yeah, the presentation was not designed to be used as a video. So you see, if I try to do it, the content will overlay my face. And it will be worse than just sharing my screen. So I have here an option to adjust the content. If I click here, Prezy will do an automatically, but you see it didn't change too much. It just moved the topics to the right. And this, you see some texts are really small. Now, let me ask you a couple of follow up questions here. When you use the option adjust content, Prezy will arbitrarily send all the content that it can to a site. Is that for the screen you're working on that particular time or for the full presentation? For the full presentation. Okay. See, all the, all the screens were adjusted like that. The best way for doing this is to recreate the presentation in a way it's adjusted for a Prezy video use. The first thing we had to adjust was to change the image for the cover. So we use it the same concept, a group of people that they are in the same room. But the main image is transparent. And you have some browsers that you highlight people's face. So the idea behind it is to use a virtual environment to try to simulate they are in the same room, the same space, the same room, the same experience as meeting in person, right? The image we chose for the regular version, it was horizontal oriented. So first thing you had to do was to find the same concept, but an image that's vertical oriented as it's, as we are using just one side of the screen, the proportions are different. You have a horizontal image in the normal Prezy and you need to find a vertical display for the Prezy video, right? Yes, yes, correct. But then here you can see the difference for the content. I mean, you see that it's still the same presentation right? It's just organized it in a different way. So we have free space here for the presenter. Action. Yeah, this and this. Some important things to consider. If you look here at the original presentation, you'll see that we have some texts, text box that were placed directly over the background, right? Right. In Prezy video, we never do that. We always add an element like a shape behind the text. Why we do that? Because we never know how the background of the presenter will be. Right. Unless, unless you agree, unless you have a decision in the presenter and say, you, I will always have a white background or a dark background. So you can play with that. But that, but that limits how the person, how the Prezy video can be used because you will always need a dark background, for example. Yeah. Okay. So I would do the same thing here. I would click on create a video. Now we are in the version that we're designing thinking, especially for the Prezy video use. So I agree. Click a great video and I will allow my camera. And you can clearly see the difference, right? Now I have this free space to just to Kool-Aid to use the screen and all the content is organized in one side of the screen. Well, what I talked about the text box always having a background behind is to avoid things like that. If I just place my text floating in the background, for example here, well, the light is making my skin very white. So you cannot read this part of the text, right? And even if you were not that white, it will be difficult to read anyway. Yeah. For example, if you didn't have this, you'll see in my background, I have some picture frames. Yeah. It's, it becomes impossible to read the content. So for all the text box, I always add a shape, something to give more contrast, contrast, and then the text will be easier to read. Let me ask you a question based on the different implementations for the video that you have done and that I have done. What is your experience when it comes to the text, to the size of the text? Like, because there is people that will be watching, let's say that you are presenting on Zoom to 10 different people that are geographically distributed and some of them have a tablet, some of them are on a laptop, and some of them are on a phone. Have you found a way to get to a compromise between all the screen sizes when it comes to the size of the text or the visibility of the content? Yes. Well, this is a problem that we also, not a problem, but a challenge that we also have with a regular presentation, right? When you are sharing a screen, if you are not using press video, ensure your camera at the same time, but if you are just sharing the screen, you always have to avoid the small text. Not even for mobile, for people that are watching on mobile, but even in computers, if you have a text that is small, I think it would be hard to read. Like websites. Well, it's hard to say because when we are talking about press, we don't have points to control the size of the text, right? Right. And neither we have the option to dynamically set the size of the text based on the device. From a website, you can say on mobile phones, show the text at 10 points, and on desktop, show the size at 8 points. We cannot do that with press, right? No, you cannot. So, yeah, the recommendation is to use less text as possible as you are going to talk while you are presenting. Your speech should replace the text, right? You can use the presentation just for keywords. I mean, the visuals just for keywords and visual metaphors. Just for the audience, Guillermo is sharing the screen while also sharing with the video on, so it's normal for the system to lag because the video is on a loop for Guillermo. When you are with press video, this doesn't happen. No, yes. And also I have a lot of presentations open and here are new tabs, a lot of memory, I assume it. Okay, so when you really need to use some text as the content of your presentation, the recommendation is always to try to find the balance, not make it so big, but try to do a test. Yes, try to read the text from some distance, like five meters, and then you can test if you still can read it or not. Right. So take a distance and see if you can still read the text or try the presentation before presenting to the public, your audience, your stakeholders or prospects. Watch the presentation yourself and make sure that all your content is clear again, in different... Different device, yes. Yes, I agree. Good. Well, another presentation about remote themes, right? Basically the same thing here on the left, we have the regular version, the regular press. On the right, we have the press video. So as you can see here, we use the full screen to distribute the content. Our biggest difference here is that we made the computer much smaller and instead of having the title inside the computer screen, we added a box here. Well, do you remember what I said about always having a shape behind the text? The text. Yeah, maybe you would say, okay, but you don't have a shape behind how companies are, but I actually do. If I zoom in, you can see that I have a yellow shape. It's the same. You have it and it's the same color as the background. Yes. So when you look at the presentation like that, you don't see the box behind the color box behind the text because it's the same color as the background. Yes, correct. But it's here. And then here, I'll just go frame by frame just to show the difference. Can you enable the camera for the one on the right? Right, yes. Yes, but I need to open it in edit mode. So let me just click here again, create video, continue. I don't need to adjust my content because it was already designing. Right. So that's what I wanted to see. You have solid color background for that presentation, but when you present with press video, that solid color background is not seen. Is that what press video does? And if you have a picture on the background, will press video also ignore that background? Yes, actually we have a picture here. We have a very opaque word map here so we can answer your question. Here we are using a picture as the background. Same thing here. We have a picture. If I click here in background, you can see that we have a picture. But yeah, press video ignores your background. Even if it's a picture. Both color and an eventual picture. Colors, gradients and pictures. If we ignore anyway. You can see that the screen here on the right side is smaller but it's because I am on add mode so we have this sidebar here. But you can compare them. Now just show a few different screens to show the difference. So here first thing, we organize all the content in the right of the screen. You can see all the shapes behind the text to make it readable. Yeah, and it just changed a little bit. It's just the position of the content. This is the only difference. Basically users need to make sure that you leave room for yourself. Yes. Whoever is presented. Yes, great. Well, I would I will open another present video just to show also that we can use complex graphics as well. This was a presentation about the vaccines for COVID. It was designed when the vaccines were being developed and showing the different technologies that could be used to develop vaccines. So basically you have a few topics here. It's a very visual presentation. We don't have a lot of text. We just have graphics. But the idea is that we start to talk about what is COVID. First thing people make some confusion is that the name of the virus is SARS-CoV-2. COVID-19 the name of the disease coronavirus disease 2019. Oh, I didn't know that. That's interesting. Then here we talk about how the virus well they destroy the cells and after they kill the the cells they spread and they infect other healthy cells and then they kill more cells they destroy the cells and they spread to infect the others. Right? Here we talk about how are human when it's infected start to try to block the virus. I would not do a lot of details here. I know that you are not a doctor and that you don't. But it's very interesting how with images and you telling the story can make it so much more amazing, comprehensive complete where I can see visuals the visual metaphor, but I also have to keep a connection with you. You are talking on screen, so I'm connected to you and you are telling the story supporting that with visuals in a very specific way. This is amazing. Yeah, and we also can use different ideas. For example, here the person that used the presentation I suggested something different, but the person didn't feel comfortable for doing that. But here, for example when we are talking about the virus infect the body, instead of having a human body image here I could just make the viruses appearing around myself. Right? So I would really interact with my content. But of course you have to check with the presenter, in this case it was not comfortable to give such a different presentation that would be something just to show you that you have a lot of possibilities. Here we talk that. The prevention measures is great that you can talk about the different ways to prevent or to mitigate the dispersion of the virus and that you can be telling that while at the same time keeping yourself on screen and keeping the connection with your audience while at the same time using visual metaphor to convey the message. It's excellent. Yes. So the idea for the visuals was to show that to have a lot of technology apply it behind the development of the vaccines. That's why we created this style. Excellent. I like it very much. I like how you use visuals to tell a story through visuals while you are actually telling that story. This is what I have to show today about press video. But of course I would be happy to answer any question you may have. Guilherme, thank you very much. This is amazing. Thank you for investing the time with me for our students and we will probably ask you to do a follow up on this one. Thank you for the opportunity. I am really happy to share something some of my experience with you. Thank you. See you next time.