Class#7: Responsive Design + Mobile Design + Intro to Wireframes

One of the important aspects of today’s furniture is the modularity. When you go to a furniture store you expect to find a set of items that you can easily combine or rearrange to fit into your space.

The same principle applies to responsive design, where a page can easily adapt to any mobile or desktop device arranging the content and UI elements to provide a better experience for the user.

Thanks to the media queries, we can easily create responsive website with css, allowing designers to prototype and test easily.

We have the opportunity to apply this concept of modularity in class with an exercise developing some wireframes for mobile and desktop for a car’s product page. I think the most challenging part was to ensure that the user has the most similar experience in mobile translated to desktop. Starting in mobile first force you to work on a reduced space and focus on the most important content. Then you upscale the content for the specific device.

I think responsive design is a very flexible way to develop a project specially if there is a time and budget constraint. Also, responsive design helps you create a more global picture and understanding of the interaction of UI elements in different devices.