2 ms·
Simply put, Responsive design is only worth it if you do it correctly. Just because your site scales with browser dimensions does not mean that it scales with u
by ericcholis 14y ago
Simply put, Responsive design is only worth it if you do it correctly. Just because your site scales with browser dimensions does not mean that it scales with user expectations. There are a few rules to follow:
1) Test on as many devices as possible, even if you are using a tested framework. Your design is going to be different that what the framework author(s) have done.
2) Be agile and responsive to your users. Just because your responsive design is amazing doesn't mean that the user experience will match.
3) Catalog your "must have" features, such as search and navigation. Make sure that these "must haves" are present and accessible across all your designs. Loosing navigation on mobile means dead ends for your users.
4) Related to #3, keep your experience consistent across your devices. Perhaps mobile users do need a different site, but don't loose the core purpose of the site. Mobile shopping carts need to function as similar as possible to their non-mobile versions.
5) Responsive !== Mobile (sometimes). Just because the design scales with browser size doesn't mean it's ready for mobile.
6) Use a framework whenever possible. I don't care how smart you are, it's smarter to use a tested framework at least once. Even if this means that you eventually build your own, it will give you an idea of the conventions to follow.
7) Frameworks are awesome, but none are launch ready out of the box.
8) Find your dimension breakpoints, and what they'll do to your design. Don't go too crazy though, you don't need to design for every conceivable screen dimension.