Breastcancer.org got lots more attention from supporters once it made its Web site easy to read and maneuver on a smartphone.
Before the redesign, 94 percent of people who visited the site on a smartphone left after seeing just one page. Now only 5 percent do.
“That was a big win,” says Michele McLaughlin Zwiebel, the charity’s director of programs and content.
The breast-cancer group used a combination of approaches to make its site easy to navigate. It created a separate mobile site, designed specifically for smartphones and small tablets, which provides information about breast cancer and treatment options.
But for the site’s active discussion boards, the organization adopted a practice called responsive design, which allows a single Web site to display material in different ways based on the size of the viewer’s screen.
For example, a site might appear as a single column or hide some content when viewed on a smartphone but have a two- or three-column layout when viewed on a desktop computer or a large tablet.
Like the breast-cancer group, more charities want to make their Web sites mobile-friendly, but they are divided on the best approach.
More Devices
A growing number of nonprofits are choosing responsive design, despite its greater complexity and almost always higher price tag.
The proliferation of mobile devices is driving the increased interest. Even two years ago, it was still a “two-device world”—smartphones and desktops, says Jordan Silton, a technology consultant at Search Discovery who works with the Atlanta Ballet.
But since then the landscape has changed, with the introduction of tablets in several sizes and mobile phones with larger screens. “What the responsive-design layout has allowed us to do is create a Web site that accommodates not only big desktop computers and small mobile phones but everything in between,” he says.
Responsive design was appealing to Mercy Housing, in Denver, because with a limited number of employees focused on technology, it would have been difficult to maintain and update two sites, says Gail Bransteitter, who oversees communications.
Simple Is Best
But not everyone is convinced that responsive design is the way to go.
“A lot of times people are betting big on responsive design because it sounds like a magical pill that will solve everyone’s problems,” says John Overy, director of mobile technology at World Vision. “But it’s harder to implement than a lot of people believe.”
World Vision has a mobile Web site that features material the group thinks visitors are most likely to want. People use tablets and smartphones very differently, so it doesn’t make sense to provide the same information on both devices, says Mr. Overy.
He says someone on a tablet is likely to be relaxing on the couch at night, checking e-mail and exploring the Web, while a person using a mobile phone tends to be more task-oriented and on the go.
“You’re probably waiting for your child while they’re at soccer practice or you’re in line,” says Mr. Overy. “It tends to be much more snackable.”
The American Cancer Society also has a separate mobile site. David Balcom, managing director of digital platforms, worries that responsive design loads more slowly because the file has to include the coding for three screen sizes.
Mr. Balcom says he designs for the mobile user first, something he thinks benefits everyone who comes to the organization’s site.
“It trains us to be simple: What’s the most amount of information we can fit into a small screen?” he says. “Oftentimes that promotes conversations of simplicity and of elegance. And I think that is a great way to start, rather than start with a giant screen and then have to throw things out for mobile.”