How Does Your Site Stack Up?
Open up your website on a smart phone, tablet or iPod and consider a few things:
- Is the content easily readable or do you have to zoom in to read? If so, do you have to pan around to see the entire page?
- Does your content communicate who you are and what you offer within first glance or do you have to scroll around to find that information?
- Does the website have a professional branded appearance that matches your company?
- Does your key content answer questions that people have about your company, products or services?
- Is the site easy to navigate? Since there's not as much screen space on a phone, different navigation patterns are often needed.
- Does the website offer all key content? Don't assume that someone on a mobile device is only looking for contact information. I often download full product manuals when trying to repair things. Sometimes this takes place in the garage or on my deck.
If your answers to these questions are mostly no, you probably need a responsive redesign.
I’m Convinced, Now What Do I Need to Know?
Building a responsive site is different than building the sites we've been building for the past decade and a half. Naturally, there are few things to consider:
Development Cost
Responsive sites are cheaper than building a website and multiple apps for all of the different devices mentioned above. But they’re more expensive than a non-responsive website. Why? More thought has to go into the design to make it adapt and present a usable experience. More time goes into strategy, programming and testing too.
Efficiency and Maintainability
Since there’s only one site to maintain, content is entered once, there are fewer bugs to fix, and adding a new feature or piece of content later will mean less work and expense. With one platform you can put more effort into making it the best it can be.
Visual Design
Designers have less control over the design in a traditional sense. Since we're developing for hundreds of screen dimensions (many of which we don't know about yet) the design will not look the same everywhere. What's important is that the content is readable, the site is easy to navigate and your brand is presented in a consistent, professional manner.
Focus on Content
With less on-screen space to work with, it's more important than ever to put content first in the process. Designing with ‘lorem ipsum’ placement text was never a good idea; it's an even worse idea now. Any good design firm should be working with you to define and enhance content to meet users’ needs and business goals before visual design is ever started.
The User Experience
One of the main benefits of responsive design is that we can make the site easier to use on a mobile phone or tablet. A small screen comes with some challenges, less space to present content. Less room for superficial fluff that departments wants to feature on the home page. This is great for potential customer whom really just want answers to their questions.
Interacting on a mobile device is different too; we've grown accustomed to using the keyboard and mouse to navigate with pixel precision. Interactions that are standard on computers like hovering over a button to reveal a drop-down menu won't work, instead we need to make those interactions touch or click. Of course when the drop down appears, we need to ensure there’s enough space to display it. This is just one example. Many of the elements that make up websites like image galleries, videos, forms, tables, light box windows and the layout of content need to be given special consideration.
Media and Bandwidth
Plugins like Flash that have been the standard for animation, interaction and video are quickly loosing favor as they don't work on many mobile devices. New web technologies have come along to replace these. But Flash is not the only thing we need to consider. Images that are used for desktop layouts are larger than they need to be on mobile devices. Forcing the user to download these on a slower mobile connection degrades their experience. Serving these users smaller or alternative images is a good approach.
Experienced Web Professionals
Considering that your website is the public face of your company and first contact point for any interaction, you want to put your best foot forward.
Visitors shouldn’t have to figure out how to use the site and jump through hoops to access the information they came for. A site that is specifically designed to take advantage of the screen size and touch interface improves the experience that a customer will have with your site, brand, product or service.
An experienced designer will take all of these things into consideration ensuring visitors needs are met.
Responsive Design – It’s a Good Thing
People are learning about products and services in more places and on more screens than ever before. A website that is accessible on any device that customers are using can only be a good thing. If you are considering a new site or redesign in 2013 you absolutely should include responsive in the requirements.
Convinced that a responsive website could help your business? We'd love to talk.