Skip to main content

Tag: Responsive Templates

Responsive Design

We do our best to help you  “Go Responsive … Responsibly.” When we design a Responsive Website at Bear Web Design we focus on what a mobile, tablet or desktop visitor is wanting to accomplish.  Working with our clients we try to create a user experience that is optimal in varying device sizes. Check out this article from Website Magazine:

Some Key Quotes from Article: 

What’s more, because viewing websites on mobile devices is generally quite slow, most people are reluctant to start tapping all over a page. This means that design must make it visually clear what elements on the site allow for user interactions. Buttons, links, form fields and other points of user interaction must be large enough to be clicked easily, and spaced far enough away from other page elements that users don’t risk clicking the wrong elements. – See more at: http://www.websitemagazine.com/content/blogs/posts/pages/responding-to-the-hype-of-responsive-design.aspx?utm_source=newsletter&utm_medium=email&utm_campaign=newsletter#sthash.fiNiJ9zw.fS5Q6Zwx.dpuf
What’s more, because viewing websites on mobile devices is generally quite slow, most people are reluctant to start tapping all over a page. This means that design must make it visually clear what elements on the site allow for user interactions. Buttons, links, form fields and other points of user interaction must be large enough to be clicked easily, and spaced far enough away from other page elements that users don’t risk clicking the wrong elements. – See more at: http://www.websitemagazine.com/content/blogs/posts/pages/responding-to-the-hype-of-responsive-design.aspx?utm_source=newsletter&utm_medium=email&utm_campaign=newsletter#sthash.fiNiJ9zw.fS5Q6Zwx.dpuf

“… viewing websites on mobile devices is generally quite slow, most people are reluctant to start tapping all over a page. This means that design must make it visually clear what elements on the site allow for user interactions. Buttons, links, form fields and other points of user interaction must be large enough to be clicked easily, and spaced far enough away from other page elements that users don’t risk clicking the wrong elements.”

“A safer approach for many sites will be to use a drop-down or “select” menu. The user simply clicks the menu and scrolls to the selection (or category) of interest.”

What is Responsive Website Design?

What is Responsive Website Design?

2013 has been declared the year of Responsive Design in many web circles. If you haven’t heard of  Responsive Design yet, you will soon. The reason it was created (and is snowballing in popularity) is because of the need to optimize websites on different devices — mobile, tablet,  laptop & desktop — with the growth of the mobile and tablet markets being the driving force for Responsive Design. 

In the last 12-24 months at Bear Web Design we have seen a significant increase in customers requiring their sites to be mobile friendly.  In the last few years mobile strategies have ranged from building completely separate standing mobile sites (which have been expensive to develop and quite often require double web content entry) to adding multiple separate templates to a website which would detect the device and execute the appropriate template.

Similar challenges have also emerged with the tablet market.  When you add the various browsers and operating systems into the mix of devices you can easily see the challenges that are facing websites today (and Web Designers and Developers).

Introducing Responsive Website Design!

Responsive web design is a web design approach aimed at creating sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).  Basically your website responds to the device and browser to give an optimal user experience.

Generally speaking these Responsive templates are built from the mobile level up (complete opposite of creating a mobile site from an existing full size website).  The template is then customized as needed to suit each device with image and content sizing and various element display.  The key is that all images, content, forms, buttons and other elements fit attractively (and usably!) into the device viewing the website.

Bear Web Design Commences Responsive Website Design

We have commenced designing and developing our custom templates using Responsive Design in late 2012 and we have our first client sites coming online in this quarter.  We will be sharing these sites with you and highlighting the sites on each device so that you can develop and increase your knowledge in this area. 

We are also very excited be able to offer Responsive Designs upgrades to our existing client base (which includes upgrading from Joomla 1.5 to Joomla 2.5 as part of that process). There will be cost and time involved in these upgrades and we will be sharing the process with our clients. But the rewards will be immense, as there is no doubt that websites which are not mobile and tablet friendly are going to lose a large segment of prospects and customers in the upcoming years!

Be sure to watch out for our Responsive Design blogs from our Design and Development team over the next few months.

Talk to us today about Responsive Website Design!

If you wish to find out what’s involved in making your website responsive shoot me an e-mail (or call me at 615 504 6845) to discuss!

Cheers,

Peter