Starbucks vs. Dunkin' Donuts

• 

• The Architect

  Starbucks and Dunkin' Donuts’ approaches to creating meaningful community around their brands and extending their companies beyond a typical retail website is as different as their stores. Both websites have menus, nutrition information, online stores, store locators and social links -- the bare necessities for brands of this nature. The similarities end there. Dunkin' Donuts' version of extending itself beyond the walls of its stores is reminiscent of old gimmicks and half-hearted community-building ploys. There's a healthy version of its menu, links to a running site, some promos and a contest, and then we’re done. Dunkin' Donuts provides no opportunity for its fans to be a part of its website in any meaningful way. Starbucks has done better in their attempts. Noteworthy is the idea of improving the company with your ideas -- something that speaks to core fans. If you love the green Starbucks splash stick, then you should know it was developed in this way. The website allows visitors to share ideas, vote on ideas submitted by others and see which ideas have received the strongest response. It promotes community by encouraging visitors to play a part in improving the brand they love through their own opinions and innovations. Second to this, there’s a blog that’s halfway worth subscribing to if you’re an ultra fan. And while it is not exactly groundbreaking, it has a genuine appeal and seems to keep a decent personal touch to it with little of the usual corporate interference on the surface. Introducing new conveniences, products and free offers allows the blog to be something worth subscribing to for core users and brand evangelists. In addition, Starbucks offers a place for those willing to contribute to their causes. It’s not terribly engaging, but having a directory of people bound to stores and allowing for conversation within each store is a worthwhile effort. It needs more work in order to truly establish the store as a gateway to the local community.

• 

• The Craftsman

  A website should not only be an extension of a retail store, but it should also be the gathering place for your brand's community of followers. It's important to give that community a great experience when they visit your site, and design plays an integral role in that experience. Dunkin' Donuts and Starbucks handle this experience in very different ways, and both leave much to be desired. Let's start with Dunkin' Donuts. It is quite clear that the goal of this site is to push products. The first thing that I notice is the horrible Photoshop work on the home page. It's a collage of poorly photographed and cut out cups, beans and other products. It's obvious that none of the elements ever appeared together naturally. With coffee beans the size of walnuts and cups the size of buckets, the scale is so ridiculous that the whole thing comes off as cheesy and poorly produced. There is a lot of movement and visual stimulation on the home page, including pop-up menus, enlarging images and a hot pink drop-down menu. It seems that at any moment a man wanting to guess my weight or swallow a sword could jump out from behind that burlap sack. These elements are over the top and a detriment to the functionality, as the page takes several seconds to load. The navigation is passable, but there is a lot going on. First you have the main navigation with drop-down menus. Above that you have a secondary navigation that is one of the smallest I have ever seen at only six pixels. I would think that a store finder and franchising information warrants a larger size. And above in the upper right corner there are 4 graphics that appear to be buttons but do nothing when clicked or hovered over, creating confusion. Secondary pages on the site are cleaner, but there are still some alignment and spacing problems, and an overall lack of design consistency makes the site look thrown together. While some pages look pretty good, others look quite bad. On any given page there are several fonts and many colors, causing it to look very busy. Starbucks' website is in stark contrast to the Dunkin' Donuts site. It's clean and minimalist in a way that feels great on the home page, but once you dig into the site, the pages become bland and boring. The home page immediately gives you hierarchy with a large, interactive feature that is simple to navigate. Below that are three areas that funnel traffic with a minimal navigation system. The light background helps the warm, rich imagery pop, creating terrific contrast. Nothing is in your face or obtrusive. It's subtle and functional -- just what you'd expect from a brand like Starbucks. The secondary pages aren't nearly as strong as the home page. The primary and secondary navigation are minimal to the point of being boring. The leading on the navigation and body text is tight and should be expanded. The subtle drop shadow on the top of the canvas area makes that area appear as a frame and does nothing to enhance the page. Columns are narrow, and content feels cramped. There is wasted real estate under a poorly designed search bar which features a "go" button -- none of which feels like what you would expect from Starbucks. There is also a lot of inconsistency from page to page, especially in the way their products and offerings are displayed, which makes the browsing experience feel disjointed. Both sites have work to be done and leave me feeling disappointed. I expect better from these two captains of the coffee industry. While Dunkin' Donuts is over the top with its bright colors and flashy animation, Starbucks doesn't go far enough with its neutral colors and boring framework. Like a cup of coffee that's too strong or too weak, these sites need to find the perfect brew.

• 

• The Developer

  Anyone who has studied the metrics on their own website knows that getting people past the front page is a big deal, getting them to stay longer is even a bigger deal, and having someone feel that your site is worthwhile enough to come back is the ultimate score. Today's websites are as much about visitors consuming information, collaborating and interacting as a community as they are about selling a product or service.Interestingly, when comparing Dunkin' Donuts to Starbucks, it is clear that both companies have attempted to make their sites into something more than just a reproduction of their retail storefronts. They both have used various methods to try to capitalize on the enthusiasm of their customers. Dunkin' Donuts offers a feature that allows you to create your own donut, while Starbucks has launched a number of social websites that range from promoting specific product lines to advocating social change to soliciting suggestions to make your Starbucks better. Overall, Starbucks does a better job of providing compelling reasons to visit the site. However, both make the perplexing mistake of burying the content rather than bringing it to the forefront. Dunkin' buries these nuggets in favor of button graphics and forces visitors to hunt to find something interesting. Starbucks hides a single text link for each of their social sites below their Flash movie that gets in the way of finding something more useful. Both companies have very active Facebook pages with posts happening every few minutes -- not that you would know this by looking at the front page of their site. What's that you say? The goal is to sell product? Well, I have a question in return: Isn't it necessary to drive traffic to your site in order to sell products online? If there are 4.5 million fans on Starbucks' Facebook page posting every couple of minutes, you do the math. I'll just hold off on returning to these websites until either company gives me a reason to.

SEO the Right Way

Search engine optimization, or SEO, is a term you’ve undoubtedly been introduced to, likely by spammy email solicitations or SEO “gurus” who promise to “fix” your site so that it rockets straight to the top of search engine results.

But is this the right approach? After all, search engines don’t buy your products or services – people do. As a result, it’s much more important to optimize your website so that it provides the best possible experience for human users, not for Google.

In this article, we’ll examine why optimizing for real people – and better serving the needs of your website visitors – will ultimately yield greater success in capturing and converting new customers. We’ll start by letting you in on a little secret that those so-called SEO “specialists” don’t want you to know: by optimizing for humans, you will also be optimizing for search engines.

Why the “SEO-Only” approach fails

Before we dive into the principles and benefits of optimizing for humans, let’s first take a look at what I call the “SEO-only” approach and why it often falls short of expectations.

Consider this scenario:

You’re in the market to purchase a certain product or service, so you type some relevant keywords into your search engine of choice. You click on the top result, and as the website loads in your browser window, the next words out of your mouth are, “what the heck is this?”

The site is a confusing mess, and there is no clear indication of what the company does, what sets them apart or what you steps you should take next to progress through the site. Frustrated, you quickly click your browser’s “back” button and select a different result from the list, hoping to land on a site that will give you information that is easy to understand and seems trustworthy.

How many times has this happened to you? If you’re like me, it happens all the time.

In the example above, the website was “optimized” for search engines, and it ranked favorably for key search phrases. This is good, as it means that when users are searching for the products or services the company offers, their website has a good chance of appearing on the first page of the search results and being clicked on. However, the effect of bringing this visitor to the website was rendered null and void because the poor user experience it offered drove them away just as quickly as they landed.

In other words, from an SEO standpoint, the site is successful, as it ranks high for the right keywords and phrases. From a business standpoint, however, the site is an abject failure. It did not convert a customer. Even worse, it drove that customer away and directly to the site of a competitor. More often than not, this is what will happen if you optimize for only for search engines and not for actual people.

The complete package

The reason the SEO-only approach does not work is because it focuses only on a single piece of the picture – achieving a high ranking.

As we’ve just seen, however, capturing a lead because of strong ranking but then losing their business due to a poorly designed website ultimately yields no benefit to your bottom line.

To truly succeed, your website needs much more than just favorable search engine placement. The complete packages includes:

• Quality design
• Intuitive user experience
• Relevant, useful and timely content
• Support for a variety of devices
• Findability

Quality design and intuitive user experience

These two items often go hand-in-hand, especially when we are talking about optimizing websites for humans. The value of top-notch design is often underestimated and seen as little more than “making things looks nice,” but quality design is about so much more than that.

A quality design is certainly one that is aesthetically appealing, but it is also one that is easy to use. The simple truth is that your customers – and potential customers – do not come to your website to admire its visual design like a work of art hanging in a gallery. They come to your site to accomplish a task, whether that is to gather information, book an appointment, make a purchase, etc. They come with a specific purpose, and a quality design is one that does not distract them from that goal. Instead, it helps them fulfill it.

The scenario we described earlier of a user visiting a website that ranked high in search results only to immediately abandon the site due to a confusing user experience is a great example of why the quality of the design is critical to your site’s success. It helps ensure that the site visitors you attract are ones you can convert into actual business.

Additionally, a great user experience is one that happy visitors will share with others through word of mouth or, perhaps, via links on social networks or blogs. A quality design and user experience can help turn your satisfied customers into promoters of your website. And as we will see in a moment, inbound links to your website can be a very valuable asset.

Relevant, useful and timely content

While an elegant design and refined user experience are very important aspects of optimizing your site for humans, great content is what gives your visitors a reason to come back time after time. Providing value-add resources that are relevant, useful and timely – and that your site visitors actually want – is how you optimize your web content for humans.

You may be proud of the awards your company has won, the great things that have been written about you, your leadership team’s accomplishments or your company’s charitable outreach efforts, but that’s probably not the content your audience is looking for. Therefore, if you’re organizing your site around showcasing this type of content, you are only serving your own needs, not your visitors’.

Optimizing your web content for your visitors means putting yourself in their shoes. Ask yourself what they want to see, and then put that content front and center. All of that other stuff can still have a place on your site, but not at the expense of elevating the content your audience is actively looking for. That content must be given top priority.

You also need to make sure your content is useful and timely. If something is no longer relevant, remove it or relegate it to your archives and replace it with something that is new and interesting. Publishing a steady stream of fresh content is one of the best ways to encourage links back to your website from visitors who found that content useful.

What about inbound links?

One of the tried-and-true tactics of good search engine optimization is increasing your number of inbound links – that is, links from other sites that point to your own site.

Search engines treat these links as votes of approval for the quality and relevance of your site and factor the number of links you have established into their rankings calculation. Therefore, the more quality inbound links you have, the better your chances of climbing the rankings.

The practice of building inbound links is not an exercise in quantity over quality, however. Anyone claiming that they can get you “5,000 inbound links quickly!” is someone you should run away from – quickly! You don’t want these links, many of which come from link farms and other spammy websites. Search engines are smart enough to discern these type of no-quality links, which can actually send your ranking plummeting or, even worse, get your site blacklisted entirely.

What you want are high quality links from real people who have read your content and want to share it with others. Whether these links live on social media platforms, articles, blog posts or another site’s brochure pages, they are produced when a thinking human consumes your content and says, “Hey! That was really good. Other people will find this valuable, too. Let me link to this page.”

These links will both put your website in front of more people who are interested in the types of content you publish and help increase your search results rankings at the same time – a perfect example of how optimizing for humans simultaneously achieves the objective of optimizing for search engines.

Support for a variety of devices

Long gone are the days when the only way a user would view your website would be when sitting in front of a desktop computer with a large monitor.

Today, you can be assured that your website is being accessed via a staggering variety of devices with an array of different screen sizes. From handheld smartphones to tablets to laptop computers to the aforementioned desktops, your website must work well on a wide range of devices in order to be successful.

If you’ve ever searched for something on your phone, found a listing that looked promising and touched the link only to be presented with a website that was designed for a large screen only, you know what a painful experience that can be – that is, if you even bothered trying to use the site. Most visitors in this situation will just leave right away and look for another site that works well on their device. Again, the site in this scenario we’ve painted was optimized well for search, and it came up favorably. But yet again, the opportunity to convert was squandered due to the site’s poor user experience – in this case, the experience of using the site on a mobile device.

Once a visitor is gone, they are likely gone for good. Expecting them to come back to your site later when they are on a desktop computer where the site will perform better is wishful – and erroneous – thinking.

Optimizing for humans means making sure your website works well for them the first time they visit the site, regardless of the device they choose to do so with.

Findable websites

Yes, this is where the traditional SEO approach of creating high rankings for relevant search terms comes in.

When a searcher is looking for the products, services or information your site offers, you want that site to rank as high as possible in the search engine’s results to give it the best chance of being seen and clicked.

Achieving this high ranking is where most traditional SEO services end, however. As this article and the scenarios illustrated so far have shown, good rankings are just the start. What your site does with the traffic it captures through organic search is equally important – and this is where human optimization and all of the elements it encompasses (quality design, relevant content, device support, etc.) come into play.

Creating a “findable” website is about more than just attaining high search engine rankings, however. You want your website to be in front of someone whenever they are in need of your products or services.

This could mean a search engine result, but it could also mean a referral from a trusted friend or colleague. It could even mean a link on a social networking site or blog.

By optimizing for humans and presenting them with truly useful content within the framework of a design that is easy and enjoyable to use and that works well on any of the devices they may use to access the site, you’ll effectively encourage them to share your site with others.

This added exposure helps increase the findability of your website and your chances of having it land in front of real people who are actively looking for what you have to offer. This is the power of optimizing your website for humans.

Humans first, last and always

Optimizing your website for humans means making choices that will help them obtain the information they need from your website or perform the task they have set out to accomplish quickly, easily and without encountering any obstacles along the way.

It means putting the needs of real people first and foremost in all decisions that shape the design and content, with the understanding that by doing so, your site will be more appealing to those people, which can in turn make it more appealing to search engines, which will attract more people and links to the site, which will make it even more appealing to search engines, and so on and so forth...

It’s a cycle of success that starts with making sure that every element and every aspect of your site is carefully chosen and crafted to create an experience that is optimized for the human beings who will ultimately decide whether or not to purchase your products or services rather than just for the search engine algorithms that can only decide where your site ranks on a page.