What is Responsive Design, and Does My Business Need It?

EAG, December 18, 2013

a board game shows how responsive design mattersIs My Website Already Responsive?

Chances are, if your business website wasn’t built or re-designed in the past year or so, it isn’t employing a responsive design. There’s been a lot written in the past 6-months-to-a-year about why your business needs Responsive Design, but understanding exactly what that means can be confusing.  It stands to reason that if your website “responds” when viewed on a tablet or phone that it should qualify, right? Not necessarily.

Is it really worth worrying about? Most likely. Your website is usually a new prospect’s first exposure to your brand, and you have about 15 seconds to make your first impression! And if that 15 seconds is spent viewing your site on a mobile phone or tablet, and you haven’t thought about how that looks… well, that presents a problem.

Mobile Friendly Websites are the Norm

Long story short, a mobile friendly site typically means a site was designed for desktop users, but will work (with little or no regard to user experience) on mobile devices, often times serving a smaller version of the desktop site.

Yes, your mobile friendly website will work on a mobile device, as well as a tablet. It actually might not look that bad on a tablet either. The user will be able to view it, interact with it, and get the return of information that they would from a desktop. As noted above, most frequently this is simply a scaled-down version of the desktop site that requires users to “pinch and grab” the content they want to expand it and make it easier to view. Most would agree this isn’t the preferred user experience (especially if your site has an e-commerce component or needs to display product). Functional, but not fantastic.

Employing Device Detection

Long story short, this serves a unique user experience depending on the device being used to view the site. If it’s a phone, an interface specifically for a standard mobile screen is served. If it’s a tablet, an interface just for tablets is served.

Device detection is a process of identifying the type of “machine” trying to view your website. This commonly uses the HTTP headers transmitted by the user’s browser as a User Agent, though it can also be performed from other headers if present, such as IMEI or UAProf links. Mobile device detection systems typically combine detection with the creation or retrieval of a capability profile of the device. These vary greatly in complexity, ranging from one data point to many hundreds. Feel a little lost reading that? Consider this… a device detection process answers the twin questions of “what is it?” and “what can it do?”

There’s a potential problem here, more so a future problem than anything else. The clear lines between phones and tablets are blurring rapidly.  Phones are getting bigger. Tablets are getting thinner. It may not matter in the end, but there’s potential for confusion. Oh by the way, keeping this up may feel like maintaining three separate websites. Just something else to consider.

The Beauty of Responsive Design

Long story short, a responsive design will automatically optimize itself to fit perfectly on a user’s screen. So if the user has a small screen, the elements will rearrange to show your most important content first, and big enough that the user doesn’t need to hunt-and-peck for it.

You’ll have bigger buttons, more blank space between elements to avoid accidental activation, and see your content “stack” in order for a user to scroll down the page and consume it all in one fluid motion if they see fit. A Responsive layout is a combination of fluid grids and images with media queries to change the layout based on the size of a device viewport. With responsive web design one code-base, deployment, and URL provides you with access to many devices including future ones you haven’t encountered yet. You update your website once, and it’s optimized for all devices (by way of their screen size) automatically.  Pretty slick right? Even better, this is a increasingly important component of effective SEO!

Don’t think that layering in responsive design requires you to scrap your site and start from scratch or undergo a lengthy site redesign. Especially if you’re site is built on a user-friendly platform like WordPress, it might not be the daunting task it seems like after reading this. Interested in learning more? Fill out the simple form on the Contact Us page, and let’s start a conversation!

 

48 Responses

  1. Su Duggin says:

    Wow, superb blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is great, let alone the content!|

  2. My family all the time say that I am killing my time here at web, except I know I am getting familiarity all the time by reading such good articles or reviews.|

  3. Heya i’m for the first time here. I came across this board and I find It really useful & it helped me out a lot. I hope to give something back and help others like you helped me.|

  4. Today, while I was at work, my sister stole my iPad and tested to see if it can survive a 30 foot drop, just so she can be a youtube sensation. My apple ipad is now destroyed and she has 83 views. I know this is totally off topic but I had to share it with someone!|

  5. You actually make it appear really easy along with your presentation but I find this matter to be really something which I think I’d never understand. It sort of feels too complex and very huge for me. I am taking a look ahead on your subsequent publish, I¦ll try to get the hang of it!

  6. zortilonrel says:

    What i do not understood is in truth how you’re no longer really much more neatly-appreciated than you might be right now. You’re so intelligent. You know therefore considerably in the case of this matter, made me in my opinion imagine it from numerous various angles. Its like men and women are not involved unless it is one thing to accomplish with Lady gaga! Your individual stuffs great. Always handle it up!

  7. I am impressed with this internet site, rattling I am a fan.

  8. Hi would you mind stating which blog platform you’re using? I’m going to start my own blog in the near future but I’m having a hard time choosing between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique. P.S My apologies for being off-topic but I had to ask!

  9. Wow! Thank you! I permanently wanted to write on my site something like that. Can I include a portion of your post to my website?

  10. You have noted very interesting points! ps decent web site.

  11. I’m curious to find out what blog system you’re using? I’m experiencing some minor security problems with my latest site and I would like to find something more safe. Do you have any recommendations?

  12. I needed to put you this tiny remark just to say thank you as before for your personal marvelous techniques you have provided here. It is certainly incredibly open-handed with people like you in giving freely precisely what a few individuals would have offered for sale for an e book to get some bucks for their own end, chiefly seeing that you might well have done it in case you decided. These tactics likewise worked as a fantastic way to be aware that other individuals have the identical fervor really like my personal own to figure out great deal more pertaining to this matter. I am sure there are thousands of more fun sessions ahead for many who go through your website.

  13. Wow, marvelous blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your website is great, as well as the content!

  14. I conceive other website owners should take this web site as an model, very clean and wonderful user genial layout.

  15. futurestarr says:

    Hello, I enjoy reading through your article. I wanted to write a
    little comment to support you.

  16. perfectxml says:

    I like this web blog its a master peace ! Glad I found this on google .

  17. perfectxml says:

    I like this post, enjoyed this one regards for putting up. “The goal of revival is conformity to the image of Christ, not imitation of animals.” by Richard F. Lovelace.

  18. Hello! I just wanted to ask if you ever have any issues with hackers? My last blog (wordpress) was hacked and I ended up losing a few months of hard work due to no back up. Do you have any solutions to stop hackers?

  19. perfectxml says:

    You are a very capable individual!

  20. I genuinely enjoy reading through on this site, it has excellent articles.

  21. perfectxml says:

    I and my guys came looking at the excellent procedures found on your web page and so all of a sudden got a horrible suspicion I never thanked the website owner for them. The men became consequently passionate to learn all of them and have in effect in truth been having fun with them. Appreciation for truly being so accommodating and for utilizing certain fabulous subject matter most people are really desirous to be aware of. Our own honest regret for not expressing gratitude to earlier.

  22. I’d have to test with you here. Which is not one thing I normally do! I enjoy studying a submit that may make folks think. Also, thanks for permitting me to comment!

  23. perfectxml says:

    It is really a nice and useful piece of info. I’m happy that you shared this helpful info with us. Please stay us informed like this. Thank you for sharing.

  24. perfectxml says:

    Lovely just what I was searching for.Thanks to the author for taking his time on this one.

  25. Hi, Neat post. There’s a problem with your web site in internet explorer, would check this… IE still is the market leader and a big portion of people will miss your fantastic writing due to this problem.

  26. perfectxml says:

    Hello! I just would like to give a huge thumbs up for the great info you have here on this post. I will be coming back to your blog for more soon.

  27. perfectxml says:

    hi!,I really like your writing very so much! percentage we be in contact extra approximately your post on AOL? I require an expert on this space to solve my problem. Maybe that’s you! Having a look forward to see you.

  28. perfectxml says:

    What’s Happening i am new to this, I stumbled upon this I have found It absolutely helpful and it has aided me out loads. I hope to contribute & assist other users like its helped me. Good job.

  29. Domotique says:

    Definitely believe that which you said. Your favorite reason seemed to be on the net the easiest thing to be aware
    of. I say to you, I certainly get irked while people think about worries that they just do not know about.
    You managed to hit the nail upon the top and also
    defined out the whole thing without having side-effects , people can take a signal.
    Will likely be back to get more. Thanks

  30. perfectxml says:

    I will immediately clutch your rss as I can’t find your email subscription hyperlink or e-newsletter service. Do you’ve any? Kindly allow me recognise so that I may subscribe. Thanks.

  31. movie says:

    I used to be recommended this blog through my cousin. I’m not certain whether or not this
    post is written via him as nobody else recognise such special approximately my trouble.
    You are amazing! Thank you!

  32. perfectxml says:

    I like the helpful information you provide in your articles. I will bookmark your weblog and check again here regularly. I am quite sure I will learn plenty of new stuff right here! Best of luck for the next!

  33. perfectxml says:

    Hey are using WordPress for your blog platform? I’m new to the blog world but I’m trying to get started and create my own. Do you require any coding expertise to make your own blog? Any help would be greatly appreciated!

  34. perfectxml says:

    With havin so much content and articles do you ever run into any problems of plagorism or copyright violation? My website has a lot of unique content I’ve either written myself or outsourced but it appears a lot of it is popping it up all over the web without my authorization. Do you know any techniques to help stop content from being stolen? I’d genuinely appreciate it.

  35. perfectxml says:

    Great amazing issues here. I?¦m very satisfied to look your post. Thank you a lot and i’m taking a look ahead to touch you. Will you kindly drop me a mail?

  36. perfectxml says:

    Yeah bookmaking this wasn’t a speculative determination outstanding post! .

  37. perfectxml says:

    I do love the way you have framed this concern and it does present us some fodder for consideration. Nevertheless, from just what I have witnessed, I only trust as the actual feedback pack on that folks keep on point and don’t start on a tirade involving the news du jour. All the same, thank you for this excellent point and while I do not necessarily agree with this in totality, I respect your standpoint.

  38. Hi there to every , for the reason that I am actually
    keen of reading this webpage’s post to be updated regularly.

    It consists of good information.

  39. perfectxml says:

    Outstanding post, I believe blog owners should acquire a lot from this web site its rattling user genial.

  40. It is not my first time to visit this website, i am visiting this web site dailly and take nice data from here every day.

  41. Greetings! This is my first visit to your blog!
    We are a group of volunteers and starting a new project in a
    community in the same niche. Your blog provided us beneficial information to work on. You have
    done a wonderful job!

  42. perfectxml says:

    This blog is definitely rather handy since I’m at the moment creating an internet floral website – although I am only starting out therefore it’s really fairly small, nothing like this site. Can link to a few of the posts here as they are quite. Thanks much. Zoey Olsen

  43. After I initially commented I appear to have clicked the -Notify me
    when new comments are added- checkbox and from now on whenever
    a comment is added I get 4 emails with the exact same comment.
    Perhaps there is an easy method you can remove me from that
    service? Thank you!

    Feel free to visit my web site: 먹튀폴리스 토토사이트

  44. perfectxml says:

    I like this blog so much, saved to fav.

  45. perfectxml says:

    This is the right blog for anyone who wants to find out about this topic. You realize so much its almost hard to argue with you (not that I actually would want…HaHa). You definitely put a new spin on a topic thats been written about for years. Great stuff, just great!

  46. perfectxml says:

    Hello! I know this is kinda off topic but I was wondering if you knew where I could find a captcha plugin for my comment form? I’m using the same blog platform as yours and I’m having difficulty finding one? Thanks a lot!

  47. This post is worth everyone’s attention. Where can I find out more?

  48. Amazing blog! Is your theme custom made or did you download it from somewhere?
    A design like yours with a few simple adjustements would really make my blog shine.

    Please let me know where you got your design. Cheers

Tell Us What You Think