Avoid Being Abandoned
Last week we discussed embracing the mobile-friendly movement. Take a moment and look around, if you’re not reading this on a mobile device, you probably have one (or two) sitting within reach. Remember the last time you accessed a site on a mobile device, and you couldn’t read the text, or click the correct link? You kept navigating back and forth, making multiple attempts just to complete one action. Frustration ensued and you likely ended up abandoning the site altogether.
Don’t be the site that’s abandoned because it’s not mobile-friendly. The tips below provide high-level best practices to help you with mobile optimization
Stay “Above the Fold.” Mobile users are….well, mobile. If you’re a business give them your address, hours, and contact information right up front. If you’re an online retailer, make it easy to quickly and seamlessly make purchases. Place your purpose at the top.
Be Legible. Don’t make users tap and zoom to read your content. Avoid fixed size fonts and typography that distorts when scaled. The recommended default size is 16px and no smaller than 12px. For line-height the sweet spot is 1.2em.
Check out the 100% Easy-2 Read Standard for more tips.
Be All Thumbs. Tap targets (links, buttons, etc.) need their own space. Thumbs on a touchscreen aren’t precise so the minimum target for your buttons should be 10mm to avoid giving users a “fat-finger” complex.