If you’re surprised to read this one as the first item, we’ve been hanging out on different sites than you have. Cause the trend of pop-ups that are worthless on mobile is one that has been driving users batty for a while now.
Pop-ups can rub people the wrong way in general, but imagine being on a site you’re really interested in + not being able to read the content because there’s a pop-up over it but no “x” button in sight.
While some pop-up plugins + services have done their part to make things more functional on mobile, you can’t beat testing things for yourself.
Make sure that the close or “x” button is visible + that it functions, that the entire contents of the pop-up box are visible (even on smaller iPhone 4 screens), and that the opt-in form button styling doesn’t get messed up going from a large screen to a tiny one.
Speaking of opt-in forms, any form on your site can leave users frustrated if it’s not tended to during mobile testing.
If your contact form doesn’t work on mobile, you are losing out on that potential business. It’s really that simple. Same is true for your opt-in form conversion rate.
Just like the pop-ups, make sure the button styling stays put as you shrink your screen size. But also try actually filling out your form on you iPhone — does the arrow up/down function work well or does it move you to another part of the page? And check that all fields are wide enough to read the placeholder content inside, which may mean taking forms that have 2 fields side-by-side + stacking them on top of each other on mobile.
Loading a single page on your smartphone isn’t enough to make sure things are working smoothly. A lot of site owners get into trouble previewing one page at a time instead of using their menu to navigate the pages.
If you have dropdown menus (aka a services page with individual services listed once a mouse hovers over) you’ll want to make sure they work well on mobile devices where there is no such thing as a hover.
We recommend having dropdown menus show by default on small screens so that your site visitors get a glimpse of the entire menu when they expand it. Otherwise they’d have to tap the word “services” with their finger for the options to load + then tap their selection. It’s an extra step you can help them avoid.
Another big item to consider is if your menu is sticky or fixed to the top of the screen, how does that negatively impact users on small devices? The answer, it keeps them from taking in more of your content + there’s no need to have a fixed menu because all users can tap the top of their phone screen to immediately scroll back up to the top.
So keep your fixed menu on desktop + laptop, but then ditch it on tablet + smaller. That way you give your site visitors more screen space to read your content + fall in love with you.
If reviewing these areas has you going cross-eyed, let us help you make your WordPress site fully responsive. Our prices start at $510, but we will give you a personalized estimate if you want to know more details.