Small screens revolutionize web design

Responsive vs. Mobile websites

Do you know how your business website appears on mobile devices?

How important is it to have a website that functions as well on mobile devices as it does on lap tops and desk top computers?

According to recent statistics from Pew Internet (June 26, 2012), 55% of adult cell phone owners in America use their phones to go online at least occasionally. The same study found that 31% of those cell phone Internet users go online almost exclusively using their cell phones - and that number is growing fast!

The convenience and portability promised by the first cellular phones, released in 1983, have finally been delivered by today's mobile devices that have features, coverage and even battery life that few could have imagined 30 years ago.

As cellular technology improved so did signal quality, making mobile phones more practical for regular use in an ever increasing number of locations around the world. Then came texting, GPS and data plans, smart phones and tablets with touch screens. Today a growing number of people rely solely on their mobile devices for phone calls and texting, business calendar, camera, games and books and access to the Internet.

Like it or not, mobile devices have arrived and they are here to stay.

So what can you do to ensure your website appeals to visitors (and search engines) no matter what device is used to access it?

There are two main schools of thought on this issue:
1. Businesses should develop separate websites for desktop devices and mobile devices - including repurposed content and smaller pictures more suitable for mobile
2. Businesses should develop websites that automatically reformat themselves depending on which device is being used. This is known as responsive website design

Mobile sites
Creating a separate website for mobile devices seems like the obvious answer for businesses that want to appeal to mobile users. With a dedicated mobile site, content, pictures and design are optimized for smaller screens and the interactive features of mobile devices, such as touch screens and click to call directly from a website. Having a dedicated mobile website can really benefit certain types of businesses where clients are most likely to want immediate and direct interaction for things like movie listings, restaurant reservations, book downloads and online ordering.

However, developing two websites raises the cost significantly, as well as increasing the amount of time required to properly update and maintain both sites.
Another consideration is that if you have two different websites, your 'link juice' will be divided between them, making both weaker in the eyes of the search engines. Back links are one of the most important factors that search engines like Google consider when ranking your website so you want to squeeze every possible bit of 'juice' out of those valuable links.
And just as important, users don't want to feel like they are missing something by using a stripped down version of the 'real' website.
What users want is the full website experience on any device they choose to use, whether that's a laptop, desktop, tablet or smart phone.

Responsive websites
As the name implies, responsive websites are built to automatically reformat themselves for particular devices. What happens is, the website developer sets up parameters that determine the layout of the web pages depending on the screen size. So the web page displays a certain way on your laptop, reformats itself when you bring it up on a tablet and then again when you access the same website on your smart phone. Responsive design even adapts to the horizontal or vertical orientation of your device.
Reformatting can involve a lot of different things: moving and truncating menus, hiding photos and changing text layout, for example.
There are many benefits to using responsive design, starting with the money and time you save by developing and maintaining one website, rather than two.
Responsive design is better for the search engines as it reduces duplicate content, doesn't dilute your link 'juice' and is preferred by Google.

One major downside of responsive websites is that the pages are often larger and load slower on mobile devices. Users expect pages to load quickly and won't wait around long if they don't. Web developers have to keep this in mind, taking advantage of new technology like HTML5 to design responsive websites that work well on both large screens and smaller screens and also accommodate the interactive nature of mobile devices.

Mobile first
From the beginning, the idea of responsive design has been to downsize a 'regular' website to fit the smaller screens of mobile devices. However, some web developers have recently started promoting the idea of mobile first, which basically means designing a mobile website and expanding it to fit larger screens rather than the other way around.
Mobile first makes mobile design a priority rather than an afterthought, according to Brad Frost, a blogger and speaker who has done extensive research on responsive vs. mobile design.
"This mental shift in design strategy has designers wire-framing, Photoshopping, prototyping and presenting on small screens first (rather) than trying to cram large, complex desktop designs onto small screens," Frost wrote in a recent blog post.
"Mobile first styling results in smaller, more maintainable and easier-to-read code."
Blogger Josh Byers puts it this way:
"It's the idea that you are not building a web page anymore but rather a 'network of content' that can be arranged and displayed to show it off in the best way possible, no matter where it is being viewed. We should start designing for the mobile device and its constraints and then allow the site to grow."

Mobile first also refers to an entire generation of people who primarily access the Internet through mobile devices.
"One of the most potent facts here is ... that many users will likely only ever see the mobile version of your site. That's an astounding revelation, isn't it?"
- J. Johnson (March 13, 2012)

With all of the arguments surrounding responsive and dedicated mobile websites, everyone seems to agree on one thing: improving the overall user experience has to be the priority because if users don't have a good experience with a particular website, they will leave and they likely won't be back.

Our News

Read about latest trends, emerging technology, website tips and get expert advice on using the internet to drive customers to your web pages. Subscribe to our newsletter to get the headlines and expert information in your inbox.

"We are incredibly pleased"We are incredibly pleased with how the Website is landing on Google, it’s almost always number one and sometimes number two. The business increase has been dramatic! Thank you so much to all of you at INM, not only were you helpful, but most importantly you delivered exactly what we needed.

~ Theresa (Edmonton Clinic of Naturopathic Medicine, Edmonton)

"I'd recommend INM to anyone"Industrial NetMedia did a great job designing my website! They took a lot of time to understand what I wanted first and then made it all happen, while keeping me involved in the process. I'd recommend INM to anyone who wants to build and market a website.

~ Steve Hammond Agency

"He gets top marks in all categories"Mike is by far the best techno weenie I have ever had the pleasure of working with, and I still deal with him on a regular basis.. I trust his opinion on anything in the computer world over anyone else I know.. to consult for me on technical issues whenever I get over my head. He gets top marks in all categories, and I promise you will not go wrong with whatever it is you want him to do.

~ Dan Bourque (Syncrude)

"INM has taken our website to the top of the search results in Edmonton"INM has taken our website to the top of the search results in Edmonton for our industry. We highly recommend INM if your customers use the internet :)

~ Jody Gamracy (Blue Falls Manufacturing)

"Mike is the easiest person to work with"Mike is the easiest person to work with. I provided him with an idea and he made it better in every area. Mike is always available to answer questions or be at your place of business to solve your problems. I have never had the pleasure of working with a more knowledgeable, professional person before. Hands down, Mike is the best at what he does!

~ Cindy (Certified Spray Booths)

"I look forward to continue working with them on any future projects"Industrial NetMedia has custom designed a practical, efficient, user friendly program for our company that has increased our productivity significantly. The technical support and attention to the customer needs has been outstanding. I look forward to continue working with them on any future projects that may develop.

~ Hans Carr (Petro-Canada Edmonton)

"We would highly recommend Mike"We would highly recommend Mike for any promotional or advertising project to build or enhance your website.

~ Barbara Rehn (Leduc Black Gold Rodeo)

"I’m very happy with all the work done"I’m very happy with all the work done on the re-launch of my website and Social pages now. Night and day from the other company I first worked with.

~ Wade Szymanski (Dominion Lending Key Financial) – EZ Mortgages

"I'd recommend INM to anyone who wants to build and market a website."Industrial NetMedia did a great job designing my website! They took a lot of time to understand what I wanted first and then made it all happen, while keeping me involved in the process. I'd recommend INM to anyone who wants to build and market a website.

~ Steve Hammond (Now Radio)

"We were able to work with them by e-mail and had a professional finished product in record time."INM created a fresh dynamic website that is very easy to navigate and maintain. They made the process so easy. We were able to work with them by e-mail and had a professional finished product in record time.

~ Jean Williams, Cardium Region Victim Services

"We are happy with INM's service and performance."Industrial NetMedia has been providing Internet marketing Services for Leduc Golf Club for several years. The Golf Club was looking for a more economical method of advertising and turned to Industrial NetMedia for a more comprehensive marketing plan. This included a new website, advertising, social media and email campaigns. As a result this was a busy year and this was one of our smallest advertising budgets. We are happy with INM's service and performance.

~ Dave Robert, Director of Golf, Leduc Golf Club

"Our experience taught us that if we could dream it, the visionaries at Industrial NetMedia could deliver"Ironhand Drilling Inc. has had the pleasure to work with Industrial
NetMedia on a rebuild of our corporate website and developing a custom-designed Human Resources database. We have been overwhelmed
with the professionalism and expertise of the corporate team at Industrial NetMedia, from marketing through programming. Our experience taught us that if we could dream it, the visionaries at Industrial NetMedia could deliver a product far exceeding our expectations.
expectations. We would like to express our appreciation to everyone at Industrial
NetMedia for their part in creating a product that is truly second to none.

~ Ironhand Drilling Inc.

"Working with the team at Industrial NetMedia has been a great experience"Working with the team at Industrial NetMedia has been a great experience. Their knowledge of marketing was incredibly helpful when it came to making decisions on the initial strategy of how to recreate mG Artistry’s online presence. INM works in a very timely fashion. As soon as the new website went live I was getting response from people who were searching for my services and the traffic has continually grown.

~ Michelle Grad, mG Artistry

"We are really pleased with the results"Industrial Net Media was such a great fit for our company. They were receptive to our needs and gave our website a much needed update. We are really pleased with the results and have already had positive feedback from our customers. I would recommend them to anybody who wants to see results fast!

~ Sun Ray Spas, Edmonton

"Keep up the great work!"I just want to say how much we at Binh’s Nails Tamarack appreciate the terrific job you guys do with our social media stuff. Our blog is actually read by lots of our customers and they like to chat about the interesting tidbits which you guys post for us every day. Keep up the great work!

~ Grace Zhang, Binh's Nails Tamarack

"we quickly built a clientele thanks in part to your social media efforts"One Pot Simmer is truly indebted to INM for helping to make our new restaurant a huge success with top quality posts on our Facebook, Twitter and Google+ pages. It’s hard for new businesses to get established but we quickly built a clientele thanks in part to your social media efforts. Our great food probably helped a lot too!

~ Jason Song, One Pot Simmer

"Thanks so much"Thanks so much for how much support you always give us! You really do spoil us!

~ Nicole, Linx Connect

"It has been a pleasure."It has been a pleasure working with you. I like the website and think it’s a great job. I feel I can endorse you guys with good cause.