Showing posts with label innovation. Show all posts
Showing posts with label innovation. Show all posts

Monday, January 13, 2014

How Brand Storytelling Helps Enterprises Go “The Extra Mile”

via Content Marketing Institute http://contentmarketinginstitute.com/2014/01/brand-storytelling-enterprise-business-excellence/

By CARLA JOHNSON published JANUARY 13, 2014
emerson-extra mile featureEmerson’s chief marketing officer since 1999, Kathy Button Bell has overseen a massive rebranding effort that dropped the “electric” in the company’s name and brought 35 autonomous sub-brands under one overarching umbrella.
Consistently tapped as one of BtoB Magazine‘s top marketers, Button Bell has redesigned how the voice of the customer integrates with research and development, and cultivated a brand story that resonates with businesses around the world and infiltrates every niche within the company. I sat down with Button Bell to explore how she inspires change in a slow-moving organization. 
Carla Johnson: Emerson is a $24 billion global manufacturing and technology company with 133,000 employees. Where do you begin trying to inspire and instill innovation on this size and scale?
Kathy Button Bell: The first obvious step was a much more aggressive approach to market research. Everything starts with research and development — what we call “Stage Gate Zero.” We took the voice of the customer (VOC) and backed it up to the beginning of everything we create and deliver.
The stickler with many B2B companies is they wait until stage five or six — when they’ve started producing a product — and then show it to customers to hear what they think. We wanted to instill VOC into the earliest stages of product development for a more innovative approach because many of the answers to our customers’ problems aren’t product-focused anymore. (They might want a single invoice for a complex bundle of products and solutions, or a way for us to deliver better service.) As customers get savvier, especially in B2B, they look for things like efficiency, productivity, and cost savings because financial demands are stringent. If you can make doing business easier for your customers, you’re golden.
Johnson: For many companies, marketing tells one story externally but the customer experience is completely different. How does brand storytelling fit into the Emerson picture?
Button Bell: Emerson’s story focuses on reducing complexity for customers… what we call “consider it solved.” Every story we tell and activity we do originates from the “consider-it-solved” ethos. For example, we looked at the innovation process for stage zero of product development and how we migrate forward. Most of our new product development wasn’t actually new; it was focused on product revisions. We wanted our R&D to be truly innovative and push our organization into new places. The only way we could do that was to talk to customers about what’s not being done. Our brand storytelling drives everything within our organization.
Johnson: Tell me about some of your content efforts at Emerson that are truly innovative. What makes you the most proud?
Button Bell: The Extra Mile, a blog written by our senior executive vice president, Charlie Peters. Charlie’s an expert on business, but he’s also a runner (and an expert on that too). Through his blog, he shares letters to his son in Afghanistan, life lessons from a different decade — it’s interesting and poignant… not the normal business topics. And Charlie’s efforts educate people internally. We’re able to show management and engineers how channels feed one another.
I don’t think other companies have someone on their top-five management team who’s willing to share themselves as holistically as Charlie does. He comes across as trustworthy because he’s so consistent, and no one else has that voice but him. Our audience knows it’s not a PR person doing it because you can’t fake that kind of honesty.
Johnson: How do you talk about the importance of content and engagement with those outside of marketing, such as your CEO, executive team, and engineers?
Button Bell: By looking at our online conversational footprint, we’ve shown teams where we need to be better brand storytellers. We talk about the conversation we want to be having in the marketplace. What words, ideas, and phrases do we want Emerson to be known for? We had an exercise where we took some of our online content and made a “wordle.” It was an immediate visual display of the huge gap between what we want to be talking about and what we’re actually talking about.
Johnson: You’ve been able to lead a significant amount of change throughout the entire Emerson organization — not just marketing. Is there anything else that you see on the inside that you want people to know on the outside?
Button Bell: I’m proudest watching the pendulum swing internally toward being more innovative in our communications. We’re “younging up” the way we present all of our messages, whether it’s to employees or customers. We have music from alternative bands in our ads. We create infographics and YouTube content. We’re also creating many more GoPro videos. Every day we keep getting more authentic and fun. Gen Y cares about clean, authentic, and real. The message and tone are just as important for employees we recruit as it is for sales… maybe even more so because our employees are the ones who make our brand story real for customers. 
This article originally appeared in the November 2013 issue of Chief Content Officer. Sign up to receive your free subscription to our quarterly magazine. 

The Mobile Content Mandate

via Karen McGrane http://karenmcgrane.com/2014/01/13/the-mobile-content-mandate/

The Mobile Content Mandate
JANUARY 13, 2014
KAREN MCGRANE
2 COMMENTS
Putting together the pieces of this talk changed the whole way I think about mobile. I mean, sure, I knew mobile was important (I wrote a book about it!) But, let’s face it: I’m writing this on my laptop right now.

I’ve had a home internet connection for the past twenty years. I own three or four computers (and that doesn’t even count all the mobile devices I own.) As much as I love my mobile phone, it’s not the primary way I go online.

Mobile isn’t about making things slightly more convenient for people like me. Mobile is about the 2 to 3 billion people globally who will come online over the next decade for the first time, from their mobile phone. Mobile is what will erase the digital divide.

It’s easy to look at those numbers and think that the digital divide is a problem just in the developing world. But today, millions of Americans don’t have internet access at home. Applying for jobs, applying for school, managing personal finances, researching health conditions, accessing government services — all of these are increasingly difficult for people without an internet connection.

Think about how much you rely on the internet, how much pleasure and power it gives you, how much easier it makes your life. Think about the millions of Americans — the billions of people worldwide — who are about to come online for the first time on a mobile device. Let’s make mobile better for them.

Video



Slides

Talk Description

You don’t get to decide which device people use to access the internet: they do. By 2015, more people will go online via mobile devices than on traditional computers. In the US today, one-third of people who browse the internet on their mobile phone say that’s the primary way they go online — half of teens and young adults say they rely on their phone for internet access. It’s time to stop avoiding the issue by saying “no one will ever want to do that on mobile.” Chances are, someone already wants to. In this session, Karen will discuss why you need to deliver content wherever your customer wants to consume it — and what the risks are when you don’t make content accessible to mobile users. Already convinced it’s important? She’ll also explain how to get started with your mobile content strategy, defining what you want to publish, what the relationship should be between your mobile and desktop site, and how your editorial workflow and content management tools need to evolve.

Transcript

Back in the late 1980s, Digital Equipment Corporation, DEC, was the world’s second largest computer manufacturer, behind only the 500-pound gorilla of the industry, IBM. See, back in those days, if you wanted to use a computer, you first would have to clean out your basement. You would have to install this giant monolithic machine. You would have to hire this team of acolytes to run it for you. And if you wanted to use the computer, you would have to get in line behind all of the other people who have more important business tasks to do. You’d have to get in line with the people who are running payroll and calculating insurance premiums. You’d have to come in the middle of the night to run your job. Back in those days computing power was really expensive, it was really scarce, so it was reserved for only the most high-value of business tasks.

DEC made its mark on the field with what it called minicomputers. So instead of being the size of your basement they would be the size of a large refrigerator. So with the successful line of PDP minicomputers, DEC was able to bring the power of computing to people who had never had access to it before. They innovated this throughout the 60s and 70s before coming out with their wildly successful PDP-8. Look at this sexy bad ass right here. The PDP-8 was at the time the world’s most popular computer. What it meant was that people, say, in an engineering department or say, in an individual academic department, maybe even a theatre troupe might be able to buy one of these things and use it to run the lights for their shows. I have this fantastic photograph—it’s a super grainy black and white photo in a book that wouldn’t reproduce very well or I would show it to you, but it shows a picture of a farmer who has loaded one of these things onto the back of his tractor so that he can do computerized operations of his potato picking. Which is insane. But as far as I am concerned what that says, is the PDP-8 here is the world’s first mobile computer.

This is Ken Olsen. He’s their CEO. Look at how happy he is, doesn’t he look happy? Why wouldn’t he be happy? He is the CEO of the world’s second largest computer manufacturer. He has a track record of research and innovation. He has his finger on the pulse of the marketplace. He knows what it is that his customers want and are looking for. And he feels confident that there is no reason why anyone would need a computer in their home. I mean why would you want that? It doesn’t make sense. It doesn’t square with anything that Ken Olsen knows about the computing industry and Ken knows a lot about the computing industry. This isn’t how people use computers. This isn’t why people use computers. He has done research and innovation and testing and this doesn’t make any sense.

I’m pretty sure that there is somebody in your organization that is saying “There is no reason why someone is going to need to do that on mobile.” I mean why would you do that on mobile? That doesn’t make any sense. That doesn’t square with anything you know about how people use mobile devices. It doesn’t make any sense as to how people use computers. There’s just no good reason why people would want to do that.

Let me take you ahead. It is 1988, DEC is the world’s second largest computer manufacturer. They have moved on from their wildly successful PDP line of mini-computers to their even more wildly successful of VAX mini-computers. I bet some of you are still running these things today. This is the VAX11. It is the first mini computer with a 32-bit architecture. They sold 400,000 of these things when they came out. These were the most popular computer DEC had ever made. They were also selling the VT125 integrated graphics terminal and this thing, this thing was the most powerful terminal on the market. They were selling this thing like hotcakes, not just to people who were buying their own mainframes but to people who were buying mainframes from every other manufacturer. This terminal was so great. It could do charts and graphs. It had custom fonts. It could show the text in reverse. Rainbows shoot out of these things.

Look how happy this guy is here. Doesn’t he look happy? Okay, you can’t actually tell how happy he is because of the big Magnum PI mustache but I can assure you that this guy is completely satisfied with his use of the VT125 integrated graphics terminal. DEC is at the top of their game. This is the peak of their business. They are selling more computers than they have ever sold before. They have successfully met demand. They have successfully innovated. These products, they know, are completely what the industry wants.

And they have no reason to believe that their entire industry is going to be destroyed by one of these cheap pieces of crap. I mean look at them. This is not the VAX11 32-bit mainframe architecture. This is a cassette tape. It stores its memory on a cassette tape. This is not the VT125 integrated graphics terminal. This is a black and white television set from Radio Shack. It’s only got the one dumb little rainbow on it. Rainbows don’t even shoot out of these things.

It’s 1988. DEC is the world’s second largest computer manufacturer. They are the second largest employer in the state of Massachusetts, behind only the state government. 1990, just two years later, they post their first quarterly loss and they start laying people off. 1991, the year after that, they post their first full year loss. They would lose money in five out of the next seven years. And in 1998, just a decade later, DEC is gone. Out of business. Acquired by the manufacturer of one of those cheap pieces of crap.

This has got to be some kind of crazy fluke, right? This has got to be something so unprecedented in the history of American business that there’s just no way that Ken Olsen could have ever anticipated that something like this could happen. I mean no one could ever imagine something like this happening. Right?

Wrong. In industry after industry, the new technologies that brought the big established companies to their knees, they weren’t better. They weren’t more advanced. They were actually worse. The new products were low end, dumb, shoddy, and in almost every way inferior. Almost.

Clayton Christiansen had a theory and he called it disruptive innovation. What this theory states is that disruption happens from the low end. New products come on the marketplace and even though they’re not better, even though they don’t work as well as their high-end predecessors, even though they are made of cheaper materials  and they are, pound for pound, more expensive in a sense for what you get, they do one thing and they do that one thing really well. They do that one thing better than anything else on the marketplace. They create an entirely new market for that technology, for people who could never have had access to it before. Because there are so many more of these people who now have access to this technology, eventually, the technology gets good enough, and it disrupts the market for the higher-end products. It wipes away their larger competitors.

And this has happened time and time again. Imagine it’s the 1930s or 40s, and you’ve invested in one of these gorgeous furniture radios. It’s a piece of craftsmanship. Rich, hand-tooled wood. It has rich resonant sound. You imagine that you’re going to gather the family around it in the evenings and you’re going to listen to music or radio programs. It’s something you’re going to lovingly maintain. You’re going to send it for repairs because you want it to be an heirloom that you will pass down to one of your children. Except, your teenager buys one of these cheap pieces of plastic so she can take it to the beach. Transistor radios weren’t better. They were cheap. They were plastic. The sound was tinny. You couldn’t tune them. But transistor radios created an entirely new market for access to radios. Teenagers in the 1950s and 60s, these were people who, previously, could never have had access to a radio, and the power for them of having music or sports programs of their very own, it made it worth it. It made it so worth it that they were willing to sacrifice sound quality. I mean, isn’t that the whole point of a radio? Isn’t that why you have a radio, is that it will sound good? Isn’t that the primary reason why you would choose to buy a radio? No. It’s not. For these teenagers, the power of having a radio of their very own was so meaningful that, eventually, within a decade or so, transistor radios got good enough that nobody needed to buy one of those big, bulky, furniture radios any more. The names of the people, the craftsmen, the companies that constructed those furniture radios, they’re lost to time. We don’t know who they are. The name of the company that made the first transistor radio? They were called Sony.

What about printers? Think about having an offset printer in your office. Doesn’t that sound great? Doesn’t everybody want to have an offset printer? Why, offset printers are better! You get a higher-quality printout at a lower cost. It’s more expensive to buy up front, but then, once you have the offset printer, you can produce a printout that works much better than anything else on the market. Isn’t that a great reason for you to have an offset printer? Well, apparently not, because all of you people went out and bought these cheap inkjet printers that made really crappy printouts. The ink is really expensive. The per-unit cost for these things is really high. The only value that you get out of that inkjet is that you can be like “MINE, MY PRINTER, IT’S MINE, YOU CAN’T USE IT. IT’S MINE.” You don’t want to walk down the hall and have to stand and talk to your co-workers while waiting in line to use the printer, and so you are willing to sacrifice printout quality, you are willing to pay more for a less-good printout, so that you can have a printer of your very own.

And, we’ve all seen this happen with photography, right? So, the market, everybody knew when digital technology, when digital film came on the marketplace, everybody knew that digital photography was going to disrupt the market for film. Okay? Everybody saw that coming. What people didn’t recognize was that digital photography was going to disrupt the market for cameras themselves. Nobody buys a point-and-shoot camera anymore. Why would you? You are willing to satisfice with the camera that you have with you all of the time, which is your mobile phone. Are the prints as good, are the images as good, does it work as well as a higher-end camera? No, probably not. But you’re willing to make do. Kodak is bankrupt. Instagram is worth a billion dollars. That is disruptive innovation.

So, you can kind of see where I’m going with this one, right? In the same way that DEC minicomputers disrupted the market for larger mainframes, and in the same way that personal computers disrupted the market for DEC minicomputers, today, we are witnessing the latest wave of disruptive innovation, and it is coming for the form of mobile devices that put the power of the internet into the hands of people who previously could not access it. And, like with all of these technology innovations and waves that have come before it, mobile will disrupt the market for personal computers. There will come a point at which no one will need to ask “Why would somebody want to do that on mobile?” It will simply be assumed that that’s how everybody wants to do it. And the people who will make that happen are the people who are adopting mobile devices to use as their primary way of accessing the internet because they do not have access to a personal computer.

The digital divide in this country is real. It is easy to assume that the digital divide is limited to people in the developing world. Millions of Americans do not have access to a personal computer at all. And, so, they are the ones who are adopting mobile devices at a fast clip.

Right now, in America, 20% of people don’t have internet access at all. That’s an interesting number, but it’s not nearly as interesting to me as the second number, which is that 35% of people, more than a third, don’t have internet connectivity at home. Think about all the things that you do on your personal computer, in the privacy of your own home, that you might not want the prying eyes of a boss or a co-worker or some stranger in the library watching you while you’re doing it. I don’t know what you’re thinking about, but I’m thinking about: Checking your bank statements. Maybe researching a personal medical condition. Applying for a new job. Heck, even shopping for Christmas presents. These are all things that we take for granted, that we can do from the power of a personal internet connection, in our homes, that we can do whatever we want with, whenever we want.

For more than a third of Americans, they don’t have that luxury. And, so these numbers look at all Americans. As you might imagine, the populations of people who are less likely to have internet connectivity at home, are much higher for groups that you might consider to be traditionally-disadvantaged. If you’re a black American, almost a third have no internet access at all, and a whopping 51%, more than half, don’t have a connection at home. Numbers are about the same for Hispanic Americans, about a third with no connectivity at all and about half without a connection at home.

If you’re a low-income American, you make less than $30k a year, nearly 40% have no internet access at all and almost 60% don’t have a broadband connection. Now, the problem here is, if you’re a low-income American and you’re struggling to put food on the table, pay the rent, put gas in the car, pay your insurance, the internet might seem like a far-off luxury. But low-income Americans without internet access are finding the tools for escaping poverty increasingly out of reach. 80% of Fortune 500 companies only advertise their job listings online. And, you might ask yourselves, “What percentage of universities allow potential low-income students to apply for school from their mobile device?”

For people who have a disability, 46% have no internet access at all, and again, almost 60% don’t have connectivity at home. Think of how much bigger your world would be if you had a disability, if you had a hearing loss or a motion disability or were blind, and could connect with a community and the resources and the services that are only available through the internet. For way too many of these people, the internet is cut off from them.

And, if you’re an American without a high school diploma, 57% have no internet access and a whopping 88% don’t have internet access at home. 88%! I mean, think about it. You don’t have a high school diploma, so that means you don’t have a job, so that means you don’t have any money, so that means you don’t have any internet. And that leaves… crystal meth! You guys laugh now. If I took your home internet connection away you would be stockpiling cold medicine in two weeks. You know, it would be like an episode of Breaking Bad in here.

Okay, so not everybody has internet at home. You want to know what everybody has? Everybody has a phone. Everybody has a phone. Mobile phone ownership in this country is not seen as a luxury. It is seen as a basic staple of human life. 91% of Americans have a mobile device. That number, I believe, you will see that tick up by small percentage points in the next few years, until it hits something like 95%, 97% penetration, and then, that will never go down for the rest of our lives. Mobile phone ownership in this country, right now, is a basic staple, not a luxury, the way that a landline used to be back in the day, or a television set is today. There is no sense that anyone out there will not have a phone.

Here’s what number is interesting: the number of people, the percentage of people who say that they have ever accessed the internet from a mobile device. That number has skyrocketed in the last four years, to what is now 63% of Americans who say that they have gone online using their phone. Doesn’t take a rocket scientist to figure out why this is, right? It’s smartphones. Smartphones make it possible for people to use the internet on their phone, and so they go do that.

We are at a moment, an inflection point, where there is a gap between these two numbers, and it is tempting to look at these numbers and say “okay, well, that represents smartphone penetration.” But, in the same way that there was a point in history where some people had black and white television sets and other people had color television sets, it’s not that there was a market for black and white television sets. It wasn’t that there was a competition to see whether black and white television sets or color television sets would win out. Everybody realized that, as people replaced their television sets, they would get color TVs. As these people replace their feature phones, they will get smartphones. And, at a certain point, there will be no distinction between these two numbers. Everyone in the country will have a phone, and everyone’s phone will be a smartphone that they can use to access the internet.

And so, what that means is that we are seeing now and we will continue to see the rise of what I like to call The Mobile-Only User. So, the mobile-only user is the population of people who say that they rely on their mobile device for access. They say that they only or mostly go online using their phone. So, of that 63% of people who have ever gone online using their phones in the US today, 34% of them, more than a third, say that that’s the way they only or mostly use the internet. This is millions of people. Tens of millions of people. How many conversations have you had about how to provide a good experience for the users who are browsing on IE? How many conversations have you had about how to provide a good experience for the 2% of users who browse with Javascript turned off? How many conversations have you had about how to reach the population of people who will never, ever, see your website except through the window of their tiny, little mobile phone?

So right now, this number is 34% of people, who say that they only or mostly use their mobile device to access the internet. If you combine that number, that 34%, with the 11% of people who say that they use their mobile device at least half the time, you now have 45% of Americans saying that they use the internet on mobile at least half the time. When is this number going to be big enough for you to move? If it’s not half, when will it be?

So, going back to people who said that they only or mostly use the internet on mobile, as you might imagine, that population of people maps pretty neatly to the people who don’t have a broadband connection at home. So, 45% of low-income Americans say that they only or mostly use the internet on mobile. If education is a powerful tool for helping people to escape poverty, then connecting with these people on their mobile devices should be your top priority. Again, 45% of people with only a high school education say that they rely on their mobile devices for access. These are the people who you want to reach, and even if this isn’t high school students, it may be less-educated parents  who you most need to connect with on a device that they are comfortable with.

The number is 43% of black Americans—now, I’ve put an asterisk here simply because… This data comes from Pew Internet. They reported 43% of black Americans this year. Last year, they reported it was 51% of black Americans. That number did not go down. I think sometimes survey data gets a little wonky. I think this number is low, and I’m going to predict that when they come out with this number next year, it’s going to be a lot higher. I’m pretty sure that this number maps more closely to the 60% of Hispanic-Americans who say that they rely on their mobile device for access. You think that you are an equal-opportunity university that is making connections to students equally? You’re not, if you’re not connecting with them where they are. Which is mobile.

Beyond these populations of people who have been historically and traditionally disadvantaged. The kids these days and their phones, right? 50% of teens, 12 to 17, that’s your target right there, they say they only or mostly use the internet on mobile. Same deal with older teens: 50% again of young adults, 18 to 29, say that their mobile device is the primary way that they access the internet. If you aren’t reaching these students on the device that is most powerful, most personal, most intensely “theirs” you’re not reaching them.

Mobile was the final frontier in the access revolution. Mobile is what has erased the digital divide. A mobile device is the internet for many people. Which is why it’s great we’re doing such a great job on mobile guys, right? No, sadly we are not.

44% of the Fortune 100—and I’ll let you do the math on that one yourself—44% say that they do not have a mobile website; this data also showed that only six companies, six companies in the Fortune 100 actually met all of Google’s best practice standards for mobile websites. Six of them are doing a good job according to Google on mobile. Same deal, 84% of consumer brands say they don’t have a mobile strategy in place at all. Presumably that’s why only 14% of them they say that they’re actually happy with the results that they’re seeing on mobile. The numbers are about the same for B2B brands; 80% of B2B brands don’t have a mobile strategy.  If I can hypothesize here, I don’t have any data to back this up, but I’m going to say these numbers are probably about the same for universities. I’m going to say 80% don’t even have a mobile strategy in place, much less a plan for how they’re going to get there.

So what does this mean? It means we provide experiences for people on mobile that are subpar. We tell them, Hey! Look at these nice, big tappable buttons here. Don’t they look great? Oh, snap, I’m sorry. You actually wanted to do something on our mobile website? You can’t actually do that. If you want to do something you’re going to have to tap on this link that says “go to the real website,” and then you’re going to have to pinch and zoom your way around this screen that was designed for a monitor that’s five times the size. It’s like trying to read the newspaper through a toilet paper tube.

Or we say, Hey! You want to buy some cigarettes? Cigarettes are delicious. You should totally try cigarettes. We’re going to make it super easy for you as an adult smoker to try some cigarettes by giving you nice, big Fisher Price buttons; it’s going to be super easy for you to fill out this form. Just sign up. It takes three taps and then we’re just going to start sending you cigarette marketing. Except I’m sorry, there’s the one thing, and it’s that cigarettes might kill you. We’re kind of mandated by law to tell you that. But we don’t really have to make that quite as easy for you, right?  Sure, okay, if you want to find the information about quitting smoking or the dangers of smoking you can squint and tap on that link and…yeah. You can read that, right? Sure. I think sending users to the desktop website to get valuable information about the fact that cigarettes will kill you is probably the best indication of what an organization values that I’ve ever seen.

Or have you ever tried to search for anything on Google on your phone? Of course you have. You type in what you want and then you see a link and it’s the story that you’re looking for, it’s the article you want. You tap on that link and go. What? How did I end up here? I don’t understand. That wasn’t the page I was looking for. Should I go back and tap on it again? Will it give me something different? What do I do now?  Do I go tapping around on this site looking for the content I wanted? Do I have to click the full site link? But then I’ll just wind up on the homepage of the desktop site. That’s not the article I wanted. Something that should take one tap from the search results in Google becomes a frustrating hunt and peck through two separate websites trying to find an article, a piece of content that you know exists, Google can see it, it’s there. And yet you can’t get it. We broke Google for these people.

Or we tell them: We’ve got awesome resources for you. If you’re a current student. If you’re a current student we’ve got library hours and what’s on the lunch menus and you can find out about the parking garages. But if you’re a prospective student, sorry. You might want to go swimming around on the desktop site for that.

With all of these interactions we are telling mobile only users that they are second class citizens. They don’t deserve access to the same content that everybody else gets access to. They don’t deserve access to a website where they can find what they are looking for, where they can search on Google and get access to it. We tell them that they should really be using the real website. I mean if they would just go to the real website where we wanted them to look then everything would be okay. But if they are relying on their mobile device to provide access to the internet, they are out of luck.

What are we gonna do? I gotta tell you I am extraordinarily sympathetic to these challenges. All of this rhetoric aside there is probably no one out there who is more sympathetic than I am to the difficulty that organizations face in figuring out how they are going to restructure their content, adapt their workflow, change their technology, in order to solve this problem. I say that because my entire job right now is spending all of my time talking to organizations wrestling with these problems. I know it’s hard. I don’t want anybody to walk out of here and say “Oh, Karen said we’ve got to rush out of here right now and throw something up on the mobile web.” No, hold on, because this is so hard. Because this will require changes to our content, to our processes, to our people, to our technology. I don’t want anybody rushing off without a plan in place. I don’t want anybody making fast moves without actually thinking through what they are going to do.

What I want everyone to put in place, is I want everybody to have a content strategy for mobile. And it’s super random how these things happen, some kind of weird coincidence, I just happen to have a book by that title, it came out last year and you can buy it from A Book Apart.

So I want to leave you with something you can do right now, in your schools, in your organizations, to help think about what your vision, your plan, your strategy is going to be on mobile. I’m going to talk through three things that I think you can do right now that you can get started.

So the first one,  is you need to understand what the content workflow is in your organization. Most organizations, I will come in and I will say Hey! What if we were to talk through the publishing process? Like what happens the moment somebody gets a  good idea, like “Let’s post something to the internet!” all the way through to the point where that gets published, all the way through when that gets taken off the web. And people laugh and they say, Oh, Karen, we don’t know when people can publish content to the internet. We have no idea what that publishing process is. I genuinely believe that universities have the most challenging problem with decentralized publishing, fragmented tools, and a real difficult time getting their arms around the organization. The challenges that you are facing, along with everybody else, is the risk is that you will treat mobile like it is yet another silo. That you will allow fragmentation to happen now not just on the website, but with individual groups going off and spinning off their own apps and publishing processes, and you will double or triple or exponentially increase the workload with it. I see this happen all the time.

Look at an example here: Comcast. Comcast has a page on the desktop called Understanding Your Bill. Comcast realized Oh! People are looking at our website on mobile, we should develop a mobile website! So presumably there is not enough room on mobile, so mobile users instead of “understanding their bills” now just “understand their bills.” And so what they did was they cleaned up their text. They took two long flabby paragraphs on the desktop and they tightened it up to one short succinct sentence. They made the mobile website easier to use, easier to read, easier to navigate. The mobile website is better. But if the mobile website is better, why isn’t that just the website? Why are they maintaining two separate versions of this content so that now they have to update them both every time there is a change? You can tell that this is happening. The mobile website was last updated July of 2011. The desktop was last updated March of 2012. They forked their website into separate desktop and mobile versions. So now that means that every time they want to make a change, edit something, fix a typo, they have to do it in two separate places. There’s no way that’s going to be sustainable. And, so, understanding what the publishing workflow is, understanding what roles and responsibilities are involved in content, particularly means understanding what are the challenges of mobile.

And, my job here, if I leave you with anything, is to say “It’s not a strategy if you can’t maintain it.” The enthusiasm that people often have for leaping in, saying “Oh, let’s make a mobile app!” is often offset by the fact that they are simply not prepared to maintain that content and maintain that app or mobile website or whatever it is, over time. And, understanding that people are already operating with shoestring budgets and limited teams, my job here is to say, anything that you put in place needs to be something that you can manage and maintain over the long term.

So, the second thing that you can do, starting now, to build a content strategy for mobile, you could write better. Yeah. You could do what Comcast did and actually clean up some of the text and make it easier to read. One of my least favorite, one of my pet peeves on the internet, is all of these little tropes that are like “Here’s 4 tips for writing mobile website text.” “Here’s How to Write for Mobile, Top 10 Tips.” “Here’s How to Write Content for Mobile Sites”—illustrated by a picture of a man using his laptop outside. I think this one best sums up my opinion on this whole “Here’s how you write for mobile websites” theme.

And, the root all of this is based in this notion that mobile users are always rushed and distracted and they can’t concentrate long enough to pay attention to anything so they can actually read the website. It’s a myth. The idea that mobile users won’t focus, can’t concentrate, aren’t willing to read something, it’s not true.

See, there’s no such thing as “How to write for mobile.” There’s just good writing. And the same principles that these articles are telling you about tips to write for mobile, those are the exact same tips we gave to people to tell them how to write for the web, and they are the exact same tips that we have been telling people for decades about how to write good, professional communication. See, your users have always been rushed and distracted and more focused on their own needs than what you want to say. And so the same principles about writing short sentences, putting the most important ideas up front, breaking up the text with headings and bullet points, all of those principles, they work just as well on mobile as they do on every other platform. And if you have content that is good, that’s valuable, that’s well-written, you don’t need to change it just because it’s going to be read on a different-sized screen.

American Cancer Society asked themselves these questions as they were thinking about what their mobile strategy should be. Should they edit their content down and deliver only a subset of what they offer? Should they shorten their articles to the fun-sized candy bar version? Should they focus on the needs of the on-the-go cancer patient? Nope. American Cancer Society, when they looked at the data, found the people who were more likely to be looking at their data on a mobile device, showed that those populations of mobile-only users matched up pretty neatly with the populations of people who were less-likely to get the preventive care and cancer screenings they needed to catch cancer in time. And so, they concluded that they had a life-saving imperative to get all of their content on mobile. All of it. And you know what? They did. This website is, I think, a beautiful example of how it is possible to take something that is a fairly complex website—it has multiple categories, it has multiple levels of hierarchy, the sections are fairly complex, this is serious content, it requires a certain level of engagement—and to make all of that available, on a mobile device, without removing or changing a single word. The mobile website is browsable, it is readable, it is navigable. I might even go so far as to say the mobile website is better. It provides a more focused reading experience to guide somebody who is wrestling with a cancer diagnosis for themselves or for a family member. It allows them to actually deeply and fully engage with that reading experience in a way that they can’t do on the desktop.

There’s no reason to take good content and edit it down to some shorter form just because you think that’s all a mobile user would read. Frankly, I think it would be disrespectful to these people to say “Oh, you don’t get the same information about cancer because you have a different device.” Instead, I think we should take a lesson from David Balcom, who is the director of digital for the American Cancer Society where he says, “It’s not that this was designed and written for mobile. It’s just good content.” So, if you have good content, you should feel confident that you can deliver it regardless of device or platform. Good content transcends platform.

And, if you don’t have good content, here’s your chance to clean it up. The opportunity for you, now, to say “let’s go in and edit our content; let’s clean it up; let’s make sure it’s adding value.” If mobile is the catalyst that will allow you to do this, and if it helps you in your negotiations with various stakeholders and various special interests to go up to them and wave a tiny little smartphone screen in their face and be like “Oh no, so tiny, can’t possibly fit all your crappy content on there. Must clean it up.” If that facilitates those conversations, then by all means, be my guest. Use mobile as the catalyst that will help you do that. But you’re not just cleaning up your content for mobile users, you’re cleaning it up to provide a better experience for everyone.

And so, what this implies, then, is that you do have to do something different with your content for mobile, okay? I don’t want to leave you with the impression that you can just take everything that you have and just kind of shove it on a smaller screen. No. It is likely that you will need to put more structure into that content, to make it appropriate for mobile devices. You will have to take your flabby, gloppy blobs of content in which you have one big blob of stuff that’s all mixed in with presentation formatting and whatnot, and provide additional structures that will be appropriate to appear on different devices.

I teach at the School of Visual Arts in Manhattan, and they came to me to talk about mobile strategy. They said that one of the primary challenges that they were facing is that they had a desktop website, they had a mobile app, and they had just purchased these new digital signs that they were going to put up all over campus. They came to me and said “Karen, we need a way where we can manage and maintain all of our content in one place and publish that content to these three very different form factors.” And I was like, “Ummm. Have you thought about treating the digital signage like it’s just a completely different separate siloed workflow?” And they were like “Ain’t nobody got time for that! What are you talking about, Karen? That’s the whole reason we’re talking to you! We need one way that we can manage and maintain all of this content in one place and send it to our desktop website, our mobile app, and these new digital signs.” Three very different form factors. This is not some kind of crazy, futuristic dystopia that these people are living in. This is happening right now, today.

And so, the content that they are publishing to these digital signs, it is, in one sense, the same content that is going to the desktop. But, in another sense, it is not. It is differently-structured content that needs, they need to have different structures, different sizes of the content, different ways of guiding people to use it, because the digital signage form factor is completely different from the desktop form factor.

And what this means, when you start looking at it, is you realize, Okay, I’m looking at my desktop website and saying “How do I think about restructuring this content for other platforms, whether that platform is a mobile website, a mobile app, a digital sign, whatever, Google Glass, whatever the next big thing will be?” Some of the questions you’re going to have to ask are things like “Is this content any good? Do I want to keep it?” Should I, if I’m thinking like, okay, I have my desktop website and I have my digital signs, which content am I going to send where? The ethos is that you should send all of the same stuff between desktop and mobile, but there may be scenarios, I mean, I live in the real world, where I’ve got a client who says “No, I only want to send a subset of that content to my digital signage. How do I do that?”

So, if I have one long page on the desktop, am I going to want to break that down into smaller pages? So, if you’re thinking, like in this Amazon example here, okay, Amazon desktop page, super long, I don’t want to send that one page to a mobile device. I want to break that into four or five shorter pages. Okay, great, well that’s cool. I’ll just break it up at these headings, here. So, Product Features, From the Manufacturer, Product Description, great, those will all be separate, smaller subpages on mobile.

So, let’s say I’m coming here and I want to know how much this camera weighs, because I’m going to have to carry it around all day. I want to know how heavy is it? Which one of these sections am I going to find that information in? I don’t know! Product Features, From the Manufacturer, Product Description, none of those labels is sufficiently descriptive enough to answer that question for me. I have no idea what to tap on in order to find that answer.

Well, that’s cool because hey, there’s this whole big long navigation summary here. Surely that information will communicate to me which one of those sections I should tap on. When you look at those three lines of summary that’s under each one of those links, you discover something: there’s actually no new information communicated on that page at all. All they do is repeat, over and over and over again, the name of the product and how many megapixels it has. The only unique content on that page is “Make memories and share joy.” Is it going to work, then, to have this desktop content? Am I going to be able to provide fallbacks for some of this stuff, like, what happens if my desktop content simply won’t work on my digital signage or in my mobile app. Now, what am I going to do?

So, I gave this talk awhile back at a company, and I kind of walked through all of these challenges that they would be facing as they tried to restructure their content for mobile, and a woman in the audience raised her hand and she said “Well, we’re going to use responsive web design.” And I’m like, “Responsive web design won’t fix your content problem.” Responsive design isn’t going to answer any of these questions that you have about how you want to structure your content differently so that it’s appropriate for the mobile device, the mobile app, the in-store kiosk, the digital signage, the Google Glass. It’s not going to answer any of these questions for you about what you need to do to create different structures and different sizes of content.

So, as Kristina mentioned, I led the redesign of the New York Times a few years back. One of the things you learn from working with publishers is that they cut a standard set of image sizes, so for every image that they are producing, their production team goes in and they cut the same exact image crops for every single one. You, as a designer, do not get to go in and be like “You know, on this page, I think what would really work well isa a 400×300 image and on this page, I’ve decided that a 200×300 image would fit just nicely.” They’re like “These are the sizes that we cut. We cut these sizes. You pick one of these sizes and you make it work.” I worked on the redesign of People Magazine’s mobile web and mobile apps this past year, and one of the things we learned from that process: People cuts nine different sizes of image crops. One of the things we learned is that People didn’t have a large enough size for mobile. We wanted one big image that would fill the entire screen of a Retina display iPhone, and the biggest image crop that they cut wasn’t big enough. And so we went to the production team, and we were like “Hey, could you cut us a bigger image size?” And they laughed and they laughed and they said no and we made do with the image sizes that we had.

So, if you can wrap your head around that. If you can wrap your head around the idea that, back in 2005, we came with a set of image sizes for the New York Times, and the New York Times is using those image sizes today as they make the leap to mobile. They’re using the exact same crop sizes. Did we design those crop sizes for mobile? No, not at all. In fact, those devices didn’t even exist yet. Would I possibly have cut different sizes if I knew then what I know now? Eh, sure, probably. But the fact that, by creating a flexible system of image sizes, they were able to make the leap to mobile without having to create a whole bunch of new content or new image sizes for mobile, if you can kind of wrap your head around the fact that that’s possible in that context, then you can wrap your head around the fact that that’s true for other things.

Like, say, headlines. One of the things that amuses me most about mobile is the number of publications that truncate their headlines. I mean, Daily Beast here, it’s like, you have to imagine the editorial discussions that they’re having. They’re like, “Well, we can’t possibly allocate enough room so that somebody can read the entire headline, because that might take away from our ability to have a giant glob of white space in the middle of the page, which is really important to us.”  NPR, NPR, my go-to example of how you do structured content right, even NPR truncates their headlines on their mobile app. The Guardian has an entire Tumblr that is dedicated to celebrating the work of the tireless men and women who shorten headlines so they’ll fit on your phone. This doesn’t make any sense, guys, okay? You look at this and it’s like, why would you ever, as a publication, truncate your headlines? Do you not understand what business you are in? You are in the business of having people read headlines, decide that they want to read the story, and then tapping on that link to go read it. That’s it. That’s your whole business model right there, and you’re kind of like, “Oh, right, we can’t possibly allocate enough space so that somebody can read the entire thing. That would be lunacy!” So that’s one solution. Just allocate enough room for it. You want to know what another solution is? Why don’t you cut another version of the headline? Why don’t you cut two different forms of that? Have a short form and a long form so that then you can send different versions to different platforms as needed.

Slate just announced that they have started cutting two separate versions of their headlines: one shorter form that was sixty, seventy characters, that they could use on mobile and use in things like Twitter. They said they got 100% increase in clickthrough on having those shorter forms in contexts when they were appropriate. Gawker also recently mandated that all of their headlines had to be fewer than 70 characters because they were running into this exact same problem. Now, I’m not that draconian. I say “Hey, why don’t you just cut two forms?” Have a short form that is appropriate for the context in which you need a space constraint, and then, on the desktop or in your email subject lines, you can have a longer form to take advantage of the capabilities of that medium. Think about your content like this is a system. A system of reusable pieces, is what’s going to help you survive the leap to other platforms. Same thing is true for things like summaries.

So, Blockbuster, here, you might not know what the goal of this page is for Blockbuster, but I will tell you. The goal of the page is that you will read the description of a movie and decide whether or not you want to rent it. Except, Blockbuster was like, “Oh, we can’t possibly allocate enough space for you to read the entire description of a movie at once, because look at all the other stuff we want you to do on this page. So, we’re going to give you three lines of text here on the desktop. We’ll give you two lines on mobile. And then, if you want to actually read the full description of the movie, you can click or tap to see more.” Except, sometimes, when you do that, you get like four more words. Blockbuster is bankrupt. They just announced that they’re closing all of their stores. You know why? Digital native business Netflix.

So, Netflix. Netflix is on literally every device known to mankind. Netflix is on something like 400 unique device types. You can watch Netflix on your phone, on your tablet, on your computer, on your TV, on your game box, you can watch it on your toaster. Netflix handled this problem in a different way. They write a short form of the description and they write a long form of the description, and they use those versions every single place they need to appear. They can go to their designers and say  ”Hey, you pick whether you have enough room to use the short form or the long form or not, and you use that wherever you can, and you never truncate the description.” That’s how a digital business thinks about this. They say: How can we think about creating flexible sizes of this content that we can use in a bunch of different places?

And that, we’re going to need that, because the challenges of mobile mean, or the challenges of getting our content onto all these different devices mean, that we’re just going to need new structures, new sizes of things. I’m pretty sure that there’s somebody at Verizon who knows the difference between Backup Assistant, Backup Assistant Plus and Backup Assistant SM. I do not. So, if my job here, today, is that I want to back up my phone, I have to do this frustrating tap and back out and tap and back out. I’ve got to look at each page of content, read it, figure out if it’s what I want. If it’s not what I want, I’ve got to back up and start over. Jared Spool calls this “pogo-sticking” and he says it’s a sign that the website isn’t very well-designed, because users don’t have enough context to know what they’re going to get when they tap.

So, Comcast, faced with a similar problem, writes a short little navigation summary that explains to people what they’re going to get when they tap. So, if my job here, today, is that I want to change my PIN, could I figure out that that lives under Accounts and Identification? Yeah, sure, probably, but the fact that they wrote a little summary that has the magic keyword PIN in it makes me feel 100% confident that I know what I’m going to get when I tap.

Thing is, these little summaries, they don’t write themselves. You can’t just take the first hundred words of your body text and cram it in there and go “Well, that’ll explain to people what they’re going to get.” No. The first hundred words of your body text wasn’t designed to be used that way. Doesn’t have the right trigger words in it. You’re going to need to create additional structures of content, additional structures of text. But, I don’t want you to sit here, listening to me and think “Oh, Karen’s saying, now I’ve got to go out and write special headlines for mobile and iPhone and tablet and Twitter and I’ve got to have a whole bunch of different little navigation summaries that will live in my mobile app.” No, that’s not what I’m saying at all. I’m saying don’t create content for a specific context. I’m not saying go out and make an iPhone headline and a Twitter headline and an iOS summary and an Android summary and an Xbox summary. That way lies madness. In the same way that a publisher might think about creating a flexible set of different sizes of images that they can use in a variety of contexts, and that those sizes would be basically okay, would work essentially all right, as they make the leap to other platforms, that, too, can work for text. You might do a survey of all the places that your content needs to appear, and try to develop a flexible set of reusable sizes that will give you the best chance of meeting the needs of what you need to do across the whole web.

Let me leave you with this. You don’t get to decide what device somebody uses to access the internet. They get to decide that. It’s our mission, it is our responsibility, to provide a great experience to them, whatever platform or device or screen size or input mechanism they choose to use to go online. And, for so many people today, mobile-only usage is real. These people, whether it’s because they have no other way to go online or whether it’s their preferred device to use, they are increasingly choosing their mobile device as the primary way that they go online. If you want to reach students, teens 12-17, if you want to reach black or Hispanic Americans, if you want to reach low-income Americans or Americans whose parents only have a high school education, those people are predominantly and increasingly relying on their mobile devices for access. You don’t get to tell those people “Oh, well, why don’t you go to our real website, the one we care about, the one we put all our work into?” You don’t get to decide that for them. They get to decide what device they use to go online.

And what this means, what’s so exciting about this, is that this disruption, this disruption is what’s going to make mobile great. These people, these people who are relying on their mobile devices for access, they are the ones that are going to usher in this great new wave of innovation on mobile. And we get to help them get there. See, if the history of disruptive technologies lets you know anything, it’s that eventually, mobile’s going to get good enough. It’s going to get so good that nobody’s ever going to ask the question “Why would somebody want to apply for college on their mobile phone?” It will be assumed that that is something you can do, because the mobile experience will be great.

And, the thing is, the mobile experience is going to be great in its own way. It’s not going to be competing with the desktop to say “Oh, well, the desktop does this better so it should work like the desktop.” No, it’s going to redefine what good experiences are. And they won’t be the same as the desktop. They’ll be better. And, we’re the ones who are going to help them get there.

So that, that’s what is so exciting about this, is that we have a chance, right now, to do mobile right. I believe that, for many of us, this will be the last great wave of technology innovation that we see in our careers. This is going to be a decade, two-decade long wave that sweeps away the way we’ve always done things, and allows us to usher in an entirely new way of doing things. We have a chance, right now, to clean up our crappy, outdated, useless content. We have a chance, right now, to fix our workflow, to fix our publishing processes, to more clearly define roles and responsibilities within our organization. We have a chance, right now, to fix our underlying technology, to stop band-aiding along with tools that just don’t work the way they are supposed to. We have a chance, right now, to do mobile right. Do it right, right from the start, and that, that, I think, is the opportunity. I know this is hard. I mean, I know you can just look at mobile and see it as this terrible, frightening thing. Or, you can see it as a huge opportunity, a big chance, to really do things right. And I hope you all take it. Thank you.

Sources

I’m not ashamed of my fetish for mainframes and you shouldn’t be either. Brochures from @computerhistory: http://www.computerhistory.org/brochures/index.php

We love it when we can find examples of prominent people who failed to see the obvious in their lines of endeavor. http://www.snopes.com/quotes/kenolsen.asp

More on the rise and fall of DEC and more gorgeous photos of vintage computers. http://www.boston.com/business/technology/gallery/dectimeline/

Christensen calls low-end products “disruptive technologies” because they disrupt progress toward better performance. http://www.newyorker.com/reporting/2012/05/14/120514fa_fact_macfarquhar

A new set of consumers gets access to a product or service previously only accessible to those with money or skill. http://www.claytonchristensen.com/disruptive_innovation.html

Transistor radios disrupted the market for furniture radios even though the sound quality was much worse. http://www.slideshare.net/Christiansandstrom/jealous-of-her-transistor-radio-presentation

Kodak fell victim to disruptive technology. It was not just film but the camera itself was swept away. http://www.ft.com/cms/s/2/f49cb408-ecd8-11e0-be97-00144feab49a.html

In 2007 Christensen said the probability of success for the iPhone was limited because it wasn’t truly disruptive. http://www.businessweek.com/stories/2007-06-15/clayton-christensens-innovation-brainbusinessweek-business-news-stock-market-and-financial-advice

The digital divide is real: differences in access exist across demographic groups and income levels. http://pewinternet.org/Reports/2012/Digital-differences/Overview/Digital-differences.aspx

Chelsea Clinton tackles the digital divide. Most minority students do not have the internet at home. http://www.thedailybeast.com/articles/2012/09/24/america-s-dangerous-tech-gap.html

Customers lost in disruption are unprofitable, so big companies are happy to lose them. http://techcrunch.com/2013/02/16/the-truth-about-disruption/

iPhone is the most revolutionary thing to happen to the blind for the last ten years says @AustinSeraphin: http://behindthecurtain.us/2010/06/12/my-first-week-with-the-iphone/

Think less about the digital divide, and more about digital fluency. Smartphones help bridge the gap. http://www.technologyreview.com/view/428043/there-is-no-digital-divide/

Mobile internet access in 2009:

http://www.pewinternet.org/Reports/2009/12-Wireless-Internet-Use/2-Online-access-in-a-multiplatform-world/2-A-portrait-of-access-and-wireless-use.aspx

And mobile access in 2013:

http://www.pewinternet.org/Reports/2013/Cell-Internet/Main-Findings/Cell-Internet.aspx

34% of current mobile internet users mostly go online using their phone. That’s 21% of all mobile phone owners. 11% of mobile internet users say they use their phone and other devices equally.

http://www.pewinternet.org/Reports/2013/Cell-Internet/Main-Findings/Cell-Internet.aspx

63% of mobile phone owners say they use their phone to access the internet—74% of Black Americans, 68% of Hispanic Americans, and 85% of young adults aged 18-29 say they use the internet on a smartphone:

http://www.pewinternet.org/Reports/2013/Cell-Internet/Main-Findings/Cell-Internet.aspx

Black, Hispanic, low-income, and high-school-educated Americans are more likely to be mobile-only users.

http://www.pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Main-Findings/Cell-Internet-Use.aspx

50% of teen smartphone owners aged 12-17 and 50% of young adults aged 18-29 say they use the internet mostly on their mobile phone.

http://www.pewinternet.org/Reports/2013/Teens-and-Tech.aspx

http://www.pewinternet.org/Reports/2013/Cell-Internet/Main-Findings/Cell-Internet.aspx

44 of the Fortune 100 don’t have a mobile website AT ALL. Only 6 comply with Google’s mobile SEO requirements.

http://searchengineland.com/only-6-of-top-100-fortune-500-companies-have-sites-that-comply-with-googles-mobile-requirements-164748

Google reports that only 21% of large advertisers have a mobile-optimized website. http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/thinkmobile2011/pdfs/time-for-mobile-is-now.pdf

Only 16% of brands have a mobile strategy, so it’s no surprise that only 14% are happy with the results. http://www.digiday.com/brands/brands-struggle-in-mobile/

80% of B2B media companies take an ad hoc approach to mobile, only 33% have a mobile-optimized site. http://printinthemix.com/Fastfacts/Show/622

People without internet access are finding the basic tools for escaping poverty increasingly out of reach.

http://www.huffingtonpost.com/2012/03/01/internet-access-digital-age_n_1285423.html

People start a task on one device and complete it on another. Declare the end of the separate mobile website. http://alistapart.com/column/windows-on-the-web

The challenge for most organizations in the long run will be maintaining variations of duplicate content. http://www.netmagazine.com/opinions/separate-mobile-website-no-forking-way

Celebrating the tireless men and women who shorten headlines so they’ll fit on your phone. http://guardiantruncationteam.tumblr.com/

Take a long hard look at itty bitty microcontent with @eaton.

http://www.lullabot.com/articles/big-trouble-little-content-planning-reusable-microcopy

About these ads

UIEtips: Announcing our Favorite Articles of 2013

via UIE Brain Sparks http://www.uie.com/brainsparks/2013/12/19/uietips-announcing-our-favorite-articles-of-2013/

December 19th, 2013
Over the past year we published more than 35 articles. Here are 6 of our favorites in no particular order:

What Makes an Experience Seem Innovative?

There are so many better things we could be doing with our time than standing in line. But if we step out of the line, we lose our opportunity to get the service we want. Who would’ve thought you could innovate around something as simple as waiting in line?
Here’s an excerpt from the article:
Since customers think standing and waiting is a necessary evil without alternatives, they may not complain about it. Organizations that focus on the specific activities to resolve their perceived customer objective, may overlook the deep frustration from tool time that’s happening in the gaps between those activities.
Teams that study the entire experience look into those gaps to see from where the deep frustration emerges. Addressing that frustration, when no other product or service has done so, will look innovative to the customer.

Feedback Illuminates the Rules

In this article, Dan Saffer discusses how a good microinteraction immediately shares a result with a user. It lets them know the next steps to take or if they’re going in the right direction.
Here’s an excerpt from the article:
Let’s take a microinteraction appliance like a dishwasher as an example. The dishwasher process goes something like this: a user selects a setting, turns the dishwasher on, the dishwasher washes the dishes and stops. If someone opens the dishwasher midprocess, it complains. Now, if the dishwasher has a screen, each of these actions could be accompanied by a message on the screen (“Washing Dishes. 20 minutes until complete.”). If there is no screen, there might be only LEDs and sounds to convey these messages. One option might be that an LED blinks while the dishwasher is running, and a chime sounds when the washing cycle is completed.

Extraordinarily Radical Redesign Strategies

In this article, Jared Spool discusses how it is common for companies to completely change their website design all at once versus gradually. But it often causes havoc for the user. There’s a strong case for making your redesign practically unnoticeable and slowly releasing small aspects of it.
Here’s an excerpt from the article:
It’s your most loyal customers who will hate your flip-the-switch redesign the most. Designers are quick to declare, “Users hate change.” But that’s not it at all.
Your loyal users have invested a lot over the years mastering your current design, to the point where they are fast and efficient with everything they need to do. When you change it, even with something you want to label “new and improved,” all of that investment is flushed down the drain.

Meetings: The Canary in the Culture Coal Mine

We all know that a company’s culture is a key factor to its success. Culture isn’t something you can whip up or easily change, but its presences will define what is and is not possible to accomplish. In this article, Kevin Hoffman talks about understanding the effects of an organization’s culture on its processes and outcome.
Here’s an excerpt from the article:
The culture of a group or a project team is like water to fish: it is invisible yet everywhere, and it defines what is and is not possible to accomplish. Understanding or changing any aspect of a culture requires immense focused effort and luck.

A Typical UX Team of One Job Description

In this article, Leah Buley discusses the various ways one can spot a UX team-of-one situation. Few UX jobs are advertised as a team-of-one gig, but there are usually telltale signs that give them away.
Here’s an excerpt from the article:
To get a sense of what your colleagues do and don’t know about user experience, take them out to lunch and have a casual conversation. Consider a “Bathroom UX” campaign to promote a broader understanding of the roles and functions of user experience. Employers expect UX practitioners to be able to back up their recommendations and show their work. Employers also might expect the user experience practitioner to challenge and persuade others in the organization to adopt new approaches. UX teams of one sometimes have to be diplomatic, informed, and well-meaning meddlers.

Five Prevalent Pitfalls when Prototyping

There are five common traps teams fall into with their prototyping efforts. Using prototypes is key when designing, but are you falling into some of the frequent traps with your prototyping efforts? Learn about 5 typical traps and how to prevent them.
Here’s an excerpt from the article:
A great prototype can sell an idea better than a specification or other form of describing the design. Seeing the design in action and playing with it brings the underlying ideas to life.
It’s no wonder that we focus so much on what the prototype will look like and how it will work. We want to achieve that wow factor with the key decision makers and stakeholders on the project.
As important as the working prototype is, it’s not the most important outcome of a prototyping effort. What’s more important is what the team learns from the prototyping process.

Wednesday, October 23, 2013

Smart, Effective Strategies To Design Marketing Campaigns

Ever since I’ve been involved in the Web, I’ve been fascinated by little things that make a big impact. It’s one of the reasons why I startedcollecting and blogging about these details, which could in some way help others grow an audience. One recurring topic early on was launch and landing pages and the strategies that creators use to expand the reach of their websites, which led to a Smashing Magazine post titled “Elements of a Viral Launch Page.”
Another interesting recurring topic is the campaign page, which you’ll find either embedded in an existing website (Foursquare’s Game of Cones and Dropbox’s Great Space Race) or as a completely independent website (Iubenda’s Orwell Test) that redirects traffic back to the source. Such campaigns have varying goals, such as to drive traffic, to raise awareness or simply to get a single person’s attention.
In this post, you’ll learn what to look out for when creating your own small campaign and how these elements fit together in existing campaigns around the Web.

What Do We Mean By “Campaign”?

The word “campaign” is traditionally defined as a military or political operation that is confined to a particular area or involves a specific type of fighting and that is intended to achieve a particular goal. That’s exactly what we mean here: A campaign is a sustained effort that is slightly beyond your day-to-day business but still connected to it in some way.
Interestingly, a campaign can be carried out with little effort, if you closely monitor what is going on around you and your brand. In the wake of PRISM, we recently ran a small campaign calledOrwell Test, trying to redirect some of the attention to Iubenda, an app that generates privacy policies.
This post contains my observations and a framework for coming up with new campaigns, which you can integrate in your own marketing activities. Thus, it will include subjective opinion to complete the picture.

9 Things To Look Out For

After the Orwell Test campaign, I have been thinking about some of the reasons why it worked and how to come up with even better ways to get the word out about our startup. Obviously, the main driver here was the timing with PRISM and people’s emotional response to its outrageous reach. (Anger spreads faster and wider than joy on social networks, according to a scientific study on Weibo.)
orwell_test_500
The campaign asked a simple question: Is your company any better than the governments that collect data without informing people? This way, we made a connection with what is happening right now. We made a connection to something that people are very upset about (we’ll discuss why that’s important in the section “A Little Viral Theory” near the end), and we challenged them to think about their own behavior.
So, what things can you take advantage of, and what are some great campaigns that do?

THE ELEMENTS

  • Relevance
    Tell a story. What is happening now?
  • Cause
    Contribute to a cause.
  • Popular issue
    Geek out on a popular or niche topic.
  • Competition
    Host a competition.
  • Stats, stats, stats
    Infographics, shareable data, etc.
  • Content
  • Partnerships
  • Targeting someone or something
  • Creativity and innovation
  • Related fields
    Branch out into something related.
This list is not exhaustive, but it’s a good framework to start with, and the examples below will provide some perspective. To understand what your campaign should look like and to make it perfect, you will have to do a bit more homework and incorporate a few additional elements:analyze your target users, set a goal for the campaign, and add viral elements.

OTHER KEY ELEMENTS

  • Persona
    Who are your target users? Build a persona.
  • Goal
    What goal would you like to achieve?
  • Virality
    Understand the viral loop and what it is caused by to maximize your reach. (Again, we’ll cover this in the “A Little Viral Theory” section.)
Now we’re ready to look at some examples.

1. Relevance

One of the easiest things to leverage is relevance. Something might be happening out there that you can add your own perspective to. The more relevant or innovative your contribution, the more attention you will be able to draw.
Orwell Test was born out of pure timing and our eagerness to work on something that people might appreciate. Another project that did an interesting job of capturing attention because of its content and name recognition was Prism Break, which was started by a Japanese developer and designer and posted in Reddit’s technology section and which has since taken on a life of its own.
Responding to short-lived events — for example, via Twitter — also has potential.

SKETCH

sketch500
When Adobe was considering discontinuing Fireworks (which it did), Sketch invited people to look at its alternative, which it was offering at a 50% discount. Sketch’s tweet resulted in 33 favorites and 299 retweets!

TWEETBOT

tweetbot500
The same thing happened with Tweetbot, which discounted its flagship app when Twitter killed off some versions of its TweetDeck app. Above is a humorous tweet by Paul Haddad, a member of the Tweetbot team. The tweet got 420 retweets and 152 favorites!

2. Cause

Another approach is to announce your support of a recurring event or cause.

MOVEMBER

Movember is a movement in which men grow moustaches in November to raise awareness about prostate cancer and to fund organizations that fight the disease. The movement is important to New Relic, which decided to donate $10 to the cause with every registration. New Relic ended updonating around $55,000 to the Movember Foundation and the Susan G. Komen foundation.
If we do the math, that’s 5500 new customers, if all of the registrations were legitimate. The campaign had a single landing page at newrelic.com/movember, organized into various sections. (It has since been removed, unfortunately, but might come back in a new version. Do visit the 404 page there, though, a great example of an actionable landing page.)
movember_500
movember2_500
The campaign’s home was a one-pager that explained the concept of Movember and why New Relic is supporting it (the Movember Foundation is one of its clients). Visitors were invited to sign up below each of those sections (“Create your FREE account!”).
movember4_500
To remind people to share, the website also asked visitors to consider spreading the word below the different sections. The page’s header contained the usual Facebook, Google+ and Twitter buttons.
movember3_500
The last section offered the visitor the alternative of supporting a female-oriented cause. Notice how the copy taps into the altruism theme discussed earlier. It’s hard not to participate when you can support by “just sharing.”

3. Popular Issue

Being relevant could also mean building the campaign on something very popular that people identify with (a form of relevance). Below are some campaigns based on very popular issues.
Crowdfunding is all the rage these days (deservedly so), and all aspects of it are being discussed in blogs and social media and even traditional media. Nintendo played with this concept for the launch of its Game & Wario game for the Wii U.

CROWDFARTER

crowdfarter500
With Crowdfarter, Nintendo built its very own Wario-themed Kickstarter-like campaign, featuring “executive updates” by Wario himself. Visitors could preorder the game, and the page explained everything they needed to know about the upcoming release.
The pages were structured to obviously reflect Kickstarter (and similar websites): video at the top, social elements along the right, and details just below.
The most important part was that the goals and donation element were connected to the sharing elements. That is, visitors could “buy” into the campaign by sharing in social media.
crowdfarter_sharing500
crowdfarter2_500
When the campaign had been shared a certain number of times, Wario badges would be released for downloading. The last prize was a video of the gameplay.

MAKERS

nikemakers500
Nike did something similar by tapping into a popular current topic. It built and released itsMakers app in July 2013. Visitors could download the app and educate themselves on how to work with materials in an environmentally sustainable way.
Quite a few sharing elements were built into this campaign. The campaign lives at its own domain,nikemakers.com, not a subdomain of nike.com. The website was built with Tumblr to appeal to people who love the platform. It also includes a video explaining how this campaign could turn into a full-blown movement. (By the way, check out Tomasz Tunguz’s post on how to start a movement for your product.)

MARAUDERS MAP

circle_marauder500
The makers of Circle, a local social network app, created a small campaign website based on a Harry Potter-style marauders map to explain what its service does, which is to track nearby friends. (The marauders map was apparently the result of a Circle hackathon.)

4. Competition

People love to compete. And people love the chance to win something, however improbable the chance of actually winning might be. A competition is always an interesting basis for a campaign.

THE GREAT SPACE RACE

dropboxspace500
Dropbox understands the viral loop better than anyone. When it started out, it promised free additional storage for users who referred their friends as well as for the friends themselves. This not only incentivized existing users to share, but also enticed potential users to sign up because they would clearly be getting a better deal than anyone else. Earlier this year, Dropbox decided to run the Great Space Race, which would give free Dropbox space to everyone at a student’s school (more precisely, an extra 3 GB to the student for two years, plus the additional space their school had earned).
The campaign hinged on two elements: acquiring users and activating those users. Every invitation would earn two points towards free space for the student’s school, and new users would unlock four more points by completing the “Get Started on Dropbox” guide. The points would be converted into free space for everyone at the school for two years (to a maximum of 25 GB).
spacerace_ranking500
Right below the simple instructions appeared the school rankings for the student’s own country, and below that the international rankings, so that the student could see where they fit in and how far they had to go. (The competition is over, but the page is still available.)

GAME OF CONES

4sq_game500
Foursquare built a campaign named Game of Cones, launched around the time when the “Red Wedding” episode of Game of Thrones aired, which dominated social media for a while. Foursquare’s competition was a battle in which the ice cream shop with the most check-ins in New York City or San Francisco would win the Iron Cone.
Foursquare combined a competition with a very popular phenomenon, Game of Thrones, working with HBO to bring this campaign to its users. The sharing aspect was a combination of rooting for the various “houses” — for example, Bi-Rite and Smitten — and sharing via the hash tag #SummerIsComing.
4sq_game2_500
Users were incentivized to share by “choosing their allegiance.”
4sq_sharing500

GETAROUND RACER

getaround_500
Getaround repurposed a racing game into a competition for its brand in which users could “drive with style, like 007.” The winner spent a day in an Aston Martin car, with a custom-tailored suit, had a five-star dinner and spent the night in a luxurious hotel.
getaround_sharing500
Users could participate in the competition by sharing their racing time in the game on Facebook.

5. Infographics, Compilations And POV

An infographic is a great campaign tool, as we all know. It compiles a few interesting facts into an easily digestible (and, thus, shareable) format. One of my all-time favorites is the Web Trend Mapby iA.
webtrend_ia500
iA has become well known for these infographics, repurposing metro maps into what could even be considered as posters.

TIME MACHINE

4sq_timemachine2_500
Foursquare’s Time Machine was an interesting partnership (with Samsung’s Galaxy S4) and a good example of emotional design. The time machine took users back in time in an interactive, visual way, showing what they’ve been up to and the places they’ve visited.
If the user changed cities, the machine would take them there as well, changing locations with a small spaceship animation.
4sq_timemachine_500
After the user had completed and seen their own history, they could check out some interesting new places around them. To finish off, they could see a colorful infographic of their own journey, which they could easily share.

FLURRY

In a post titled “Why Your Marketing Campaign Sucks” on TechCrunch, Mark Suster singles out Flurry as an exceptional campaign marketer, and he introduces the term “point-of-view marketing,” which a campaign creator needs to follow in order to succeed. The gist is that it’s not all about you, but rather about why the campaign is newsworthy.
flurry_poi500
Flurry’s campaign was a simple blog post, “Christmas 2012 Shatters More Smart Device and App Download Records.” As Suster puts it:
“Flurry doesn’t talk about all of their analytics features and functions. They offer a point-of-view about their market. And they back it up with data. And journalists eat that shit up because it has all that they’re looking for: facts, charts, an angle, news, something that their readers care about, etc.”
The takeaway here is, are you painting the big picture, or just talking about yourself?

6. Content

Words. Images. Content. These form an integral subset of all of the other categories we’re talking about. All of them matter, the color choices, contrast, symmetry, balance. Yet they stand as a category of their own.
Justin Jackson perfectly captured the idea that content can be the message in his piece “This Is a Web Page.” He opens with the heart of the matter:
“There’s not much here. Just words.”
Those words garnered over 200,000 page views in just two weeks.

7. Partnership

We’ve seen partnership campaigns before. Here’s one GE pulled off on BuzzFeed.

FLIGHT MODE

flightmode_500
GE partnered with BuzzFeed to promote GE Aviation at the Paris Air Show. With BuzzFeed, GE created sponsored content related to aviation, and it provided a novel way to navigate the content, called “Flight Mode,” whereby users could fly towards the content they wanted to read.
flightmode_500
It might not have revolutionized online reading, but it was a memorable campaign.

KITKAT AND ANDROID

Most of you have probably seen this. The campaign launched after I had finished the final draft of this article, but I just had to squeeze it in.
Google and Nestlé have come together to promote the next version of Android, 4.4, by naming it Android KitKat, continuing Google’s convention of naming major Android releases after desserts. This dessert campaign includes an actual dessert: Android will be featured on KitKat packaging, and customers can win little prizes.

9. Narrow Target

An effective campaign could just as well target an extremely narrow niche audience.

“HOW MUCH TO MAKE AN APP”

Ooomf is a service for people who are looking for developers and designers to make an idea happen. It recently released a side project and campaign titled “How Much to Make an App.”
oomf
The website helps users estimate the costs of a project. It targets anyone who types “How much does it cost to make an app” into a search engine. Additionally, Web professionals may send their customers this way to get an idea of what’s involved.
oomf2_500
Sharing is enabled by the handy nature of the tool, which explains what is expected of the visitor to make their idea a reality. In general, the more useful something is to someone, the more likely they will share it.
Ooomf added two links to its website, one on the main landing page at the top, and a call to action to “submit your project” right on the website (plus a “learn more” link).

“PLEASE FEATURE US, TECHCRUNCH”

Here’s a company that tried to increase its chances of being covered by TechCrunch by targeting the publication with a campaign page titled “Please Feature Us TC.”
pftc_500
The campaign never got Hipvite the coverage it sought; however, according to TJ Tan on Dribbble, it gave the company a nice flow of registrations (the app no longer exists). In an email to me, Tan explained that Hipvite’s primary goal was to attract early adopters to try out the product; the TechCrunch feature would merely have been a great bonus.

NEARBOX

andrewmeetus_500
The team behind Nearbox wanted to meet up with Andrew Chen to discuss “growth hacking” in their area of interest (mobile). They sent him the Snapchat image above, along with the website they built. This is a great example of how to target an individual in a small campaign. They even asked people to tweet about it:
“Those guys from @Nearbox really want to meet @andrewchen http://bit.ly/YzKesU.”
It’s hard to turn down people who do things like this.

8. Creativity And Innovation

This next creative campaign is still running.

HOLLYWOOD AND VINES

This campaign, called Hollywood and Vines, consists of a compilation of six-second Vine clips submitted from all over the world.
airbnb_holl_500
Sharing is encouraged via the usual social channels and with an email like this:
“Airbnb creates the world’s first film made entirely of Vines. Check out the project athttp://www.hollywoodandvines.com/ #AirbnbHV.”

SOLVED BY FLEXBOX

Creativity also means coming up with a great campaign name. “Solved by Flexbox” is a great name to support the CSS Flexbox campaign.
flexbox_500

10. Related Area

One last option worth mentioning is to choose an area of focus that isn’t necessarily your core business, but where you can add unique insight or get a lot of views.

SPEAKEASY

speakeasy_email500
When Speakeasy launched its product to book locations for events, instead of a typical launch party, it threw 50 parties by getting promoters to use its ticketing platform for the same weekend. The incentive for promoters posed a problem; Speakeasy wanted to host a liquor giveaway, but that wasn’t viable because of the high turnaround time that spirit brands usually have. So, it decided to make its own Vodka brand and advertise it in its emails (and on a fake website), without any explanation.
speakeasy_vodka500
The campaign’s results were impressive: media coverage in New York and Toronto, one weekend with 45 parties in three cities, and 5000 new users.

LITENSE

I’ll conclude with our newest campaign at Iubenda, named Litense. We tackled a subject related to what we do, open-source licenses, and added our expertise. Because we have some experience in creating legal documents, we attempted to redesign open-source licenses to make them instantly understandable and easy to use, both for their creators and their users.
litense_500
We picked the catchiest name possible, Litense, made the licenses easy to scan and read, with the help of icons, and added a few descriptive sentences of what you can do with the licenses.
To make it even easier, we host the licenses on our own servers. All the user has to do is link to the license, which will pop open in a modal window over top their page.
litense_sharing500
At the bottom of the page, we list the various licenses, with an overview to help visitors make sense of the various clauses; it also contains the only link back to Iubenda’s website. We hope the service provides value to a lot of people, people who might need Iubenda’s other services at some point. We hope the project will draw a bit of attention to Iubenda’s vision of reworking legal documents for the Web.

A Little Viral Theory

Now that you know the ingredients of a campaign, let’s look at the recipe to make it effective. You’ll usually want to follow a few rules to make as big an impact as possible.
For starters, you’ll need to bake in a bit of a viral loop. In short, you’ll need to get a viral coefficient above 1.
viral coefficient = (average number of users invited by each active user who invites someone) × (proportion of invited users who actually join or become active) × (proportion of active users who invite others)
Ultimately, it comes down to eliciting a strong emotional driver that will get visitors to share. (If you’re interested in emotional design, check out Aarron Walter’s book on the topic and my earlier article). What’s the strongest driver on social networks? Anger.
Higher virality is achieved by eliciting strong emotions. Here are a few things you can do:
  • Make your content visual.
    Use images, infographics, videos, GIFs. Visual content is more engaging, faster to consume and faster to activate the response you seek.
  • Make the content interactive.
  • Personalize the content.
  • Create emotional stacking with lists.
Emotions aren’t the only thing that raises the viral coefficient. Other factors that motivate people to share are social benefit or ego appeasement.
  • Exclusivity
    The viewer wants to feel in the know.
  • Altruism
    The user wants to do something good.
  • Self-image
    How does the shared product represent the user?
  • Convenience
    Make sharing as easy as possible.
Now that we’ve covered the theory, let’s look at a recent and brilliant execution of it.

ONE SECOND ON THE INTERNET

second1_500
Designly’s One Second on the Internet campaign taps into so many of the themes above, and the website has been shared like crazy. See for yourself with a live Twitter search.
Let’s review five reasons why this campaign is so effective:
  1. Visual content
    second2_500
    The highly visual content centers on the blocks of bright logos. The page has the feel of an infographic, because the size of each block correlates to the number of actions performed on that platform in one second.
  2. Interactivity
    second_interaction500
    The interaction is subtle yet important. The number in the top left of each section adjusts to the time the visitor has spent on the website relative to the block being viewed.
  3. Personal
    The page is not necessarily personalized, but it surely is personal. Designly is talking about everyday things: voting on Reddit, posting to Instagram, posting to Tumblr, Skyping, tweeting, uploading to Dropbox, searching on Google, watching Youtube videos, liking on Facebook, sending email. Hey, I do that!
  4. Emotional stacking
    second4_500
    The page starts with the smallest block (Reddit) and finishes with the biggest (Facebook). Then, we get a few mind-boggling (and very shareable) facts, before the invitation to click that email button.
  5. Convenient sharing
    second5_ann500
    Notice how the sharing buttons stay with you the whole time and how Designly’s URL sits in the bottom-right of the page?

Now What?

Now it’s your turn. Go create a great campaign with what you’ve seen here (and use one of Iubenda’s newly released licenses!). Also, don’t forget to tell us in the comments about the last thing that left a lasting impression on you. And feel free to link to any campaigns you may have done.

FURTHER READING AND LINKS

Here are some links from the article you shouldn’t miss:
(al, ea)



via Smashing Magazine Feed http://www.smashingmagazine.com/2013/10/14/smart-effective-strategies-to-design-marketing-campaigns/