Responsive Website Design is ‘Well Adjusted’ for the Modern Web

responsive designYou’ve probably noticed the mobile internet revolution is here. Powering that revolution is something, you may-or-may-not have heard of, called responsive design. Responsive web design means that you don’t have separate mobile, tablet, and PC versions of your site. Instead you just have one. A responsive website adapts to whatever size screen it’s being displayed on.

Makes sense right? There are more and more internet devices on the market and they all have different sized screens. It would be impossible to design a separate website for each one.

Responsive website design has become the golden standard in just a few years. Google endorsed responsive design as their “recommended configuration” in a blog post in June of 2012. Mashable has dubbed 2013 as the “year of responsive design

This is why HostBaby has committed to creating responsive templates. In fact, we’ve already launched over a dozen responsive templates, with more on the way.

Why is responsive design so great? I’ll give you 5 reasons.

1. Responsive Design is Good for the Web

Making content on mobile different from desktop fragments the web and makes it harder for users to find what they need.

2.Responsive Design is Good for Search

A paired down mobile site is usually light on content and links, and therefore it wont rank well. A responsive site puts all your value (content, links, likes, etc) in one place.

3.Responsive Design is Good for Design

Responsive design allows designers to create designs that look great, stay aesthetically consistant, and adapt to improve usability across devices.

4.Responsive Design is Flexible

Not only does a responsive website move graphic elements around to fit your device, you can change the behavior of a responsive site based on the device. For instance you could create a mobile-friendly nav menue that appears on mobile devices but not on desktops.

5. Users Like it

For users, responsive design ensures a great experience on every screen.

Note for HostBaby clients: To choose a responsive template for your site, use the “responsive” selector in your account under “Theme Chooser”

Do you have any thoughts or experience with responsive design websites? Leave your comments below.

Downdload free guide: 10 website optimization tips

8 comments to Responsive Website Design is ‘Well Adjusted’ for the Modern Web

  • I would like to see a few more design choices. I tested most of the responsive designs but none of them worked well with theme I wanted for my music. There was one that looked very good on a mobile phone which was the Leather Stretched version however the color and leather theme doesn’t work well with my music. Will there be more themes in the near future. One that is i use now is the Banners Cosmic, would love to see one with a similar theme.

  • Alien Skin

    Changing my current theme which I’ve had for the 2 years I’ve been with Hostbaby, to something new which I have no knowledge of, is fraught with the possibility of disaster. HostBaby does NOT allow us to experiment on a new design without losing the current one. I think this is a deterrent to trying something new & needs to be resolved. We need a more user friendly process.

    I would certainly wish to experiment on a Responsive Design, but with the full knowledge that till I get it absolutely right in the draft stages, including sourcing correct sized banners and other elements peculiar to a new template, AND ONLY THEN, that my current design is not replaced.

    Please give us peace of mind by adding this user friendly ability to the HostBaby experience:)

  • Alien Skin there is a way to prevent the loss of your current page design, if you use the site editor you can save your current web site configuration. Once you experiment with one of the new responsive sites, if you don’t like just go back to your original design choice and it you will see a pop up that asked if you want to use the saved template. I did that and I had my site back exactly as it was. It would be nice though if there were a feature to preview the new design without making it live.

  • Alien Skin

    Thx Robert, I do now recall the theme save function. It’s been a couple of years since I ventured down that path though and have been reticent to mess with major changes as I am not confident things will work the way I hope them to. Site creations make me nervous:) I will try it out though.

    I do agree that the template choices are way too few, and I’m forced to accept the only one that is closest to my current one. Speaking of, that also was a forced choice for similar reasons.

  • Just Reading

    HELP!!! WHICH TEMPLATES are “Responsive Design”? I don’t see the delineation anywhere on the template page!!! I use Hostbaby2, and that’s the only one I know how to use. Please don’t give me a huge new learning curve on a system I don’t understand – I pay for Hostbaby2, and there are no “Responsive Design” templates listed clearly.

  • Alien Skin

    Hi Just Reading, go to the “Select Theme” page, the table you see on the main page has 3 columns: 1. Layout 2. Color 3. Additional Filters. At the bottom of the ‘Additional Filters’ column you should find a tick box titled ‘responsive’. Tick that box and all the available Responsive Templates will appear. I’ve just done it myself, and there’s no real additional learning curve.

  • The Site Builder saves every version of your theme. So you can always go back to your old theme if you don’t like the new one. Try on as many templates as you like. Switch as often as you wish.

  • More responsive designs are on the way. We expect to launch new responsive templates every month for the remainder of the year. We already have a bunch of new themes on deck.

    Chris B

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>