Updates from March, 2013

  • Lonnon Foster 3:36 pm on March 27, 2013 Permalink  

    Anatomy of a Social Media Robot 

    An awful lot of people share with each other on social media services. From Facebook to Twitter, Pinterest to Vine, people carry on all sorts of online discussions.

    One thing missing from all this exchange, though, is a direct connection back to the physical world. The subject of the conversation often comes from the real world, but once you post it, all your interaction with that content is virtual. Whether it’s on your desk or in your pocket, your window into the dialog is limited to whatever can be displayed on your screen.

    Enter Arduino, an open source platform for building electronics projects. Arduino is relatively inexpensive and simple enough that nearly anyone can have a go at making robots. With a little programming and a whole lot of experimentation, the online interaction of social media can be expressed in the physical world.

    We wanted to build something for the Seattle Mariners, Copacino+Fujikado’s oldest client, to celebrate the release of this year’s Mariners TV commercials. And what says “baseball” more than a bobblehead figure? In this case, it’s a bobblehead that bobs whenever someone tweets about the new Mariners commercials. Here’s a quick guide to what makes our little robot tick:

    hashbot-anatomy

    1. Adorable Mariners bobblehead. Robots often lack the human touch, and the whole point here is to connect with people. Besides, how can you resist those dimples?
    2. Dead batteries. We killed a few of these before finding out that a WiFi board listening constantly for input draws a lot of power. Just idling, the bot drains a 9V battery in just under an hour and a half. A direct USB connection or an AC adapter is required to keep the little guy happy. We found a discarded adapter in the server room that provides 12V at 800mA, which is perfect.
    3. Tension spring. This keeps the bobblehead level when the bot is inactive. The platform is hinged at the front. A servo pulls the back of the platform down, and the spring returns it to level again. Other things we tried (unsuccessfully): rubber bands, chewing gum, happy thoughts.
    4. Arduino Uno. The brain of the bot is the Arduino board’s ATmega328 microcontroller. The tiny program (less than 28 KB) stored in the chip’s flash memory detects signals from a connected WiFi adapter, and on receiving appropriate instructions, activates a servo motor to pull the platform down.
    5. Servo connection. These wires provide signal (yellow), power (red), and ground (black) connections between the Arduino board and the servo.
    6. Blinky light. When glowing steadily, this LED indicates that everything is connected and running smoothly. When blinking erratically or completely unlit, this LED indicates that I’m spewing profanity at some bit of code that isn’t working properly.
    7. RN-XV WiFi adapter. Once hooked up to a WiFi network, the adapter makes a connection to Pusher, a service that sends messages between web apps. I wrote a tiny Ruby app that runs on Heroku and constantly scans Twitter’s stream for keywords, then sends a message to Pusher when it finds a match. When someone tweets the phrase “Mariners commercials”, the Ruby code sends a message to Pusher, which then passes it along to the Arduino board for action.
    8. Erector set chassis. Better known as Meccano on the other side of the Atlantic, Erector provides the perfect medium for mechanical prototyping. We tried a few different designs before settling on the frame pictured here.
    9. Servo motor. The bot’s muscle is provided by a small servo motor. We were initially worried that the servo wouldn’t be powerful enough to pull against the spring; the bobblehead is heavy, and the spring requires a fair bit of tension to keep the platform level. We needn’t have worried. Before bolting the bobblehead and servo into place, I made a test run, holding everything in place by hand. The servo nearly jerked the whole assembly out of my hands. I have a new respect for the physical power of our future robotic overlords.
    10. Lovingly hand-crafted servo linkage. The Erector set didn’t have a part that would work, but we had a lot of 22-gauge copper wire hanging around. Strip off the insulation and perform a little surgery with pliers and it serves as an attractive connection between the servo and the bobblehead platform.

    And what does this delightful contraption look like when it’s running?

    We’ve also helped other social media escape the confines of the internet and join us out in the real world. The flashing musical extravaganza on the left was built for Visit Seattle in connection with the 2 Days In Seattle campaign. It responds to tweets with the hashtag #2DaysInSeattle. The terrifying construct on the right took part in Copacino + Fujikado’s 15th anniversary celebration, swinging its mighty tweethammer at a piñata when people tweeted party pics with a #CF15 tag. It was a Mexican-theme party, so the piñata made sense, I promise.

    Where else can we go with Arduino? The flow of information can also go the other direction, so switches, buttons, or sensors connected to Arduino can control web apps through direct physical input. This two-way communication adds an important tactile dimension to online interaction. Engaging the sense of touch, even in a limited way, adds a lot to a medium that traditionally caters only to vision and hearing.

    We’re looking to build more complex projects, expanding on these early efforts to make more compelling connections between the physical and online worlds. Hooking up the internet to real-world objects has potential to attract, engage, delight, and inform. And really, who wouldn’t want to build an army of robot minions to do their bidding?

     
  • Nat 3:54 pm on December 14, 2012 Permalink  

    Pinterest GUI PSD 

    On a recent project we needed to create some static comps using the Pinterest UI. So I did what I usually do in these cases and hit Google to see if anyone had already built a Photoshop template. I was hoping to find something along the lines of the exquisitely detailed iOS and Android PSDs generated by Toronto’s Teehan+Lax. No such luck. That left me with the choice of either hacking together a bunch of screen captures (how things are usually done on deadline) or building my own layered file from scratch. I figured the PSDs would be useful later—to paraphrase fashion mogul Jacobim Mugatu, Pinterest is so hot right now—so I went ahead and redrew a profile and pinboard page from the ground up.

    It was a useful design study. With judicious use of drop shadows and about a dozen subtly different shades of gray the Pinterest team has created an interface that is clean and clear but with just enough depth to push users’ pins to the forefront.

    I didn’t redraw every interaction state, but most of what you might need is here.
    Download: Pinterest GUI PSD

     
  • Nat 6:09 pm on September 26, 2012 Permalink  

    Q&A: Developing Seattle Aquarium’s Edwin the Super Duper Otter iBook 

    Q: Tell us about the project.

    We were working with our long-time client the Seattle Aquarium on a new brand campaign for 2012 that included outdoor advertising and radio. Both are good for awareness, but we wanted to see if we could find a way to also generate real engagement with families. So we came up with the idea to create a fictional children’s ebook that took place in the Seattle Aquarium that could be something kids and parents could share and enjoy together.

    Q: How did you do it?

    We mixed a playful narrative with Aquarium content: our then copywriter [now Creative Director] Mike Hayward wrote the story. We hired a young freelance illustrator to ink and develop early concepts of what became Edwin the Otter. Then our in house art director colored and finished the illustrations. Our team worked with the Aquarium to source multimedia: videos of creatures in action; high resolution photos of different Aquarium creatures. We also got to work with the Aquarium’s biologists on the sea otter fun fact quizzes.

    As we started out we began to run up against the limitations of the EPUB format. For a while we were going to do a Winnie the Pooh type layout with illustration and text on alternating pages. Short of building a native application to handle the video and other branded content, that was all that was feasible within the budget. So when iBooks Author came out, right as we were moving into production, we decided to produce the book for iPad using iBooks Author. It enabled an easy production solution on the most popular multi-touch platform. To make the book available to the widest audience we also created a PDF version for download at seattleaquarium.org.

    Q: What did you learn?

    What’s possible, what’s easy, and what’s hard for today’s multimedia tablets. We hope to produce future multi-touch books for Kindle Fire and the Android tablets but as it stands they don’t yet have the market share or authoring tools to give us scale and feasibility for a project like this. The iTunes store is a great merchandising platform for branded content. If you produce something of quality, they do a good job promoting your piece: we have been featured above the fold in new and noteworthy children’s books for several months and spent some time in the top ten. Six months after release, Edwin continues to get 300 downloads a day without any traffic drivers other than iTunes and the Aquarium website.

    Amazon recently released a set of HTML5 tools for Kindle Fire, so we’ll be digging in and hopefully get a multi-touch book in the Kindle store on a future project.

    Q: Advice for first timers?

    Start with a script or a table of contents or some other linear format and don’t create an overly complicated navigation scheme, treating the book like a website. Create a cover image that works well as a thumbnail, this will help you merchandise in iTunes.

    Here’s part of a presentation we did for our School of Visual Concepts class that contains a few good tips.

    Edwin the Super Duper Otter on iTunes


    Stats from launch day April 18 through September 12, 2012:

    • - 41,926 downloads over 20 weeks in iTunes store
    • - 73 iTunes store ratings with an average 4.5 of 5 stars
     
  • Jennifer 5:01 pm on May 23, 2012 Permalink  

    Three lessons to learn from GoPro 

    Two years ago I never would have believed a company that sells a line of wearable and mountable HD video cameras would captivate me the way GoPro has. I love their advertising, follow their social networks, read every communication, and they are by far one of my favorite brands. A strong statement perhaps, but I was inspired the instant I discovered how GoPro completely transformed the way we capture life’s moments. And I’m not the only one – what started out as a camera for surfers has expanded to a number of sports and activities and evolved into a $250 million industry.

    Over the last couple of years, I’ve been fascinated by the success of GoPro and the significant role YouTube has played in unleashing their greatest marketing tool—customers. Recently I came across an interesting case study on this very topic that is worth watching.

    GoPro may easily lend itself to avid engagement and advocacy among customers; however, there are several strategic principles GoPro has adopted which any brand can apply:

      Innovation is crucial—GoPro has incredible products that customers aspire to own because they never stop looking for ways to improve. They sold their first camera in 2004 and have continued to evolve and advance their technology over the years to provide exceptional experiences for rapidly growing audiences.

      Get up close and personal—Understanding the customer has been instrumental to the success of GoPro. As awareness grew so did the audiences and uses cases for Go Pro products. What began as a camera for surfers has since expanded across a broad range of action-sports (moto, auto, snow, skate, bike, etc.) not to mention reality-TV shows, expeditions, surgeries and more. GoPro embraces each audience, strives to understand their needs and desires, and customizes their products and marketing efforts accordingly.

      Give customers a voice—GoPro acknowledges that customers are their strongest advocates. Communities exist on a number of social media platforms that welcome user generated content as well as GoPro produced/branded content. They also encourage customers to share their exciting moments for the chance to be included in GoPro advertising. They’re even exploring opportunities to pay users for video content based on the number of views and shares generated through YouTube.

    There is no doubt GoPro set a high bar for engagement marketing and it will be interesting to see how other brands evolve their strategies to create the same coveted engagement with customers.

     
  • Nat 12:00 am on March 1, 2012 Permalink  

    Facebook Timeline for Brands 

    We’ve known for a little while that Facebook would be moving Brand Pages to the new Timeline format and today they launched a preview for page administrators. The change will happen automatically for brands on March 30th, so we wasted no time in diving in and checking it out. Here’s a quick glance at what Brand Managers need to know about the changes.

    1. Cover Photo replaces Profile Image
    The Cover Photo is the biggest visual branding opportunity in the new format and a great image here can really set the tone for a brand presence. Previously, brands were limited to a maximum 200×600 pixel image in the upper left-hand corner. The new cover photo is 850 pixels wide and dominates the initial view of the page.

    Ben & Jerry’s dedicated their Cover Photo to their famous Holstein Cows.

    It is important to note that Facebook has added restrictions to how this image may be used, prohibiting coupons, purchase information, calls to action and contact information. They seem to be encouraging brands’ better angels and it will be interesting to see how well this policy is adhered to.

    2. Tabs are now Boxes
    In their previous major design revision, Facebook “Tabs” were replaced with links and icons along the left-hand navigation and much confusion was created. We continued to call them Tabs even though the design metaphor no longer fit, so it is with some relief that this content is now added to the top navigation and can be promoted with large graphical boxes.

    Starbucks is handling the new boxes elegantly.

    Brands can display four boxes in this space and Photos is the only content piece that is fixed in place. Boxes can be anything from your “Like” counter, a map, various apps or custom pages. Additional boxes (up to 12 in total) are displayed in a dropdown menu.

    3. Custom Pages canvas is bigger
    Custom Pages (AKA Page Tabs) now have 810 pixels of width to play in, up from the 520px allowed in the previous design. The Custom Pages will reside in a nearly blank canvas, free from the Facebook user interface elements that crowded out the old pages. This is a huge opportunity to create rich sub-pages inside your Facebook presence.

    The size difference can be seen here, where Dove has an old Custom Page sitting inside the new canvas.

    4. No more default landing page
    In the previous design, brands could create “Like Us” pages and designate them as the default landing page for visitors who had not yet liked the brand. This tactic has been the basis for like-building campaigns that sometimes required visitors to like a brand before receiving special content (a practice known as Like-gating). This capability is now removed, making Timeline the only default view.

    I’m not sure if this spells the end of Like-gating as we know it, but it certainly looks like brands are going to lose a favored Like-building tactic. Interestingly, Facebook also prohibits referencing “user interface elements, such as Like or Share” in the new Cover Photo. With these two policy shifts in place it will be interesting to see what Facebook has in mind for the future of Like-building for brands.

    5. The Timeline
    Images are bigger and (potentially) more engaging. Posts can be customized by widening them, pinning them to the top of the page or (as before) deleting them entirely. A well-curated Timeline is going to be a great opportunity to communicate a brand’s personality.

    I like the visual consistency of the content on Ben & Jerry’s Timeline.

    6. Messages
    Visitors can now contact a brand privately using a prominently placed Message feature. It will be very interesting to see how users embrace this new private communications channel inside Facebook, which has until now been a strictly public forum for brands. Social Media Managers everywhere will be adding this to their to-do list.

    This is just a quick overview of the new features and overall we are very excited about what they mean for customization and brand engagement. If you have any opinions or questions you would like to share, head on over to our new timeline and let’s continue the discussion.

     
  • Jim 5:17 pm on February 27, 2012 Permalink  

    What does Digital America look like? 

    Remember when we used to rank cities by how “wired” they were? (Austin was high, Biloxi was low.)

    Remember when our media plans excluded digital messaging and social networking for people over fifty?

    Remember when we thought online video viewers were overwhelmingly young, white men?

    The face of Digital America is changing. And while the growth of the Internet is hardly newsworthy, there are a few surprises in a recent study from Nielsen and NM Incite. Here are five nuggets regarding digital and social media usage that might cause you to reconsider your views of online behavior.

    • 54% of visitors to social network sites and blogs are women.
    • Women outnumber men (53% to 47%) among online video viewers.
    • Men are more likely to own tablets than women (53% vs. 47%).
    • 274 million Americans have daily access to the Internet—at home, at work or at a third place. However, 100 million Americans (a third of the country) do not have access to broadband.
    • Whites make up 61% of smartphone owners. The next largest group of smartphone owners are Hispanics  at 17%.

    One thing is certain: adoption of new technologies is a dynamic process and the digital demography will surely be different a year from today. Stay tuned.

     
  • Jim 5:52 pm on January 10, 2012 Permalink  

    Put a code on it 

    qr code

    If you watch the uneven but occasionally hilarious IFC cable series Portlandia, you are familiar with Put A Bird On It: a design movement that enhances objects by adding a bird.

    Marketers have their own version of this fad: Put a QR Code on it.

    These chunky barcodes are showing up on everything from billboards to, alas, urinals. I recently saw a QR Code on a website which accessed (wait for it) another website.

    In theory it’s a great idea. When scanned, a QR Code provides additional content that enhances the host message. A print ad can turn into a full- motion product demo. A real estate flyer can offer a guided tour of a home. A concert poster stapled to a telephone pole can unleash a music video.

    Unfortunately, the public doesn’t share the marketing community’s enthusiasm for QR Codes. According to a recent Forrester Research survey only 5% of Americans with smart phones actually scanned a QR Code during a recent three-month survey period. Those that did tended to be young, affluent and male.

    Does this mean that QR Codes won’t ever be a viable marketing tool? Not at all. But as with any emerging technology, it requires patience and best practices. Here’s how our agency is using QR Codes for maximum effect.

    Get real
    While it’s easy to slap a code on virtually any medium, be realistic. Are consumers inclined to chase a city bus down the street to scan a code on a transit ad for a casino? Probably not. On the other hand, QR Codes make sense at the point of sale, in print advertising and mobile couponing.

    Make the experience worthwhile
    Consumers who take the trouble to whip out a smart phone and scan a code should be rewarded for their efforts. Make sure the content is more than a pointless rehash of the host message.

    Integrate
    Don’t use the technology for technology’s sake. Make sure the scanned message advances your overall brand story.

    Be Patient
    Don’t expect miraculous results from a QR Code effort. The percentage of those who scan the code will be low. The technology relies on third-party apps that can be clunky to use. But smart phone penetration will continue to increase and the QR Code user experience get better with built-in readers.

    By applying common sense (and some uncommon creativity), there’s no reason why you shouldn’t put a code on it.
    QR Code

     
  • Chris 5:08 pm on September 30, 2011 Permalink  

    Rising up against declining CTRs 

    Over the last couple of years, industry studies have reported a general decrease in average click-through rates (CTR) for online display. This trend was recently highlighted in a Google study looking at CTRs across 2010. The favorability of online display is starting to be questioned given steady declining CTRs and other stats flowing from user studies that find something like 16% of online users account for 80% of all clicks.

    It shouldn’t be a shock to us as marketers (who are consumers ourselves after all) that CTRs are declining. As continually barraged as we are with advertising messages furiously competing for every last nanosecond of our attention, it makes sense that users who are interacting with content they have voluntarily sought-out might not be so ready to be redirected to your site just because you have been gracious enough to place an ad on the page they are viewing. It just doesn’t work that way and we need to rise above the dependence on the click as the only measurement by which we judge campaigns success.

    The focus should move from driving the click to maximizing the impression. We make a lot of impressions in online display, but what is the true quality of those impressions? Not very high if we tell incomplete stories that rely on the click to resolve the narrative. Instead, we should focus on succinct, engaging storytelling in-banner that fully communicates within the unit.
    At C+F (shameless plug) we call this “short-fuse messaging”. The focus should be on strong, yet pithy, complete messages. If your message gets truncated because the user decided not to bless you with the scarce click, then you have not communicated effectively. If the user does click—great and we love that—but it shouldn’t be mandatory to complete the communication, nor the be-all end-all in measurement of success.

    The trick then is to engage in a relevant and meaningful way, maximize the impression and then create paths back to your destination for users to engage with what you have to offer. Paid Search can help. Strong SEO is table stakes. And of course, including online display along with other media in an integrated campaign helps reinforce and drive traffic.
    Site side metrics are still important and driving people to your site to engage them remains key. However, relying solely on an ad click to facilitate this customer experience is dangerous and impractical.

    It presents a challenge to our industry. Account Management must deliver clear strategy for concise storytelling. Creatives must be able to communicate impactful, relevant and complete messages inside ad units. And of course media needs to continue to run communication against a targeted audience in the most relevant environments. We still must learn and optimize continually.

    However, we must evolve the use of online display if we are to continue to recommend this media in our campaigns and ensure we use this medium the best way for the greatest impact on our audiences. If we stay tied to the click, our favorability with our clients will inevitably go by the way of user CTR.

     
  • Nat 6:15 pm on August 26, 2011 Permalink  

    One-third of Facebook users could be missing your message. 

    This piece from ReadWriteWeb on Facebook usage by platform really got my attention. It links through to Facebook’s statistics page, which shares the following mobile data points.

    • • There are more than 250 million active users currently accessing Facebook through their mobile devices.
    • • People that use Facebook on their mobile devices are twice as active on Facebook than non-mobile users.
    • • There are more than 200 mobile operators in 60 countries working to deploy and promote Facebook mobile products

    These stats underscore the need for brands to take a write once/publish everywhere approach to web content. If we use Facebook as a bellwether, 33% of the potential audience is consuming content on mobile. If marketers want to meet this opportunity, they will need a cross-platform content strategy that delivers users to a responsive, empathetically-designed web presence. We will be writing more on responsive design in the coming weeks.

     
  • Nat 4:49 pm on March 25, 2011 Permalink  

    Notes from SXSWi 

    Last year South by Southwest Interactive outgrew the music festival that spawned it, and this year expanded to 11 “campuses” spread throughout downtown Austin. It has rapidly evolved into the biggest event of its kind. Some old-time conference-goers grouse about the increasing crowds, expanding footprint and incursion of big brands into their hallowed ground. I was a SXSW newbie this year and wouldn’t be able to tell you if the conference has jumped the shark. I was simply excited at the concentration of smart people all discussing the issues I am most interested in. Here are some of the themes I picked up over five days.

    Serendipity
    Lots of people are concerned about the loss of serendipity in our lives now that we have the ability to get exactly what we want whenever we want it. Referral engines like those behind Netflix and Apple’s iTunes Genius mine our preferences and figure out exactly what we are going to want next. Search engines are seeking to capture as much of our data as they can in order to better refine searches based on our preferences, proclivities and current state of mind. With all this computational power figuring things out for us, are we losing the opportunity to stumble upon random new things? Is it possible to change our perspective when outside news and views come in a pre-selected feed? This concept of serendipity is occupying computer scientists as well as marketers and came up repeatedly through the weekend.

    Content vs. Journalism
    There seem to be two poles when it comes to the current failing state of the newspaper business model. On one side are people who worry that failure on the business side threatens the future of original, sourced, fact-checked journalism. On the other side you see a bit more ambivalence. Builders of ad-blocking and text-parsing apps blame online publishers for creating layouts that are unfriendly to readers. They provide tools to strip out the ads and links that form the basis of the publishers’ business model. Though this seems vampiric, you can hardly blame them. One anecdotal review of an LA Times article page found that just 12% of the page was dedicated to the article itself. Of the rest of the page, 12% was ads, 8% was core navigation and 68% was cross-links and noisy junk dedicated to driving additional page views. The current system isn’t working very well for publishers, their readers or their advertisers. Better page layouts and stronger advertising are needed in online publishing, and soon.

    A Third Era
    Someone has yet to come up with a dumb name like Web 3.0, but it is clear that the surge of smartphone adoption combined with the potential of location services has brought us to a third era of creative potential on the web. In one speaker’s formulation, creativity in Web 1.0 was characterized by the swoosh logo and a clever domain name, in Web 2.0 it was rounded corners and dropped vowels. Today’s great creative web work is going to be all about giving people the ability to do stuff. It is less about aesthetics and more about granting wishes. Having a smartphone in hand gives a person a powerful form of extra-sensory perception. Brands that can find a way to tap into that power are going to win.

    Free Tacos
    Free tacos were huge at SXSWi. Whether it was a branded taco truck or a company using social media to direct their fans to a taco-fueled promotion, tacos are very hot right now.

     
c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
esc
cancel