FIVE COMMON MISTAKES
OUR EXPERTS HIGHLIGHT ERRORS THAT KEEP CROPPING UP WHEN IT COMES TO RESPONSIVE WEBSITES
1 LACK OF EMPATHY
“The biggest mistakes you can make when it comes to responsive web design are the following: treating the web as if it were print, not putting yourself in other people’s shoes, and making assumptions,” says Bill Kingston of Elixirr Creative.
2 LEGIBILITY ISSUES
“A common mistake I’ve found newbies make is the use of tiny font sizes on mobile,” says Joel Maynard of Superrb. “Bigger fonts may not be as visually pleasing from a designer’s perspective, but text has to be legible, otherwise it may as well not be there.”
3 TEXT WRAPPING
“Issues with text wrapping are common,” says Chris Robinson of ustwo. “It’s easy to design layouts that look perfect, yet the moment you use variable ‘real’ content it becomes a mess. So it’s important to stress-test layouts with the type of content you expect to see. There are great plugins for popular design tools that can help you do this.”
4 BROKEN HIERARCHY
“I often see hierarchy fall down on mobile,” adds Robinson. “Calls to actions get pushed out of view, which can really impact performance. It’s also common to see an interaction that works well on a mouse-driven interface but falls down completely on touch; or design for specific devices, rather than a good range of breakpoints.”
5 TAKING SHORTCUTS
“I think the most common mistake for those learning anything is trying to take shortcuts; don’t,” says Chris Butterworth of The District. “If I was learning RWD again, I’d read up on mobile-first development, which I see as best practice for making responsive designs, and move forward with that,” he explains.