As is fairly typical with developers, creating a really great design is not my strongest skill. Additionally, many designers aren’t going to be the best choice to implement a really great design, especially on enterprise platforms like WebSphere Portal. So, we find ourselves needing to work together. Communication on principals of human-computer interaction, technical capabilities of a system, and customer requirements becomes paramount to a project’s success.
A major requirement of every site being designed and developed in today’s world of cell phones and tablets is that the interface is mobile-ready. As I have handled more responsive sites, I have thought about how to really define mobile requirements and design around them.
If you weren’t aware, there is a distinct difference between the physical width of mobile devices and their effective width (all in pixels). For instance, a Samsung Galaxy S5 has an impressive physical resolution of 1080x1920, but an effective resolution in browsers of only 360x640. There are many lists that show these resolutions, but for this post I will be referring to http://mydevice.io/devices/
So, as a designer, how should you go about building your site in order to be fully responsive? Here are the steps I recommend:
There is obviously a lot more that goes into building a responsive site, but these are the steps we recommend when dealing with which resolutions to support. Have questions or want to share strategies that work for you? Let us know on Facebook or Twitter!