You finally have a website up. Phew! But wait, what is this…a…mobile site? Isn’t my site going to squeeze and contort itself to the size of people’s phones and tablets and still look great?
Sorry, but the answer is no.
Mobile sites are the new “it” thing to do since so many people are accessing sites from their phones and tablets. I read an article recently that said more and more students are filling out their FAFSA applications on their phones. The screen may be smaller, but people are able to access information whenever and wherever. Oh, technology!
So I dabbled with learning how to make responsive websites, and, folks, it’s fairly easy. You just have to give up a lot of features that you really love from your website in order for people’s phones to load the page quickly. And, really, the most important thing to consider is that people get the information they’re looking for. I say the simpler the better. Skip the tricky navigation and banners, big logos and huge JPEGs. It’s really just a lot of text.
If you work with CSS like I’m doing right now, all you have to do is create a separate stylesheet for the mobile design and on your main HTML page, just tell the browser to display that if it’s a mobile device. It’s that easy! I found a great site for some templates if you’d like to try it out. One trick I learned to test out the site real quick on your desktop is to open the page in a browser and then make the window as small as you can. Play with the size and see what happens to your content. Everything essentially turns into a one column design.
Oh well, enough of my take on it. Go do some research and make an awesome mobile site like I know you can! 🙂