|Source: Laura Mihelich|
Screen size difference between mobile devices and traditional laptop
computers creates a need for responsive design.
- Learn - As a designer, there isn’t much you can do until you’ve learned the capabilities of responsive design.
- Experiment - One of the best ways to learn is to experiment with liquid layouts. There are several framework systems that can be used to create responsive sites such as Foundation and Twitter Bootstrap. If you are using a content management system, such as Wordpress, there are plenty of customizable, responsive themes to choose from on sites such as ThemeForest.
- Research - Before you can create your responsive website, you have to know the audience you are building for. This audience will change depending on the client. As with ReadWriteWeb, clients may find out more about their audience through this process, which will help you when developing the tone of the new site. Here are some example questions:
- “How many people find the website via mobile?”
- “What behaviors do viewers need to perform on the website?”
- Using HTML correctly - With responsive design you want to make sure that the most pressing information appears on top of the page on every platform, so make sure to structure HTML to reflect this layout.
- Keep it simple - You don’t want to overwhelm the users with too many items on the page or a wall of text. Therefore, again, keep it organized and to the point.
- Optimize your photos for web browsing - Reduce your graphic/image resolution. Large, high-resolution images will slow down smartphone browsing, and users will not wait around if you site is not easily accessible.