A Mobile Site or Responsive Design

Another question and another thing to research about came up when I starting thinking more about mobile sites. There are two things you can do depending on what kind of site you’re making. You can either make a seperate mobile site or use responsive design.

What is responsive design? Even if it seams really obvious a little research can’t help. It is a website design technique that allows you to create a single website that will adapt to the device on which it’s being viewed, whether it’s a laptop, smartphone or tablet. A site built with responsive design will automatically resize for different devices, but it is up to you to prioritize the content that matters most to the mobile user.

And also how does a separate mobile site work?

When a visitor lands on the desktop version of your site, a small piece of code detects the visitor’s device and the browser size and redirects them to another location. This location is apparently  a completely different site which is designed specifically for that device, however it can also be a separate style sheet CSS that simply loads the HTML content into a format that’s better suited for that particular resolution. Which would mean I guess that a few different versions would be needed for the different screens of different devices.

Muse allows you to preview for a few different devices when you’re done with editing the site and are previewing it.

Here’s a nice link from the Google analytics about comparing the benefits of responsive and mobile sites.

http://analytics.blogspot.ca/2012/07/mobile-websites-vs-responsive-design.html

A little more on that from another site. This one is a company that  has created and published a lot of websites for a wide variety of companies in different industries.

Screen Shot 2014-10-30 at 13.29.58

From what I read responsive design can definitely minimize long term maintenance of the site, but many businesses effectively connect with their customers with a separate mobile-friendly site,  the responsive design is a more advanced way to make the site mobile-friendly.

A few more links explaining

http://www.smartz.com/web-development/mobile/mobile-vs-responsive-design/

http://www.muse-themes.com/blogs/news/6296420-experiments-in-mobile-site-design-with-adobe-muse

See Responsive Design

Screen Shot 2014-10-30 at 13.11.04

I tried that and have it opened both opened big and small hereScreen Shot 2014-10-30 at 13.08.53

 

Advertisements

Вашият коментар

Попълнете полетата по-долу или кликнете върху икона, за да влезете:

WordPress.com лого

You are commenting using your WordPress.com account. Log Out / Промяна )

Twitter picture

You are commenting using your Twitter account. Log Out / Промяна )

Facebook photo

You are commenting using your Facebook account. Log Out / Промяна )

Google+ photo

You are commenting using your Google+ account. Log Out / Промяна )

Connecting to %s