Skip to main content

Tag: Responsive Website Design

Is It Time For A New Website?

You have a website that has been up and running for a number of years. In actual fact many organizations have had 2-3 generations of websites now a days. It looked great when the website was launched (they always do). However, over the years, it has become less and less of a focal point in your companies marketing plans. You don’t really know how much traffic is coming to the website (as the reports you used to get stopped coming). Additionally, the big part that bothers you is that you don’t seem to get any inquiries from your website any more.

Continue reading

Responsive Design

We do our best to help you  “Go Responsive … Responsibly.” When we build websites with responsive design 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. 

Some Key Quotes from Article: 

What Makes a Responsive Website Successful?

It’s not just about resizing the site. Responsive design should serve the user’s needs clearly, quickly, and intuitively. The quote below summarizes one of the most overlooked principles in responsive web design:

“…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.”
— Website Magazine

Practical Mobile UX Tips

Here’s another takeaway from the article that speaks directly to menu usability:

“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.”

In other words, design should guide interaction—especially on mobile. Clear labels, tappable elements, and thoughtful spacing aren’t just design choices; they’re usability essentials.

The Importance of Responsive Design

“… 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