In the previous blog post we discussed about streamlining navigation, here we will discuss about Responsive design.

An UI is considered responsive, when the layout and content responds based on the size of screen (Devices) they are presented on. A responsive design changes automatically to fit the device you’re using it on.

Principles of User Interface: Responsiveness

A Responsive UI is important for the usability and ease of access for the user. Now let’s see what all helps to make a design responsive.

Use column layout for responsiveness

A 12 column grid layout design is the best way to ensure responsiveness of a design. If you don’t know what it is, you can understand about 12 column grid here. A grid layout ensures the design adapts easily when screen size is changed. You can roughly check the responsiveness in a very simple way by resizing your browser window.


Parallax scrolling


Parallax / scrolling websites are very popular now a days to create unique viewer experience. It provokes curiosity and it makes the users stay. Downside of scrolling websites – SEO takes a hit. Also too complicated parallax designs are not mobile compatible

Go through the most engaging parallax design I saw in recent times,  official website of SONY


Drop Down menu

Uneasy navigation is a vibe killer. So making your menu bar accessible anytime anywhere is important. Especially in small screens. You can literally store important content easily accessible for the user. It also frees up white space in UI when it comes to small screens. And of course, sassy looks.


Keep Google standards


Make sure your website UI keeps up with google standards. You can learn more about Google standards here.


Basic set of guidelines from Google are: 

  • Make pages primarily for users, not for search engines.
  • Don’t deceive your users.
  • Avoid tricks intended to improve search engine rankings. A good rule of thumb is whether you’d feel comfortable explaining what you’ve done to a website that competes with you, or to a Google employee. Another useful test is to ask, “Does this help my users? Would I do this if search engines didn’t exist?”
  • Think about what makes your website unique, valuable, or engaging. Make your website stand out from others in your field.


Read more about our mobility services here

Also be informed about how to make your website perform well here