Ryan Singer, 37signals podcast

Sepia electric hybrid
Creative Commons License photo credit: cln_finch

Ryan Singer, product manager and designer at 37signals, talks about the company’s design process.


Download the MP3

I found this interesting as 37signals’ process relies on everyone pitching in at a variety of levels–information architecture, user experience, design and back-end development.

At times, I’ll hear that these types of a role demand a person with “hybrid” skills. But I’m not so sure that the hybrid label works anymore; it’s important essential that everyone in the shop can contribute at a variety of levels.

It’s both intimidating and exciting. What do you think?

Posted in General, Websites | Leave a comment

North, South, East … Zest?—Guided by the brand compass

The International Foods section of Fiesta
Creative Commons License photo credit: rutlo

Shopping in a grocery store in a foreign country is a scary, intimidating and often mysterious experience. You don’t have your bearings.

Not because of differing store layouts. I’ve circumnavigated U.S. stores like Safeway, Harris Teeter, Ukrop’s, HyVee, Wal-Mart, Lund’s, Schnuck’s, and Rainbow like my name was friggin’ Cristobol Colon.

Shopping abroad is intimidating because you have no idea what anything is—especially packaged goods. You lack the brand compass.

Foreign products are both scary and mysterious. The pictures are different. The on-package copy isn’t the same. And, most importantly, the brands are not even close to being familiar.

Living in Spain and shopping weekly amongst unfamiliar brands, I’ve realized the importance of all that branding work.

I’m alot more confident and happy with the bag on the right. Why? They’re identical. I’ve used both, and my chicken froze exactly the same.

It’s important to realize that brands you’re familiar with provide you with an extremely important compass when purchasing.

I work in the online side of marketing, and we often talk about engagement—via email, Twitter, etc.—and how our marketing service is important in this New World of Marketing and Advertising. This post is meant to give a shout out to the brand experts.

Mass media. Carefully tailored messaging. Protecting the brand.

Thank you. You have no idea how much happier you make me.

In the grocery store, you can’t try before you buy. That differs hugely from my world where I download trials frequently. In-store, I need the brand to guide me. I need the brand to help me quickly move through the store and get what I need. And, what’s more, I want to feel confident about my purchase without thinking.

Here’s one of those extreme examples—a few years ago in London, I once asked for Band-Aids at a Boots. And when they looked at me like I was from Mars*, I was about to say the generic term for this product. Then I suddenly realized I had no idea what this type of product was called—are they adhesive bandages?

If you’ve shopped abroad, you know what I’m talking about. And my perspective doesn’t come from living in Spain—where the Atlantic now greets the setting sun and we say Hola—the lack of a brand compass is true even for Americans visiting Canada.

Yes, I’ve started buying Aquarius and Bueno bars—but I’d kill for a Gatorade and a Snickers^.

I’d love some Zest, but I’m stuck with whatever that crappy soap is in my shower. Not to mention, I sat in the grocery storey examining the new soap’s box for a minute .

Come to think of it, I’ve never even read what’s on a Zest package.

What’s your experience shopping abroad? Don’t you hate it when you don’t feel comfortable with the products you’re buying?

*For the curious, they’re called plasters in the Queen’s English.

^We certainly have Snickers and Gatorade here in Spain. They’re just much less common, especially Gatorade.

Posted in General | 2 Comments

Finding typos in my emials

Everybady, soon getting an iPhone
Creative Commons License photo credit: alq666

I’ve got this weird compulsion when I send emails—I often re-read them after they’re sent. Do you ever do that? Well, this compulsion is also self-inflicted pain because I instantly notice my poor grammar and typos—and often times, they are many.

Not only are poorly-written emails confusing, they lessen the perception of professionalism.

But you know what?—I’ll never slow myself down to proof-read emails nor will I let myself worry too much about my errors.

Despite the mispellings or occasional unclear sentence, speed is one of my assets.

My buddies and I were goofing around with Typing Test last week. I found out I type at 87 words-per-minute. (My friend, who’s an accountant, scored highest with 88 WPM, nerdball.) Besides being wildly entertaining, the typing test reinforced that I am able to really pump out communications.

I pride myself on responding quickly to my clients and colleagues. I relish shooting off call reports as quickly as I can.  When producing and developing projects, it’s important to keep moving. Faced with a crossroads, I make an effort to take an action—send the email, post the file, set the milestone, make the phone call—lingering on perfection doesn’t work.

Just like new business versus old business—you’ll always get more mileage exercising your current strengths than trying to improve your weaknesses.

For me, one of my strengths is doing regardless of a few imperfections from time-to-time. And at times I end up with typos in my emials, c’est la vie.

So, what are your strengths? Where do you find yourself excelling?

Posted in General | Leave a comment

QA work with Notable

QA’ing website builds is not an easy task.  There are countless issues to check and comments to wrangle. From copywriting, to <TITLE> tags, to image exports, to functionality. Depending on the site, there is a lot that can — and will — go wrong during testing.

It’s a fact of life that there will be several rounds of QA before a site is ready to launch. And usually post-launch has its own batch of issues to take care of.

With that in mind, I’ve QA’ed sites a variety of ways — Excel spreadsheets, Word documents, shared Google Docs, Adobe PDF — and it usually becomes very complicated and difficult to manage.

As a producer, the scale usually tilted after a day or so of QA in which I started managing the QA documentation more than the actual QA project. Notice how I used the past-tense in the preceding sentence.

Enter Notable.

This website makes QA actually enjoyable. Some features I love:

  • The Firefox add-on makes taking screen grabs one-click and then they’re ready to add to your Notable account (you can also upload screen grabs on your own)
  • Not only does the Notable add-on take screen grabs, it imports all the code from the site you’re QA’ing.

    This means you can click on the “code” tab and comment directly on the JS, HTML, CSS, etc. Unbelievable (also has options for SEO, copy, etc.)
  • Export all of your comments to PDF — basically this export is a better looking, easier-to-manage and more comprehensive version of the offline tools I had used in the passed
  • It’s cheap — I’m currently on the Basic Plan — and will immediately improve your efficiency and save you time (which is, after all, money)

There are a ton of great productivity web apps on the market for producers, designer and developers. Just like Basecamp, Harvest, and Campaign Monitor — using Notable makes my life not only easier, but actually a little bit better.

Give it a try. You’ll love Notable.

Posted in General, Tools, Websites | Leave a comment

Social networking abroad with Tuenti

Chances are you have never heard of Tuenti. I hadn’t either until I arrived in Spain. Tuenti is the primary social network for college-aged people.

It has a lot of similarities to Facebook — but I definitely feel that Tuenti is it’s very-own beast. (For those interested, here are some social networks that are international clones of FB. It is an old article.)

For starters, Tuenti doesn’t have an Apps platform like Facebook does. Coming from the marketing side of things, I find this to be a missed opportunity for Tuenti as well as brands here in Spain.

But honestly, as a Tuenti user, I don’t miss Applications one bit. In fact, I’m usually loathe to install Apps on my Facebook account as it is. Tuenti has the basics covered well — photos, messaging, status updates and a decent “blog” feature.

Vis a vis Facebook’s Status Updates and Twitter Tweets, Tuenti seems to fares well. When you log into your account, if you haven’t updated in a while, Tuenti prompts you to do so. A nice touch to keep the network “alive”.

The logging-in screen also provides quick snapshots of your social network. Click the below screen grab to see a larger version.

The logging in screen functions identically to Gmail. You can see the loader bar in the upper-right. The awesome thing, from an advertiser’s perspective, is that from time-to-time they put display ads on this log in screen.

Tuenti is devoid of any advertising at all within the social network, so this log-in screen is all they’ve got. In terms of awareness, I think they’re doing a nice job grabbing the audience for 5 seconds or so. It’s highly unlikely anyone would ever click away from their about-to-be-started Tuenti session, so any direct response ads wouldn’t do very well in this placement.

Typically, I see awareness-building ads for movies, televisions shows, or CPGs.

An anecdote to stress the relevance of Tuenti here in Spain: I was out and a friend mentioned that I didn’t seem very American. I said, “Why” and she responded, “Well, first off, because you have Tuenti.”

Quick notes on Facebook and Twitter. Virtually everyone here also has Facebook, and it is an important means of communication for all of us foreigners. Facebook definitely has a tight grip on the world scene (except Spain).

And as expected, I have yet to meet anyone that knows what Twitter is. (No, I’m not running around asking people. That’d be pretty geeky, ¿yes?)

Posted in Social Media | Leave a comment

Like looking into a mirror (sort of)

I’ve been on both sides of this fence. But I cringed more than I chuckled the first time I saw it … sigh.

The vendor-client relationship in real-world situations–

Posted in General | Leave a comment

“The producer is an integral part of the team on digital.”

Today, Rick Webb (pictured above) wrote a WAILING blog post for Boards Mag praising interactive producers. Below are some of my favorite quotes and my reactions.

There’s not been any traditional training for great interactive producers, so the people who end up in the business have usually taken a non-traditional, and thus non-replicable, path.

It’s really nice of Rick to call-out the non-traditional path we’ve all travelled. It’s difficult to pin-point how, where or when I’ve learned all of the crap I know — development design patterns, SEM strategies, latest goings-on in social media, etc. — but all of it is useful on a day-to-day basis.

And this post isn’t all about gloating. There are times when this “non-traditional path” has left me feeling like the consummate “jack of all trades, master of none.” This is a bad thing when I’m sitting down with super talented designers, developers and strategists!

[The producer's role is] as vital as the creative, much to the chagrin of traditional creatives.

As producers, we get the awesome opportunity to help create awesome ideas in the agency. But let me be very clear — being a Creative is fucking tough. Anyone who’s sat down and tried to concept or design by themselves will tell you the same.

Where Rick is dead-on, though, is that the traditional creative approach gets a little messy when you’re producing digital objects. It takes an agile team willing to break ideas down to their core, adjust on-the-fly and accept input (criticism, praise) at all times. My best projects have exemplified this work atmosphere and it is the producer’s role to facilitate this environment.

What’s more, I personally loved being able to contribute even on the most miniscule level to the creative product. I admire it. I respect it. And I love working hard with a great group to get things right. It’s fun.

[Producers have] got to have a willingness to spend a significant chunk of their time managing, and not doing what attracted them to the business to begin with: building cool stuff.

Never been said more clearer. As I mention above, I adore having courtside seats to the creative process and “building cool stuff”. But within our realm of digital production, I’m amazed by those who truly manage a project. It’s a gift not to be taken for granted. For all the work I’ve put into learning more about technology, design and development — I’ve had to double my efforts in making sure the management was in tip-top shape for each and every project; projects big and small.

I continue to work on this facet today.

But more than that, the producers in the business have taught a new generation of producers.

I wanted to end with this one because there have been a ton of people that have helped me in my career. At Fallon, I worked with David Annis, of Zeus Jones, and he really gave me a ton of insight — not only in techy aspects of producing, but also the important aspects of the profession. Also helpful has been Jennifer Helm, of Carmichael Lynch, who’s been a producing mentor since I started.

Any producers out there have any feedback to Rick’s article, or additional commentary (praise) for us producers?!

Posted in General | 2 Comments

Desktop versus web-based email apps

Nangyuan, Koh Tao
Creative Commons License photo credit: victoriapeckham

I haven’t used Microsoft Outlook in almost two months.

An amazing statement that just makes me smile.

Buchok.com’s mail server is run using the free version of Google Apps for Your Domain. Prior to moving my business email to Buchok.com, I had used Gmail as my personal email account. And this experience always left me wondering: why do I even need a desktop application to manage my email?

Desktop apps, Outlook specifically, always seemed to be a major resource hog, and I rarely compose emails or look up emails without internet access. So having an offline storage for my email didn’t matter.

Much less, as I’m on a different time zone, Gmail’s grouping (pic below) feature allows me to seemlessly join conversations — rather than the dreaded responding-to-an-email-only-to-find-the-issue-already-resolved-hours-later.

All-in-all, I don’t miss having a desktop web client. I even tried using Mail.app, but I found it a waste of system resources.

Could you live without your desktop mail app and move all your email to your browser?

Posted in General | 2 Comments

Staying in Touch with my iPod

Hotel Phone
Creative Commons License photo credit: Skrewtape

Technology is a wonderful thing. Since moving to Spain, the internet has allowed me to stay in touch with just about everyone. As you’d expect email, Facebook, Gchat, Twitter and the like have kept me very connected.

Typically, the biggest challenge has always been phoning folks back home. It’s a struggle to dial out a long number like +11018001234566122088265 … and that’s after picking up a calling card at some local shop! This time around, however, I’ve got a super-slick solution via Google Voice. Here’s how it works:

Sending calls through the internet

  1. I received my Google Voice number (612.208.8265) in mid-July when they started sending out invites. Currently, you can only request to be added to the invite list–I did this in 2008, so I had waited a while for my number.
  2. In my Google Voice account, I’ve set up an SIP phone number using Gizmo–I don’t know too much about Gizmo, but essentially when you sign-up, you’ll receive another phone number. This is the number used in your Google Voice account.
  3. Now, within my Gizmo account, I’ve set up yet another forwarding option–this time to Truphone. I can receive calls to my Truphone account (within Gizmo’s account settings, just enter your username@truphone.com within SIP forward). Truphone also offers an iPhone/iPod Touch application (this is important).

Tying it all together

Deep breath …. okay, here’s what happens when I need to make a call.

  1. Open Truphone application on my iPod Touch
  2. Log into Google Voice, and select the number I’d like to call in the US (or elsewhere, if needed)
  3. Google Voice will first dial out to me via Gizmo > Truphone > my iPod Touch
  4. When I answer Google Voice’s call on my iPod Touch, it then begins dialing the number I’d like to call
  5. Voila! Simple, easy, free calling while I’m in Europe

Additionally, I can SMS with friends and colleagues back home using my Google Voice account–pretty slick.

What’s not to like

The biggest complaint I have is that I can’t forward my Google Voice number to my Spanish cell phone. It’s not a service supported by Google Voice currently. As such, when people call my phone number, they’re greeted with my voicemail.

This isn’t the worst option in the world, as Google Voice automatically transcribes my voicemails and then sends me an email, but if someone really needs to connect, it can be bother some.  Then of course, my Spanish cell phone is always available for calls.

Posted in General | Leave a comment

Save money with ultra-clean HTML & CSS


Creative Commons License photo credit: chudo.sveta

If you’ve worked on a web design project, undoubtedly you have heard web designers proclaim their proficency in coding hand-crafted, clean HTML & CSS.

From a geek standpoint, the “right way” to code a website is with ultra-clean code. Naturally, web designers place a lot of importance on doing things the “right way”.  But you may not be interested in their best-practices–let me give you two important reasons why clean HTML & CSS is good for you and your budget.

Clean HTML & CSS is easier to manage

Website projects seem like they never end and that is because they don’t.  Maybe a few furloughs here and there, but the moment you buy that domain name, you’re in for the long haul (eternity).

With that in mind, the most crucial aspect to recognize in your web project is this–the firm or person designing and developing your website today will likely be different in 18-24 months.

Personnel will change. Objectives are going to be reconfigured. You may need an SEM expert to manage a few landing pages. Or you may decide you’d like to work with another firm. It’s a part of the web world, and that’s okay.

Because you’re working with many constituencies, you need to your website’s front-end code must be manageable.

Make sure your code is extremely clean and you can limit the amount of time (and, most importantly, money) it will take for someone to get acclimated with your site. If your HTML & CSS is a mismash of hacks and work-arounds, the neophyte brought in will spend as much of your budget learning stuff as he/she will doing stuff.

Google and Bing don’t like dirty sites

You do want the search engines to be able to find your content quickly, right? CSS techniques like using proper headers, image replacement, ordered lists (scroll down about halfway), etc. allow you the most highly-optimized site possible.

As your site becomes more and more search engine optimized from the get go, when it’s time to really optimize your site you can start at the advanced level with your SEO expert, rather than re-covering the basics of HTML & CSS.

(Not too mention, if people are finding your awesome site, you’re probably achieving some sort of positive business objective.)

Here’s how you can tell if a site has clean HTML & CSS

  • The first step I take is to disable all styles and see what the page’s HTML looks like–to do it my way, install the Firefox Web Developer’s Toolbar and select “CSS>Disable All Styles”.  Here’s how this post looks doing so–

  • If I’m assessing a web designer’s skills, I’ll also check to see if their HTML & CSS validates (this Wordpress template doesn’t complete validate, oops!). You can do that at many, many websites. Here are some resources:
    • CSS validator, http://jigsaw.w3.org/css-validator/
    • HTML markup validator, http://validator.w3.org/

(Note, the Firefox Web Developer Toolbar add-on will also check site’s validation.)

Any web designers out there willing to add some addition tips on why clean HTML & CSS is valuable for marketers? Does you have any questions about all this jibber-jabber-jargon? Let me know in the comments.

Posted in Websites | 2 Comments