We asked three experts for their advice on getting started in responsive web design
_COLLABORATION IS KEY “The best sites are those that have been designed in a collaborative environment,” says Sean Masters, creative director at Leicestershire marketing agency Masters Allen. “Designers should work closely with developers, using tools like Adobe XD to help build an understanding between both parties as to how functionality or user stories can best be implemented.”
_KEEP THINGS SIMPLE “Too many sites are unnecessarily complicated for visitors’ needs,” adds Masters. “Designers need to remember the importance of keeping the design simple and not over-engineering a site’s navigation. This includes ensuring that loading times are kept to a minimum. Using flexible assets like Google Fonts and Font Awesome, along with a stripped back design approach, really helps here – even with video use.”
_USE TESTING TOOLS “Chrome and newer versions of Opera – which is my personal favourite – have great responsive testing tools so you can see how your website will look at different screen sizes,” explains Chris Butterworth, head of digital at The District. “Also, libraries like Hammer.js are amazing for detecting different interacting methods.”
_WORK WITH REAL CONTENT “Use the actual content that your users will see – not dummy or placeholder content,” says Philip Lackmaker, senior UX designer for global digital agency Potato. “This will help you structure the page and understand the information hierarchies you are trying to build.” You should also try to imagine the ‘worst case scenario’ in terms of how the content will appear, he continues, and use that as your reference.