Yep. There’s no getting around it anymore. You need a website with good aesthetics and looks good on mobile devices. For a multitude of reasons… the mere fact that there are so many people accessing the internet (and your website) on their small devices is reason enough.
If you’ve gotten your stuff together and now have a mobile friendly coded site. I’m sure you’re way happier (and Google is too)!
Congrats for taking part of the latest technological revolution!
Woohoo! You have a site made for small devices!
But does it look good?
In the world of technical diversity, not everyone has the same computer and small device and/or phone set-up as you. With a gazillion different devices on the market, how is it possible to know what people actually see when visiting your site? Luckily, there are great on-line emulators you can use!
Some Nifty Responsive Testing Tools
Here are three sources to check out your website design in various digital settings. Of course, the best way to really view the site is on the actual devices themselves. I don’t know about you, but I only own three of the MANY devices out there! This means that I rely on the good nature of my friends and family and my geeky communities to check things for me on their set-ups, or I’ll use the tools listed below:
I use this one often and recommended it to my clients the most. It has nearly all of the common desktop and handheld device options and allows for scrolling, rotation, sharing, etc. Type in your website address and check it out!
This is a pretty new and simple preview tool introduced by Google so you can view your website in different devices and the common break points.
3. A Web Browser
For some of us developers/designers, we quickly check responsive behavior by resizing a desktop browser. This is cool, but in no way, does it replace the actual “testing” on real devices or emulators. Keep in mind the browser sizes are arbitrary and don’t reflect the common breakpoints in small device sizes.
Tech jargon – Breakpoints are the exact device widths that a designer or developer are looking to target.
Are Screenfly and Resizer the only online emulators out there?
Uh, no. There are hundreds of them, I only listed the two I use the most so you can see what your website looks like on various devices. If you use something different, I’d love to know what’s in your tool box!
Not sure if your site is up to snuff?
Read Got a Mobile Responsive Website? to find out for sure if your website meets the mobile responsive requirements.
Check out your site!
What does it look like? I’d love to see!
Have something to share or a question to ask? Let’s connect! Send me an email or write in the comment section below.