Website Design for a Multi-Device World

The array of devices through which people interact with online content is larger and more diverse today than ever. To underscore the point, try this little exercise – take a look around your house and find every device you own that can access the Web. For me, the list looks like this:

• Desktop computer
• Laptop computer
• Netbook computer
• iPod touch (x2, each a different generation)
• iPad
• Kindle (x2, each a different version)
• Android phone (HTC EVO)
• Gaming system (wii)

Each of these devices has a different screen size, and the experience of accessing web content is different on each.

That’s why, if you want to ensure that your website will provide an experience that truly engages your audience, it must be designed specifically for this multi-device world in which we all live today.

The multi-device user

The multi-device world is populated by multi-device users. While a staggering variety of devices are, indeed, being used to access web content today, it’s also important to remember that the same user is often using multiple different devices to access your website – and they expect that site to work well regardless of which device they happen to be using at the time.

To illustrate this point, let’s consider the scenario of an average everyday activity that occurs on the Web: mom planning the family vacation.

As she starts her day, she does a quick search on her iPhone and starts to peruse a few sites that strike her interest as she enjoys her morning coffee. Later she takes advantage of her lunch break to continue her research. She visits many of the same websites as she did before, this time reading more and delving deeper each one now that she’s seated comfortably in her chair behind her desk and has more screen real estate to work with. That evening she shares her findings with the family, flipping between sites on her iPad as they unwind on the couch. In each instance, she visits many of the same sites, and she expects them to perform just as well no matter which device she has in front of her.

More than just mobile phones

You have likely been introduced to the concept of “mobile websites” and have been told that your company needs one, but as the scenario above illustrates, the multi-device landscape encompasses much more than just large desktop monitors and small handheld phones. There are many devices and screen sizes in between, and your website must be equipped to work well on all of them. That’s why a separate “mobile-only” site is not the best way to serve the needs of the multi-device user.

A mobile-only solution relies on technology that detects when your website is being accessed via mobile phone and redirects the user to a completely separate version of your site – one designed specifically for the typical screen size of a smartphone. These mobile websites often feature less content and fewer features in order to minimize both navigational complexity and load time.

The problem with the mobile-only approach is that it only addresses the needs of one specific type of device. Large desktop computers get the “normal” browsing experience while mobile phones get a smaller, more streamlined version.

But what about the multitude of devices that fall between these two extremes? How do we serve them effectively?

Going responsive

There are a number of deficiencies with a mobile-only approach, but the inability to serve today’s broad array of devices is the most detrimental.

If the mobile version of your website offers less content and fewer features than your desktop site, you run the risk that a user will be looking for content that you have decided to eliminate from your slimmed-down mobile site. This is a problem, because when a user comes to your site looking for something specific and they can’t find it, their natural response is to go looking for it somewhere else – which usually means your competitor’s site.

After all the effort your put into attracting users to your website, anything that drives them away – like a user experience that is not optimized for the device they are using – runs counterproductive to your goals. So how can you embrace this multi-device world and ensure that your website can succeed in it? It’s time to go responsive.

What is responsive web design?

Responsive web design is an approach that has gained much favor and momentum in the web industry in the past few years – in part because it offers a solution to many of the limitations that mobile-only websites face.

A responsive website is one that intelligently rearranges its layout based on the size of the user’s screen. For instance, let’s say your site normally presents its content in three columns. The smaller a screen gets in size, the more problematic this layout can become, as the columns become so narrow that their content is unreadable and their buttons are un-pressable.

With responsive design, when a visitor is using a tablet in portrait mode or a laptop with a very small screen, those three columns reflow into a two-column layout that is better suited to the dimensions of those screens. For handheld phones, the design shifts to a single column of content with text and links that are large enough to be easily read and touched even on a very small screen. In this way, you have one website that “responds” to the multi-device user, adjusting its layout based on the particular device they are using – hence the name responsive design.

The benefits of responsive design

Efficient maintenance

It’s hard enough to keep one website updated with timely, relevant content; updating content across multiple websites is even more challenging.

When you go the mobile-only route, you end up with multiple websites to maintain. With a responsive approach, however, you have only a single website to manage. This makes it easier to keep your content consistent, because anytime you make a change to your website, that change is seen by all visitors regardless of the device they are using.

Zero gaps

As we saw earlier, supporting the multi-device user means being able to accommodate more than just large desktop screens and small handheld devices.

A responsive web design approach does indeed address these two extremes, but it also fills all the gaps in between, adapting its layout to perform seamlessly on the widest range of screen sizes and devices possible. This is especially helpful for those users that jump from device to device, as described earlier, because the site will adjust to their needs and present them with a consistently good experience regardless of their choice of device.

Adaptability

Because a responsive website design will reflow based on the screen being used to access it, your website will be equipped to support not only those devices that are popular today, but also those that we don’t even know about yet.

As new devices are released – some of which will undoubtedly also introduce new screen sizes or resolutions to the market – you can rest assured that your responsive site will do its best to present an optimal experience by “responding” to whatever type of screen it might be presented with.

Go big

While much attention is paid to how your website will handle smaller screens such as those on smartphones, there is another end of the spectrum to consider: large devices.

A responsive website can not only reflow its layout to present an optimal experience for small screens, but it can also do the same for very large screens. Large screens are often neglected in website design because even sites that are engineered for desktop monitors are not built to suit many of today’s widescreen displays. However, a responsive approach can allow your site to stretch its legs a bit in order to better fit bigger screens, making use of the additional space to better communicate your organization’s message.

Cost effectiveness

Since responsive design means you need only a single website, deploying this approach can often be much more cost effective than developing separate websites for different devices. This cost effectiveness is compounded further over time as you save the added expense of having to update, maintain and host separate sites for desktops, mobile phones, tablets, etc.

The challenges of responsive design

While there are a number of advantages to responsive design, there are a few challenges as well.

First, responsive design is not a feature that you can simply tack on to your existing website. To be done right, a responsive approach requires you to redesign and redevelop your site from the ground up so that responsive logic can be built into every aspect.

Another challenge of responsive design is that, if not done properly, it can result in loss of performance for users on devices where bandwidth is a concern. Often the small-screen version of a responsive design does away with some of the elements that exist solely for aesthetic purposes (large background images, for example). When such elements are “turned off” for smaller devices, if not configured properly, they might still be sent to the device anyway, meaning those devices are required to download excessive and completely unnecessary data that negatively impacts performance. To avoid this pitfall, make sure you’re working with a team that’s experienced in responsive design and has the technical expertise necessary to ensure that your site tailors both its layout and performance to deliver an optimal experience for any device.

Embracing the multi-device world

Traffic to websites from devices other than desktop computers has risen dramatically in the past few years, and industry analysts predict that number will continue to soar in the coming years. Looking at the hundreds of websites that I help maintain and manage, I am seeing an average of about 30 to 35 percent of all traffic coming from mobile devices of one kind or another and even a few sites where mobile traffic is nearing 50 percent.

As we head toward a future where more than half of our website traffic will come from visitors not using a traditional desktop computer, now is the time to ensure that your website is armed to compete effectively in a multi-device world.

Insider Secrets to Killer Website Content: 7 Steps to Building a Better Blog

As important as good website design is, let’s face it, it’s not what brings visitors to your site. They come for the content, and if that content is sufficiently compelling, then they’ll take the action you desire, whether that’s making a purchase, completing a registration form or even just picking up the phone to contact you for more information. In short, the success of your website begins and ends with quality content.

That’s why in this series of articles – Insider Secrets to Killer Website Content – we’re taking a look at types of content that are common to many websites and exploring ways that they can be redesigned and improved. So far, we’ve covered customer testimonials and “About Us” pages. In this third installment of the series, we tackle the ever-popular but often poorly executed business blog.

The promise of blog content has always been the ability to easily add fresh content to your website on a regular basis. In practice, however, that’s not quite as easy as it sounds.

While the tools available to us today allow blogsto be updated very easily, authoring content that is relevant and unique is a much greater challenge – one that proves to be the downfall of many a blog.

The challenges of maintaining and sustaining a blog

Every new blog is launched with the loftiest of goals and expectations. Plans are laid to write articles chock-full of insight on the latest industry trends, and anticipation is high for the proliferation of inbound links to come along with the resulting boost in search engine rankings.

The road to realizing those dreams starts with quality content, but being able to produce that content on a regular basis is where the rubber meets the road – which often proves to be a much greater obstacle than many realize when they initially decide to launch a blog.

At the outset of blogging, enthusiasm is high and ideas flow like honey. But all too often, after a few months or even weeks, the content begins to falter. The frequency between updates grows, and the quality wanes as articles begin to read more like standard press releases or company news updates.

For any blog to succeed, it must have regularly published content that is timely and relevant. If you can also make that content unique, then you have achieved the trifecta of excellent blog content.

So how do you ensure that the enthusiasm and quality that you have at launch can be sustained past the first handful of posts? Here are seven steps to turn your blog into a powerful traffic-boosting, sales-generating machine:

1. Answer questions you are being asked.

Every writer’s biggest challenge is coming up with a topic – and blogging is no different.

Staring at a blank screen and trying to get started on a new article is a daunting task indeed. But one way you can generate some topic ideas is to think about questions that often come up in your day-to-day conversations with your customers.

Whenever I begin brainstorming ideas for a new article, I start by reflecting on these conversations. Typically, I can identify a few topics that I’ve recently been asked about, and I can also recall the answers I gave and the discussion that ensued. More often than not, these provide the perfect foundation for a new article.

By coming up with a list of common client questions, you’ll provide yourself with excellent potential blog topics. Better yet, you’ll also create content that people are actually interested in and actively looking for – because you can bet that if these questions are being asked of you, then there are others out there who are looking for those same answers too.

2. Write about what others are not writing about.

Answering common questions is a great start, but you can really take your blog to the next level if the articles you publish – and the answers you provide – are unique.

Think about your own experiences in searching for answers online. If you search for a topic and find very few relevant articles addressing that topic, then that article – and its source – become gold to you. If it’s a really great article that does indeed answer your questions, you will tell others about it via social media or by posting links on message boards and forums where you are an active participant. A unique article succeeds because it addresses a topic that no one else effectively has.

The value of an article with little competition increases exponentially. So anytime you’re brainstorming new blog content topics, be sure to do a search for articles that may be similar in nature. If you do find similar content, make sure yours offers a different perspective or creative spin. If you do not find similar articles, this is your golden opportunity to publish something truly unique.

3. Keep to a schedule and plan ahead.

A schedule is critical when it comes to sustaining your blog over the long term. The frequency with which you update your blog with new content – whether it’s daily, weekly or monthly – will be different depending the nature of your industry and your audience. However, sticking to that schedule is what’s important, because it is all too easy to miss a deadline and brush it off as no big deal. But once you miss one deadline, it’s that much easier to miss another and another and another – until the gap between articles becomes substantial, and getting back on track becomes a grueling uphill battle.

One way to ensure that you keep to a schedule is to plan ahead, and planning ahead starts with ideas. If you dedicate time for you and your team to brainstorm article topics (whether individually or in a group session), you’ll inevitably find that one great idea leads to another and another.

When you have a handful of great article concepts to work on, it’s often tempting to publish these articles in quick succession. However, it’s important to avoid this temptation. Instead, make the most of your brainstorming momentum and plan out exactly when each of these articles will be published based on a regular, sustainable rhythm.

By having a handful of quality articles in queue, you can more easily keep to your schedule. And, of course, while you are waiting to publish those new articles, you can brainstorm new ideas and write those articles so that you always have fresh content at the ready.

Maintaining a schedule helps ensure that you do not publish new articles either too infrequently or too frequently but instead maintain a steady stream of quality content so that your readers know when to expect new articles and remain engaged with your blog.

4. Keep it short and sweet.

One concern I often hear voiced when I speak with clients about blogging is that they fear they will not be able to maintain a regular rhythm of publishing because of the time it takes to do so.

Yes, writing blog content takes time, but if you’re doing it right, it’s not as much as you might think. Blog articles do not need to be lengthy to be effective. In fact, short articles that are very sharply focused and easy to read are often the most effective and popular articles you can write.

By keeping articles short in length but high in quality, you can publish great content with much less of a demand on resources than you may have initially expected while still realizing the value that fresh blog content brings to your site.

5. Enlist help.

Another way to minimize the time impact of creating new blog content is to spread the workload around. If only one individual in your organization is tasked with authoring articles for your blog, then the entire burden of maintaining your publishing schedule falls on their shoulders, which means you also have a single point of failure if their other job responsibilities start encroaching on their available time for blogging. If you have a team of authors, however, then the impact on any one individual is minimized.

In addition to the benefits of sharing the responsibilities, having multiple voices represented on your blog also brings much needed variety to its content. Different authors bring different ideas, expertise and perspectives to the table, helping to create a more well‐rounded blog. Plus, if your organization offers a variety of services, then having experts who can cover a wide array of subjects will give your blog relevance to a broader audience.

When enlisting authors for your blog, look for those with distinct voices that will bring something new to the site as well as those who are enthusiastic about writing and eager to contribute.

You should also seek out those aforementioned subject matter experts in your organization. Many people are hesitant to recruit these experts to write – often because they are so valuable to an organization that pulling them away from their “real work” is seen as counterproductive. This could not be further from the truth. The reality is that these subject matter experts have a perspective that others do not. Remember, you want unique, relevant content that will resonate with your audience. What better way to achieve that goal than by turning to those who know it best? As an added bonus, when your readers see that you have true experts at work behind the scenes, your business and your brand as a whole will benefit from a boost in reputation.

6. Embrace current events.

Timeliness can be important in blog articles. When a topic is current, it is often relevant and being actively sought out by interested readers. Therefore, creating blog content that addresses those current events and latest development can be a great way to add articles to your site with information that others are talking about and looking for right now.

If you are consistently on the lookout for relevant current events that you can build content around, and you are also answering frequently asked client questions as covered earlier in this article, then you are well on your way to ensuring you never run out of possible ideas for new blog content.

7. Get ready to share.

If publishing timely, relevant and unique blog content is step one in building and maintaining a successful blog for your website, then promoting that blog content is a logical step two.

Great content will get found, but can do a lot to facilitate this process by promoting it. Yes, this means letting your connections on social media know about a new article once it is published, but just posting a link on your company’s Facebook page is not enough. You also need to also look for more targeted situations where you can share this content.

One example would be to include a link an email exchange you are having with a current client or prospect as a reference point when they ask a question that your post helps to answer. Furthermore, you and your team should become active participants on other websites and forums where the members of your tribe live day in and day out and where you can post links to your articles when appropriate to the conversation (don’t overdo it, of course, or you’ll become a community pariah). Also, by featuring related articles within each post in your blog, you can introduce readers to other content that they may not have been looking for at that moment, but which they will find valuable, too.

Whatever avenues of promotion you use – and you should use a number of different methods – the goal is to spread the word to readers who are looking for the content you are creating.

Watch your hard work pay off.

There’s no doubt about it – maintaining an effective blog is hard work. But with strategic planning and a solid team behind you, you can publish quality content on a regular basis – content that will serve as a powerful catalyst for bringing new visitors to your website and new customers through your doors.