The ways people view your website is growing every minute. Your site was likely viewed by thousands of different screen sizes in the last year: smartphones, desktops, tablets. Thinking about how to make your site look good on all of those can be an intimidating process. There are lots of strategies to take – you could create apps for many app stores, you could build custom sites for mobile devices (touch screens) if you have the cash. The best is a combination of those to hit as many screens as possible. But at the bare basic minimum, any website designed today should be responsive!
Responsive design is now reasonably easy to do. What it means is that you are creating your site with the ability to detect the screen size of the user and move the content around so that it displays best for that viewing experience.
- Understand your users’ behavior – where do they usually go and are they getting my key message there?
- Think about going with the mobile first approach if you have a lot of mobile traffic
- Get your organization together as there’s less time for errors: strategists, developers, designers, marketers
- Prototype from the beginning and get developers involved earlier
- Test lots!
Here’s example of what that might look like:
// Further Reading
Mashable: 7 Responsive Design Tips to Revamp Your Workflow
CSS Matter: 20 Responsive Web Design Examples for Inspiration
Webflow – coming soon a tool for creating responsive design sites visually