Hi, I’m David from TinyFrog here to talk to you about how your website will look on mobile devices. During the design process we’ll design a desktop version to start off with and it’ll start on a high-resolution screen. What happens is, as we develop the site as software engineers, we test it on different screen sizes that go smaller and smaller until it’s roughly the shape of a mobile phone. And so what happens is the items that are in rows flip like this and get stacked on one another. Maybe on your website, you have a logo and you have a menu over here. On the mobile phone, the logo is on top and the menu goes down below.
When you’re designing a website with your designer, think about the different items that you put going across the screen and how they’re going to stack on top of one another. You can tell your designer how you want to prioritize different things on a mobile phone. Maybe it’s more important to show the phone number up top so that people on their phones can click on it to call you directly, or an address if you have a physical location and you want them to find you. We call that mobile responsiveness and it’s very important to think about during the design process.
We always pay a lot of attention to making sure that your website will work on any screen size, regardless of whether it’s an iPhone or Android or any kind of device. All that should matter is the screen size and that everything looks good when it’s getting squashed down and enlarged. Thank you.
Have fun designing your site and this is David from TinyFrog Technologies signing off.