Saturday, December 3, 2011

Top 10 Consumer Web Products of 2011


Go to article

BestOf2011.png

Our annual Best Of series continues with the top 10 Web products that revolutionized old services and created new ones this year. Yesterday, Richard MacManus rounded up the top 10 social Web products, featuring services that focus on social networking and community building. This round-up is about the Web products that changed the things we do online.

The categories vary here from browsers to cloud drives to mobile apps and more. But all of these services redefined a core use case for the Web, and some of them invented activities we didn't know we needed. Here are our top 10 Consumer Web Products of 2011:

1. Chrome

This year, Google decided to make Chrome the most important Web browser in the world. It rocketed upwards in market share, now neck and neck with Firefox in the #2 browser spot, and if anyone can take down Internet Explorer, Google can.

Chrome released new features at a blistering pace this year. Its core mission in 2011 was to focus on Web apps. Google has renovated its Chrome Web Store for apps, as well as the New Tab page, where Chrome Web apps are launched. It's blurring the line between Web and native applications.

Some developers are working on a tablet-based version of Chrome that could bring the browser and its Web app ecosystem to all kinds of devices. Chrome in the Android ecosystem would be obvious, but the latest Google app for iPad looks just like Chrome, too, Web apps and all. Sneaky, eh?

Upcoming features include new APIs for text-to-speech and advanced audio features. Just this month, Google bought Apture, which could bring media-rich contextual search into every page in Chrome. And multiple accounts are coming to Chrome soon, so users can easily carry their browser data with them across devices.

webppenguin150.jpgThanks in large part to the passionate work of outside developers, Chrome (and its open-source Chromium code base) is even influencing the way the Web in general works. Chrome and Firefox developers are working together on Web Intents, standard protocols to let independently developed Web apps communicate with each other. It's also pushing a new image format to make the whole Web faster by reducing the file size of images.
Browser choice is a personal matter for users, but no other browser comes close to Chrome's influence on the state of the art.
chromewebstore_oct25.jpg

2. Dropbox

dropbox150.jpgDropbox is hot, and this year cemented its importance. By choosing a metaphor with which most computer users were already familiar, Dropbox has become a key player in the consumer cloud. It's a folder that syncs to the Internet. That's all there is to it.

People and teams use it for backup as well as for syncing files across devices. Its flexibility has also allowed Dropbox to become the back-end - the file system that wasn't - for exciting new apps and services, especially on mobile devices. Amazing life-hacking services like 1password use Dropbox for syncing. So do all the great third-party text apps for iOS, which doesn't have a native Google Docs client like Android does. There are even experimental blogging tools and website hosting services built on Dropbox.

Is Dropbox really the world's 5th most valuable startup, as Business Insider named it this year? We don't know yet. It has had some hiccups, such as a privacy scare earlier this year. But we also learned this year that Dropbox turned down a nine-digit acquisition offer from Steve Jobs in 2009. That's confidence.

3. iCloud

icloud_150_oct11.jpgAfter being rebuffed by Dropbox, Apple set out to build its own file syncing between Macs and its iOS devices, replacing the embarrassing MobileMe desktop syncing service. iCloud shipped with iOS 5 in October of this year, and it's an effort to be even more basic than Dropbox. It's not even a folder; it just pushes files along behind the scenes, so your stuff is just there when you open apps to use it, whether on Mac OS or iOS.
icloud_jillscott.jpgIt can sync contacts, calendars, media, documents, and even settings, as long as this syncing is written into the app. Apple's own apps use it, and though third-party apps haven't done much with it yet, they will. The first full third-party implementation of iCloud shipped just yesterday in iA Writer for iPad and Mac.

The service has more kinks in it than Dropbox, and it's not cross-platform. But this it's-just-there syncing paradigm will form the backbone of Apple's vision of computing, and that vision is infectious. The iPad and iPhone are selling in huge quantities, smashing Apple's own estimates. Even Macs are gaining marketshare. 2012 will be a big year for Apple, and iCloud will be the Web service that supports it.

If you use Apple devices and haven't set up iCloud, here's how to get started.

4. Kindle

amazonkindle150.jpgWe're used to thinking of the Kindle as a product, a device. But this year, Amazon made clear that Kindle is a service, not a product. Unlike Apple, for whom software is the service that sells profitable devices, Amazon will break even, or even take a loss, on each device in order to put its media and retail services in users' hands.

Kindles are just windows into Amazon's stores. You can save $30 on your device just by accepting ads as your screensaver. And this year, Amazon added the 7-inch, full-color Kindle Fire to the family, expanding the Kindle service to video, music, magazines, games and apps. It builds on the existing Amazon Prime video streaming service and its Cloud Drive for music.
kindlefamily.jpg
The Kindle Fire also introduced Amazon Silk, a cloud-accelerated Web browser that uses browsing history to predictively pre-load Web pages for faster browsing on slow, handheld devices. Amazon has always known that load time can make or break a sale, so the Kindle service is designed to make buying, watching, reading and listening through Amazon as convenient as possible.

5. Evernote

evernote_150.jpgYou may not know it yet, but Evernote will be around for a while. In fact, its CEO wants it to be around for 100 years. It's another syncing service, but it's not like the others above. It works across platforms, unlike iCloud, and it works inside files, instead of agnostically pushing them around like Dropbox.

Evernote lets users create and store rich-text files, images, to-do lists, whatever kinds of little files they need, and it syncs to all their devices. It packs impressive technology like optical character recognition, letting users snap pictures of notes, receipts or business cards and capture the text. It offers handy services like web clipping and an Instapaper-like service for saving articles for later. And it offers standalone apps and browser extensions, letting users access it however best fits their workflow.

What's next for Evernote? If you have an idea, build it yourself. Evernote is building a 100-year platform to let its users capture anything and access it anywhere.

6. Spotify

spotify-mobile-icon.pngSpotify made a big leap this year, marrying Facebook's new Open Graph platform and becoming the way to share music with Facebook friends. Facebook's transformation this year brought us the concept of "frictionless sharing," in which users share their activity with their friends just by doing it, without having to click a 'Like' button.

Spotify has come to exemplify this model, sharing a soundtrack of its users' music habits with all their Facebook friends. Thanks to Facebook, Spotify's usage skyrocketed this year.

As Sean Parker told us at Web 2.0 this year, Spotify's social model works for the music industry, which has long sought a way to enable sharing while still generating some profits. Not every label has loved the changes, but Spotify will be fine; Facebook's base of 800 million users is too big to ignore. For some, Spotify's frictionless sharing is too much, but for now, it's redefining music on the social Web. Next year, we'll see how it holds up to Google Music on Google+.

7. Instapaper

instapaper-4.pngInstapaper brought the concept of "content shifting" to the iPad, which is changing the way we read (it's on the iPhone, iPod Touch and the Web, too). Instapaper's basic function - saving articles for later - has inspired imitators, including the synced Reading List service from Apple itself and the new Evernote Clearly feature.

There's also Read It Later, a full-featured competitor that, unlike Instapaper, offers an Android client. But Read It Later's users shouldn't get too comfortable with the product as they know it; its big announcement this year was that it had taken on venture funding. That means big changes are coming. Instapaper, meanwhile, is a (mostly) one-man operation that is funded by the most basic business model: make a neat thing and let the people who like it pay for it. That means Instapaper is developed for the people who use it.

instapaper-4-ui.jpg

Instapaper shipped a major redesign in version 4.0 this year, making this app into a first-rate, iOS 5-ready place to gather all one's saved reading and just read it without distractions. Check out our interview with Instapaper creator Marco Arment for his views on Instapaper, iOS and the future of reading.

8. Flipboard

flipboard_logo_NEW.pngFlipboard is another app that's changing reading, but it's doing so by emulating and enhancing a reading experience we've had before: the magazine. The secret is that it's basically just a feed reader with a nice interface. People thought RSS was dead, but they were wrong. All it needed was the iPad and the Flipboard team.

Flipboard didn't ship a ton of new features this year, but two of them are quite significant. The first was full-page, magazine-style ads from luxury brands on major publishers' feeds. This signaled that publishers are happy with Flipboard's engaging format and will keep letting users pull their content. The second was Flipboard Accounts a single sign-in for Flipboard that means that Flipboard for iPhone is coming. It also means that multiple people can save their Flipboard setups on a single iPad.

9. Google Maps

latlong_jun10.jpgSurprised to see Google Maps on a best-of-2011 list? Don't be. This was a huge year for Google Maps. It has long since set itself apart from the pack as the best way to navigate with the Web, and it made some major improvements this year.

Google Maps went high-tech. It got an integrated weather layer in the desktop version. It got 3D route views and zooming 3D Street View transitions. It got a drawing layer that lets developers build interactive, graphical applications on top of Google Maps, and it got voice-powered search for places in the desktop version of Chrome.
GMaps_weather-1.png

It went international, adding over 40 new country domains, graduating a big class of crowdsourced maps to the live map, and fully adopting Google Map Maker contributors as volunteer moderators.
Most importantly, Maps went local and social. It's now integrated into Google+, so users can share places and directions right into each other's streams. And it has continued turning the screws on Yelp by displaying Google Places recommendations right on the map. Finally, just today, Google Maps has begun to bring mobile maps inside buildings.

Google has put lots of work into making its Maps the best on the Web this year. And that's good, because...

10. Siri

Thumbnail image for iphone-4s-siri.jpgIt may not seem like it yet, but Apple has built its end-run around Google into iOS 5. While Siri is only available on the iPhone 4S for now, that's just a software restriction; Siri is a cloud-based service for which the device is but an interface. Google chairman Eric Schmidt admits that Siri is a threat. Siri is just a beta for now - and unlike Google, Apple doesn't use that label lightly - but it already looks like the next generation of search. In 2010, when asked why Apple bought the voice search startup, Steve Jobs replied, "They're not a search company. They're an AI company."

That's true; Siri is built on DARPA-backed research into artificial intelligence. It's not just onboard voice search, which iOS already had. It's a Web service, calling back to Apple's data center to process and understand each request. It uses Apple's cloud computing power to process the meaning of the query and find the most meaningful results. Apple isn't trying to do search as we know it. It's building a service that knows better than we do what we're searching for.

Siri is an "assistant." It takes dictations, it sets reminders and it looks things up for its user. If the answer is not on the iPhone or in Apple's cloud, it will search the Web as a last resort.
But tellingly, it uses Yelp for local business searches, one of Google's key businesses. For now, Apple still uses Google for its Maps app, but Apple bought a 3D mapping company this year. When Apple has its own maps, which mapping service do you think Siri will use when you ask it (her?) for directions?

Conclusion

One major theme of this year's top 10 was content. We aren't there yet, but these services are starting to figure out how to make Web content into a real economy. Another was syncing, which goes along with that. Now that we can have our stuff on all our devices simultaneously, it's worth more to us.
But most of all, the trend this year is toward integration. The winning services have started to think they've got the Web's problems figured out, and they're trying to build it all in.
That's our Top 10 Consumer Web Products of 2011. We'd love to hear your reactions or if we missed your favorite service. Sound off in the comments.

Friday, December 2, 2011

In our Top Consumer Products of 2011 list, we selected the Chrome web browser as our number 1 pick. Its market share has grown over 2011 and it's on track to surpass Firefox as the 2nd most popular browser on the desktop (exactly when it passes Firefox depends on whose statistics you read). Over 2011 Google has demonstrated, in both user numbers and technical innovation, that Chrome is the most significant challenge to Microsoft's dominance of the browser market since the days of Netscape Navigator in the late 90s. Meanwhile, in the mobile browser market, Apple's Safari has risen over 12 percentage points to have a 62% share of that market, according to leading Internet statistics provider Net Applications. However, Apple will have to continue to look over its shoulder at Android, which has also gained over 2011. Let's look more closely at how the desktop and mobile browser markets changed over 2011. Sponsor In the desktop market, the main story is how Chrome has affected Firefox. Just three years ago, in our Top Consumer Products of 2008 list, we had Firefox at number 2, behind only Twitter. It goes to show how quickly things can change on the Web. The latest data from Net Applications still shows Microsoft's Internet Explorer at over 50% market share on desktops (52.63%). Chrome (17.62%) is less than 5 percentage points below Firefox (22.52%), which hangs onto second spot for now. Safari has 5.43% and Opera 1.56%. The trends data is more telling. Since December 2010, only Chrome and Safari have increased their market share. IE, Firefox and Opera all declined. Here are the gains and losses: * IE: -6.63% * Firefox: -1.17% * Chrome: +7.26% * Safari: +1.41% * Opera: -0.71% Source: Net Applications Our own browser statistics for ReadWriteWeb show an even bigger swing towards Chrome, which is understandable, as we have a much more tech-savvy audience compared to the data from Net Applications. Chrome became the number 1 browser among RWW readers during 2011. Last month it was about 36%, up 12% from last November. Firefox is our number 2 browser at about 29%, down nearly 4% over the year. Among our own writers, most now use Chrome as their primary desktop browser. Very few use Firefox. Of course in an increasingly multi-device world, mobile browser share is very important too. On that front, according to Net Applications, Safari has risen 12.86% to now have 62.03% of the mobile browser share. The next best is Android browser at 18.60%. So Safari on mobile is now almost the equivalent of IE on desktop. The big losers over 2011 in the mobile browser market have been Opera Mini (-13.4%), Symbian (-4.94%) and Blackberry (-0.87%, but it only has 2.03% share overall). Opera, despite its constant innovation, is really struggling to keep hold of users on both its favored mobile platform and on the desktop. Source: Net Applications Google & Apple Have The Momentum Heading Into 2012 In Net Application's statistics, Firefox is holding grimly on in the desktop browser market. But Chrome has the momentum and, as Jon Mitchell pointed out, it has done much of the innovating in this market over 2011. ReadWriteWeb's own statistics have Chrome as a clear number 1, which is typically a good indicator of where the mainstream is heading. All of this suggests that Chrome will overtake Firefox as the number 2 browser very soon. Then Google is set to make a run at dethroning Microsoft from number 1, but that's still at least a couple of years away. On the mobile browser side, Apple is becoming increasingly dominant. However the rapid growth of the Android platform will keep them on their toes, so it's unlikely that Apple will enjoy the monopoly that Microsoft had for over a decade in the desktop market. Let us know in the comments what browsers you use on both desktop and mobile. Did you switch browsers during 2011? If so, tell us why.

 Go to article

In our Top Consumer Products of 2011 list, we selected the Chrome web browser as our number 1 pick. Its market share has grown over 2011 and it's on track to surpass Firefox as the 2nd most popular browser on the desktop (exactly when it passes Firefox depends on whose statistics you read). Over 2011 Google has demonstrated, in both user numbers and technical innovation, that Chrome is the most significant challenge to Microsoft's dominance of the browser market since the days of Netscape Navigator in the late 90s.


Meanwhile, in the mobile browser market, Apple's Safari has risen over 12 percentage points to have a 62% share of that market, according to leading Internet statistics provider Net Applications. However, Apple will have to continue to look over its shoulder at Android, which has also gained over 2011. Let's look more closely at how the desktop and mobile browser markets changed over 2011.


In the desktop market, the main story is how Chrome has affected Firefox. Just three years ago, in our Top Consumer Products of 2008 list, we had Firefox at number 2, behind only Twitter. It goes to show how quickly things can change on the Web.

The latest data from Net Applications still shows Microsoft's Internet Explorer at over 50% market share on desktops (52.63%). Chrome (17.62%) is less than 5 percentage points below Firefox (22.52%), which hangs onto second spot for now. Safari has 5.43% and Opera 1.56%.

The trends data is more telling. Since December 2010, only Chrome and Safari have increased their market share. IE, Firefox and Opera all declined. Here are the gains and losses:
  • IE: -6.63%
  • Firefox: -1.17%
  • Chrome: +7.26%
  • Safari: +1.41%
  • Opera: -0.71%

Source: Net Applications
Our own browser statistics for ReadWriteWeb show an even bigger swing towards Chrome, which is understandable, as we have a much more tech-savvy audience compared to the data from Net Applications. Chrome became the number 1 browser among RWW readers during 2011. Last month it was about 36%, up 12% from last November. Firefox is our number 2 browser at about 29%, down nearly 4% over the year.

Among our own writers, most now use Chrome as their primary desktop browser. Very few use Firefox.

Of course in an increasingly multi-device world, mobile browser share is very important too. On that front, according to Net Applications, Safari has risen 12.86% to now have 62.03% of the mobile browser share. The next best is Android browser at 18.60%. So Safari on mobile is now almost the equivalent of IE on desktop.

The big losers over 2011 in the mobile browser market have been Opera Mini (-13.4%), Symbian (-4.94%) and Blackberry (-0.87%, but it only has 2.03% share overall). Opera, despite its constant innovation, is really struggling to keep hold of users on both its favored mobile platform and on the desktop.

Source: Net Applications

Google & Apple Have The Momentum Heading Into 2012

In Net Application's statistics, Firefox is holding grimly on in the desktop browser market. But Chrome has the momentum and, as Jon Mitchell pointed out, it has done much of the innovating in this market over 2011. ReadWriteWeb's own statistics have Chrome as a clear number 1, which is typically a good indicator of where the mainstream is heading. All of this suggests that Chrome will overtake Firefox as the number 2 browser very soon. Then Google is set to make a run at dethroning Microsoft from number 1, but that's still at least a couple of years away.

On the mobile browser side, Apple is becoming increasingly dominant. However the rapid growth of the Android platform will keep them on their toes, so it's unlikely that Apple will enjoy the monopoly that Microsoft had for over a decade in the desktop market.

Let us know in the comments what browsers you use on both desktop and mobile. Did you switch browsers during 2011? If so, tell us why.

Content Strategy Within The Design Process

This is about content strategy as applied to copy only, but it's still interesting reading!

Go to article
The first thing to understand about content strategy is that no two people understand it the same way. It’s a relatively new — and extremely broad — discipline with no single definitive definition. A highly informative Knol on content strategy (http://knol.google.com/k/content-strategy) defines it as follows:
“Content strategy is an emerging field of practice encompassing every aspect of content, including its design, development, analysis, presentation, measurement, evaluation, production, management, and governance.”
This definition is a great place to start. Although the discipline has clearly evolved, this breakdown of its scope makes perfect sense. The aspects of content strategy that matter most to Web designers in this definition are design (obviously!), development, presentation and production. In this article, we’ll concentrate on the relationship between content strategy and design in creating, organizing and displaying Web copy.

As a writer and content strategist myself, I’ve worked with designers in all of these areas and find the creative process highly enriching. I’ve been fortunate enough to work with designers who are quick to challenge ideas that are unclear or unsound, who are brilliant at creating striking visual representations of even the most complex concepts. A lively interplay between design and content is not only fun, but is how spectacular results are achieved. This is why content strategy should matter a great deal to designers.

What Is Content Strategy, And Why Should A Designer Care?

Content strategy is the glue that holds a project together. When content strategy is ambiguous or absent, don’t be surprised if you end up with the Internet equivalent of Ishtar (http://en.wikipedia.org/wiki/Ishtar_(film)). When content strategy is in place and in its proper place, we’re on our way to producing beautiful and effective results.

Language 

(http://speakerdeck.com/u/destraynor/p/the-language-of-interfaces)
Slide from The Language of Interfaces (http://speakerdeck.com/u/destraynor/p/the-language-of-interfaces) by Des Traynor.

While wrapping one’s head around content strategy might be difficult, the thing that makes it work is very simple: good communication. Sometimes a project moves along like a sports car on a superhighway. Other times, the road is so full of bumps and potholes that it’s a wonder we ever reach our destination. As we explore the relationship between content strategy and design, I’ll detail how I keep the channels of communication open and go over the workflow processes that I’ve used to support that effort.

I hope that sharing my experiences (both positive and negative) will help you contribute to and manage projects more effectively and deliver better products to clients.
[Editor's note: A must-have for professional Web designers and developers: The Printed Smashing Books Bundle is full of practical insight for your daily work. Get the bundle right away!]

How To Get Started: The First Step Is The Longest

Project manager: We need a landing page for client X.
Designer: I can’t start the design until I see some content.
Writer: I can’t start writing until I see a design.
You may find this dialogue amusing… until it happens to you! At our firm, we find that the best way to get past such a standoff is to write first. This is because content strategy, at a fundamental level, frames a project for the designer. As a content strategist, my job is to articulate the why, where, who, what and how of the content:
  • Why is it important to convey this message? This speaks to purpose.
  • Where on the website should the message appear? This speaks to context.
  • Who is the audience? This speaks to the precision of the message.
  • What are we trying to say? This speaks to clarity.
  • How do we convey and sequence the information for maximum impact? This speaks to persuasiveness.
Bringing it down to a more detailed level, let’s consider a landing page. A content strategist will determine such things as the following:
  • Audience
    Is the audience sophisticated? Down to earth? College-level? Predominately male? Female? Etc.
  • Word count
    Some pitches scream for long copy, while others must be stripped to the bare minimum. SEO might factor into the equation as well.
  • Messaging priorities
    What is the most important point to convey? The least important? What needs to be said first (the hook)? What needs to be said just leading up to the call to action?
  • Call to action
    What will the precise wording be? What emotional and intellectual factors will motivate the visitor to click through?
Clear direction on these points not only helps the writer write, but helps the designer with layout, color palettes and image selection. When we start with words, we produce designs that are more reflective of the product’s purpose.

Landing pages are a great place to try this workflow, because in terms of content strategy, they are less complex than many other types of Web pages. A product category page, on the other hand, might have a less obvious purpose or multiple purposes, considerably greater word counts, more (and more involved) messaging points, and a variety of SEO considerations, all of which would affect its design.

Quick Tips for Getting Started

  • Make sure someone is specifically responsible for content strategy. If strategic responsibility is vague, your final product will be, too.
  • Slow down! Everybody, me included, is eager to dive headfirst into a new project. But “ready-aim-fire” is not a winning content strategy. Make sure everyone is on the same page conceptually before cranking out work.
  • If content strategy falls on your shoulders as a designer, cultivate an understanding of the discipline. Resources are listed at the end of this article to help you.
  • Make sure designers and writers understand what their roles are — and are not. There’s no need for writers to tell designers how to design, or for designers to tell writers how to write.

Perfecting The Process: Break Up Those Bottlenecks

Project manager: How are things coming along?
Developer: I’m waiting on design.
Designer: I’m waiting on content.
Writer: I’m waiting on project management.
Web development projects in particular involve a lot of moving parts, with potential bottlenecks everywhere. The graphic below describes our Web development process, with an emphasis on the design and content components. Chances are, whether you are freelancing or at an agency, at least parts of this should look familiar:

Design & Content Process
Link: Larger version (Image credit: Chris Depa, Straight North)

The process is by no means perfect, but it is continually improving. In the next section, we’ll look at the many types of content-design difficulties you might experience.

To help our designers lay out text for wireframes and designs, we utilize content templates based on various word counts. These templates also incorporate best practices for typography and SEO. When the designer drops the template into a wireframe, it looks like this:

Content in wireframe
SEO content template in a wireframe.

The use of content templates not only takes a lot of guesswork out of the designer’s job, but also speeds up client reviews. When clients are able to see what the content will roughly look like in the allotted space, they tend to be more comfortable with the word counts and the placement of text on the page.

Communication can be streamlined using project management software. We use Basecamp, which is a popular system, but many other good ones are available. If you’re a freelancer, getting clients to work on your preferred project management platform can be an uphill battle, to say the least. Still, I encourage you to try; my experience in managing projects via email has been dismal, and many freelance designers I know express the same frustration.

The big advantage of a project management system is that it provides a single place for team members to manage tasks and interact. Internal reviews of design templates is one good example. The project manager can collect feedback from everyone in one place, and each participant can see what others have said and respond to it. Consolidating this information prevents the gaps and miscommunication that can occur when projects are managed through multiple email exchanges. Designers can see all of the feedback in one place — and only one place. This is a big time-saver.

Quick Tips for the Creative Process

  • Make sure someone is specifically responsible for project management.
  • Whether or not your process is sophisticated, get it down in writing and in front of all team members before the project starts. This really helps to align expectations and keep communication flowing.
  • Meet at regular intervals to discuss status and problems. Hold yourself and others accountable.
  • Get approvals along the way, rather than dump the completed project in the client’s lap. Having clients sign off on a few pages of content and one or two templates really helps to align the creative process with client expectations, and it reduces the risk of those massive overhauls at the tail end that demolish budgets and blow deadlines.
  • Writers and designers should discuss issues as quickly, openly and thoroughly as possible.

Conflict Resolution: Why Can’t We All Just Get Along?

Designer: All these words are boring me.
Writer: All these images are confusing me.
Project manager: All these arguments are killing me.
No matter how clear the strategy, no matter how smooth the process, design and content will conflict somewhere along the line in almost every project. In fact, if creative tension is absent, it may well indicate that the project is in serious trouble. Here are the issues I run into on a fairly regular basis, as well as ideas for getting past them.

Making Room for SEO Content

Big chunks of content are bothersome to designers; even as a writer, I worry about high word counts turning off some of our audience. However, when SEO considerations demand a lot of words on a page, there are ways to make everyone happy:
  1. Tabs are a nifty way to hide text.
    Tabs allow you to keep the page tight vertically. Even more importantly, they enable visitors to easily find the information they need — and ignore what they don’t need. Below is a tabbed product area in the Apple Store.

  2. Apple Tabs
    The Apple Store
  3.  
  4. Keep SEO content below the fold.
    This is a compromise, because an SEO strategist would prefer optimized content to appear above the fold. However, if a website is to have any hope of converting traffic brought in by SEO, then visitors need to see appealing design, not a 300-word block of text.
    SEO below the fold
    The Movies Now landing page.
  5.  
  6. Step up creativity on non-SEO pages.
    For many websites, the pages that are most important to SEO have to do with products and services, where conveying features and benefits is needed more than wowing visitors with design. Conversely, pages on which awesome design matters most are often unimportant for SEO: “About,” bio and customer service pages, for example.

  7. Carsonified Team Pages
    Carsonified’s team pages.

Clarity vs. Creativity

We fight this battle over what I call “design content” all the time — primarily with navigation labels, home-page headers and call-to-action blocks. At a fundamental level, it is a battle over the question, “Which wins over the hearts and minds of visitors more: awesome design or straightforward information?”

Navigation
Making the labels for navigation straightforward is a fairly established best practice. Predictability is important: if visitors are looking for your “About” page, and they finally stumble on it by clicking on “Be Amazed,” then the emotion you will have elicited is irritation, not adoration. Be as creative as you want with the look and feel of the labels, but to maximize the user experience, the text and positioning of the labels must be as vanilla as possible.

Interface (http://contrast.ie/blog/the-language-of-interfaces/)
For insight on how to achieve clarity, read “The Language of Interfaces (http://contrast.ie/blog/the-language-of-interfaces/).”

Design of the header on the home page
Rotating header images and other types of animation are rather in vogue these days, and they’re a good way to convey a thumbnail sketch of a firm’s capabilities and value proposition. Content must convey information, but the header must work on an emotional level to be effective. Writers must take a back seat to designers! The Ben the Bodyguard home page (below) starts to build a connection using a comic character and storyline. This is different than most sites that simply talk about feature after feature.

Ben the Bodyguard (http://benthebodyguard.com/index2.php)
The design should tell a story. (Ben the Bodyguard)

Call-to-action blocks
Before all else, make sure your website’s pages even have calls to action, because this is your opportunity to lead visitors to the logical next step. A call to action could be as simple as a text link, such as “Learn more about our Chicago SEO services (http://www.example.com/).” Generally more effective for conversion would be a design element that functions almost as a miniature landing page.
Much like landing pages, the wording of the call-to-action phrase must be crystal clear and be completely relevant to the page to which you are taking visitors. Yet impeccable wording is not enough: the design of the content block must be captivating, and the text laid out in a way that makes it eminently readable.

Designers can get rather snarly when I tell them their design for a call to action needs five more words: it might force them to rethink the entire design. Many times, though, a discussion with the designer will make us realize that we don’t actually need those extra five words; in fact, we’ll sometimes hit on a way to reduce the word count. The creative interplay mentioned earlier makes a huge difference in this all-important area of conversion optimization.

Calls to action
Calls to action require excellent design and content.

Quick Tips for Conflict Resolution

  1. Keep the lines of communication open between all team members and the client.
  2. Select a project manager with great communication skills and an objective point of view.
  3. Stay focused on the purpose of the design: is it to persuade, motivate, inform or something else? Creative disagreements should never be theoretical; they should always be grounded in what will increase the real-world effectiveness of the work at hand.

Long-Winded Writers Vs. Lofty-Minded Designers

One thing I run up against continually is my own tendency to say too much and a designer’s tendency to say too little. Ask a writer what time it is, and they’ll tell you how to make a clock. Ask a designer what time it is, and they’ll give you a stylized image of a pendulum. Neither answer is particularly helpful!

These opposing mentalities pose challenges in Web design. Does an image alone convey enough information about a product’s key benefit? Will the length of a 200-word explanation of that benefit deter people from reading it? How intuitive can we expect visitors to be? How patient?

This is when having a process that encourages communication between team members makes a difference. I wish I had a secret formula for resolving conflict, but I don’t. I know of only two ways to balance design and content philosophies, and one of them is to talk it out as a team. As I said, communication is at the heart of an effective content strategy, and we have to resist the temptation that some of us have to withdraw into a shell when we encounter confrontation.

The other way to resolve conflicts — astoundingly underused, in my experience — is to get feedback from target users. Simply showing people a Web page and then asking for their key takeaways will tell you just about all you need to know about how effective you’ve been in getting the point across. Our opinion of our own work will always be subjective. Furthermore, because we’re emotionally invested is what we’ve created, discussing its flaws calmly and collectedly is difficult. Users are the ultimate judge of any creative effort, so why not take subjectivity and emotion out of the equation by going directly to the source?

Resources

  • The New Rules of Marketing and PR, David Meerman Scott
    Explains content strategy better than anything I’ve read. The third edition was published in July 2011.
  • Content Strategy,” Google Knol
    For a thorough overview of content strategy and links to books, blogs and other resources, check out this fantastic Knol.
  • Call to Action Buttons: Examples and Best Practices,” Jacob Gube
    To promote creative compatibility, designers and writers alike should study this Smashing Magazine article.
  • Top Ten Mistakes of Web Management,” Jakob Nielsen
    For insight into design-related project management, read this post by the brilliant Web usability expert Jakob Nielsen.

Thursday, December 1, 2011

Tablet Owners Define New Category of Shoppers [INFOGRAPHIC]


Go to article

Share on TumblrThe increasing number of tablet owners in the U.S. is changing the way people shop from in-store to online — 20% of all mobile ecommerce sales now come from tablets and 60% of tablet owners have purchased goods using a tablet.
 
Tablet users spend an average of one hour and 35 minutes on their devices and typically spend 10-20% more on purchases than shoppers without tablets. By 2016, mobile commerce is expected to increase to $31 billion in the U.S. – a tremendous jump from only $3 billion in 2010.
Since tapping away on a tablet in the comfort of your home helps beat long lines and crowded department stores, it’s no surprise that tablet owners are willing to spend more time and money shopping online.

Check out the infographic below to see how tablets are directly affecting ecommerce in the U.S., a trend that is expected to continue for the next five years.

Do you shop online more from a tablet than other devices?

TabletInfographicVertic

Infographic by Vertic

TrendWatch: Why SnapTags are replacing QR codes

Go to article



Glamour magazine recently included a SnapTag on its cover, resulting in more than 100,000 scans. Jeff Hayzlett tells us why we need to dump the QR code for the cleaner, simpler SnapTag.

Glamour magazine posted a SnapTag alongside a sequined Rinanna on their September cover. Users accessed the code either by scanning it with a proprietary SnapTag app, or by snapping a pic and sending it to the number printed in the image. The resulting response included over 100,000 code activations, 50,000 Facebook likes, and 500,000 interactions of some kind including code scans and peer sharing.



SnapTags are 2-D barcodes that include a brand's logo (or a Facebook logo) in a notched circle design. Contrasted with the familiar QR code, the result seems minimalist and polished. But it's not just a new design. The interactivity and analytics are updated, as well.



Here's Jeff Hayzlett talking about why he likes the new, cleaner SnapTags.



What brands are "getting it?" And what are the best places to use scannable codes? Here's our 4-minute interview with Jeff.

Conversation highlights
0:00 - Don't delete Facebook comments
0:00 - "If you suck offline, you'll suck online."
0:35 - PepsiCo, Macy's and other brands that are doing it right
1:00 - SnapTags
1:40 - The best places to use scannable codes
2:20 - Are users fluent enough to adopt SnapTags?
2:35 - Proving value to the CFO
2:55 - ROI = Return on Ignoring
3:25 - The power of mobile usage
Run time is 4:09

Jeffrey Hayzlett has been called a lot of things, most of them good. He has been described as a “CMO on steroids,” who parlayed what he learned running his own businesses into his position as Kodak’s CMO, where he helped revitalize one of the world’s iconic brands. Forbes magazine anointed him the “Celebrity CMO,” because of his countless media appearances, including on Donald Trump’s “Celebrity Apprentice.” And Advertising Age calls him “a new style of CMO,” especially for his social media skills that made him one of the top ten C-level executive Twitterers in the world.