Responsive web design, or responsive design, is here to stay. In fact, it appears that it is far more than a design choice, but soon will be the way all content works online. In the near future, we won't think of our experience on the web in any other way.
Getting to responsive is going to take some work. We are seeing with customers that the very first step is understanding - and embracing - a new way of thinking about content, and about building content on your website.
Responsive is a totally different approach - or technology - in building web content that allows the content to resize and move to best fit the users screen.
In the past - or your site currently - you have a fixed site. That means your site was designed to be a certain width across, such as 980 pixels wide. It probably has unlimited height (or length) of inside pages, but the home page is likely fixed with height too.
When a fixed site is displayed on a smaller screen, the device chooses how to display it. Some devices simply shrink the entire page down so that it "fits" on the screen, no matter how small or illegible it might be. Other screens may not shrink, but just display and let most of the site fall off the screen edges, causing left to right scrolling, up and down scrolling, or worse, just not moving at all.
And fixed sites on desktops can be problematic today too. New screen and monitor technologies have been around for a while, and those display at high resolution, making your fixed site look tiny, taking up only a portion of the screen. Worse, the quality is "off" or "fuzzy".
In all of the scenarios above, it is a less than desirable end-user experience, and in our fast paced culture, your users sometimes won't bother trying to read or navigate your site - they'll be on to other sites that appeal to them.
Responsive takes web content and does a combination of seamlessly resizing (which is different from shrinking!) and moving, or flowing, content to fill the screen framework with which it is being displayed.
This means that every user, on every device, will see a different view of your website, but that they will all be able to read, enjoy and experience your website perfectly!
Look at this image to get an idea of the responsive concept:
As the image above depicts, the water forms to fill whatever vessel contains it. So will content on a website with responsive design.
This is accomplished through:
Gone is the fixed site. To enable responsive, websites are built on percentages and relativity.
To have a responsive site, you have to change to a responsive design. This means an entirely new site design. You cannot take your existing School Site (or any existing website) and just make a few changes or upgrade code and have the site fully responsive. One of our favorite quotes here is "Begin with the end in mind." That is truly what must happen for responsive design. You have to design to support the content resize and flow.
School Site currently offers all of our Theme Designs and Custom Designs as responsive websites. While there are costs and time resources involved in getting a new design, the reality is that web is changing faster than ever and all websites need to be refreshed or totally new continually.
Keep in mind that building a new design with School Site is a setup cost only. Your monthly service fees do not need to change for existing School Site customers, and you have the added benefit of the option of building a new site or wrapping the design over your existing content.
Our sales team is happy to explain the options, cost and timelines for getting a new website design. Start a conversation by emailing firstname.lastname@example.org.
As the marketplace for devices grows - more people are doing most, or all, of their web browsing on devices versus the traditional computer or laptops. Those devices range from hybrid-mix touch screen/laptops to tablets to smartphones and even other types of devices like multipurpose televisions and even the new breed of what was known as gaming consoles.
Keep in mind that responsive design is not just about smaller screens - but equally about larger screens AND touch screens.
Now think about your current end users and your intended end users. What are they likely to be using to view your website? How will that change next month, or the next 6 months from now?
With those answers and thoughts, you can think and plan for your site update to a responsive site.
Even with the help of tools in the system, there are a few things you'll need to know, like starting out with high quality (large file size) images and understanding that all links and click-through items on your site have to be touch-friendly (think: space or padding!).
Don't worry - we'll help you with this transition and provide ongoing support as you work to update your site content. Within a short time, you'll be building content for responsive viewing without a second thought!
If you are interested in learning more, email email@example.com.