Responsive Website Design
Creating Mobile Friendly Web Designs
Mobile Web Browsing
With the increasing number of website users turning to their mobile devices to browse the internet, many companies feel the need to ensure that their new website is mobile ready. Currently, over 50% of all website traffic comes from mobile browsers on cell phones and tablets. The early solution to this issue was for companies to create a second version of their website where the layout and content were completely reformatted to fit an average sized cell phone screen. These sites are referred to as "Mobile Sites" and have now become a thing of the past. The problem with "Mobile Sites" is twofold; first if you have a Desktop version and a Mobile version of your website, you are now responsible for updating two websites rather than one. The second issue with "Mobile Sites" is that they are still built to a specific size, which means they are still only in place to support one type of mobile phone size.
Ready for All Screen Sizes
Responsive vs Fixed Width Websites
Since the beginning of the Internet, websites have been designed using a Fixed Width format. This means that even though the background colors or graphics extend to the edge of the window, the content (text & photos) are constrained to a container that has a set width. This fixed-width design is mainly used to prevent all of the page content from shifting around and getting jumbled on different screen sizes and devices. Responsive websites are built on the opposite principle; they use a container that scales larger and smaller while shifting and adjusting the content for the best placement and size. This key difference between these two website formats plays a huge part in mobile web browsing. Fixed width websites will display content very small on cell phones; this is because everything is scaled down equally to fit all of the content on the screen. Responsive websites will individually scale and adjust the placement of all the content to avoid the user having to zoom in to read text or see photos. Many responsive sites will also have a navigation menu that is automatically formatted to make links easier to click while on a mobile device.
Below are some examples of Responsive Websites that Fencl Web Design has developed: