The Business Edge Blog

Custom Web Development Ramblings

Responsive Design Example

22

January
2014
Posted By : Brandon Spilove Comments (0)

As an NJ custom web development company, we are frequently asked about our responsive design capabilities. These days, everything we build incorporates responsive design, whether it is our public facing websites, or the internal business applications that we build. We have to make sure that the applications we build will format properly on any device and platform. There are 2 primary schools of thought on formatting websites to fit various platforms and screen sizes, Responsive Design and Adaptive Design. With Responsive Design, there is no browser detection required. All of the screen resizing and reformatting is handled by the CSS with media queries. In Adaptive Design, the server detects what kind of device is accessing the website and delivers different content based on the device. Many times this involves redirecting users to a separate mobile site, commonly referred to as an "m-dot" site. At Business Edge Services, we are highly skilled at both methodologies, but lately our customers have been asking more for Responsive Design instead of Adaptive Design. There is a little less work involved because we are only building one site instead of two. Here is an example of a great responsive site that we've built: Visit the site here: imagine.davidyurman.com/giftguide and check it out on a cell phone or tablet device. It should fit the screen properly. This is an example of responsive design in action. In fact, this site here (www.busedge.com) is also responsive. Check it out on your cell phone or tablet and you'll see a different version of this page. Whatever the project, we will make it responsive, and give it that extra bit of animation effect to make it smooth and attractive. We are experts in JQuery, CSS and cross browser programming and can make just about any site have these same kind of effects.    

Read More
Categories : Responsive Design
Tags :

Responsive Web Design and Its Impact on SEO

31

October
2013
Posted By : Tamara Comments (5)

Responsive Web Design (RWD) is becoming more and more common today. And there is a reason that it is no longer an OPTION when building a website. It is very important from both a user experience and an SEO perspective. It is important to remember, that the web pages that are viewed through Internet web browsers get instructions to display the text, images and links from HTML, which can be written “by hand” using text editors, or it can be “generated” by web languages like PHP and ASP, which are created by web developers. It is often the case that websites viewed through different lenses appear differently. A website viewed through a laptop won’t look the same as it will on an iPhone. Mobile websites are often more simple designs, and require less load times (Google guidelines for mobile sites say a homepage should load in 1 second or less). This makes sense since bandwidth is often more precious on a mobile device than it is on a hard-wired network like a cable modem connection. What responsive design does is amend the site to whatever device/screen it is being displayed on. Now the website will look (nearly) identical no matter which device displays it. All the content will be displayed on whatever screen it is queried to display upon, but it may appear in a different order, or up to down on a mobile browser, and side to side on a desktop browser. Responsive design uses the same HTML to display the content on any browser, but uses CSS instructions to display the content in such a way that is ideal for the browser/screen displaying it. How does this all play into SEO? Well, for one Google recommends in its guidelines for smartphones that RWD be used to serve content to smartphone browsers. And another thing to take note of is if you do NOT use Responsive Design, and have something like desktop HTML pages and mobile HTML pages, you might have duplicate content and Google may potentially penalize you for having the same content twice on your domain. So steps must be taken to tell the search engines not to index the duplicate pages. Other factors which come into play are the bounce rate of Google users is higher when they are directed towards a site that they cannot properly browse or appears to “not fit” on their screen. According to this article, 61% of visitors will return to Google if this happens. A responsive design will assure a lower bounce rate since your users will be able to see the content for which they are searching. There is no doubt; if your site traffic is more than 25% Mobile and Tablet you should definitely convert your site using RWD.

Read More
Categories : Responsive Design | SEO

SOME CLIENTS WE WORK WITH

nj web development
mobile app development
custom web applications
custom business software
asp.net developers