Some Helpful Advice from a Nitpicky Web Developer

Ever heard the phrase “the devil’s in the details?” I’m here to tell you it’s true!

For every clean, elegant, and professionally designed website or web application, there are droves of slipshod, sloppy, or just plain lazy pieces of code I encounter every week. What pains me most is that many of these quirks are really simple to fix and can go a long way to adding to your reputation and credibility.

I’ve put together six examples of detail work that you should include in your digital design and development. These suggestions may seem nitpicky, but as a professional web developer who’s been coding and designing websites for over a decade, these “fit-and-finish” items are the ones that always jump out at me when browsing a site or web application.

1. Display Current Copyright Dates

Most websites these days have copyright dates in their footers, usually followed by the formal name of the company or organization and legal text such as “all rights reserved.” Make sure the year displayed here actually matches the current year! Nothing says “out of date” like a mismatched copyright year. This is especially glaring following New Year’s Day. Scripting languages such as ColdFusion, JSP, PHP, and JavaScript can easily handle dynamic dates, as can content management systems.

2. Match Link Names and Page Titles/Document Names

Your users want to get to your content as easily and quickly as possible, so don’t make the process more complicated or confusing by using mismatched names in your website links. Make sure the language you’re using in the link text is a good match, if not exact, to the document or resource at the other end. You want your users to be confident that what they clicked on is what they needed. And please, avoid acronyms or business jargon! Simple language is best.

3. Use Accurate Singular/Plural Descriptors

This is one of my personal pet peeves: if you’re going to display a list of items, show a group of updates, or otherwise show a collection of objects dynamically, always add a condition in your code to change the descriptors from plural to singular when there’s only one item. I can’t stand to see phrases like “1 search results found” or “1 new tweets.”

4. Link Banner Graphics Back to the Home Page

Users have come to expect that clicking on the website’s banner or logo will take them back to the main page of the site. Make sure your banner is linked this way so users won’t get frustrated, or, at the very least, give them an obvious way to get there using a “Home” link or icon (a house is typical). For mobile applications, a “Home” icon in the contextual menu can help solve this problem.

5. Use Clear and Distinct Timestamps

If you’re managing a news website, blog, or any site or application that has time-specific or time-sensitive content, always show the publication date or the “last update” and make sure it’s easy to locate. This is especially important for users arriving at your site from search engines; they’ll want to know that the content you’re providing is the most current or up-to-date for their needs. I personally prefer to see timestamps right below the headline/byline, or, if that’s not possible, at the bottom of the article before any comments.

6. Make Your Social Channels Prominent or Easy-To-Find

Is your organization or corporation on Twitter, Facebook, or YouTube? That’s great, but don’t curtail your efforts by burying the channels in your “Contact Us” or “Resources” pages. If you’re actively using these channels, place social icons in prominent locations, such as the header (near the search box is a great spot for visibility) or anywhere where other contact information, such as phone numbers, is displayed.

What Advice Do You Have?

What about you, my faithful visitors? What common mistakes or omissions do you come across in your browsing that you would suggest as improvements to the site’s owners and developers? Share your recommendations in the comments below.

There Are No Social Media Gods

Over the past two weeks, I’ve had the opportunity to meet face-to-face with several talented folks involved in the field of social communications. At an in-house digital communications event in Dallas last week, I enjoyed excellent conversations with Barbra Rozgonyi of WiredPRWorks and Deidre Walsh of Jive Software. Today, at a meeting of the Social Media Club of Philadelphia, I had the pleasure of connecting with SMC Philly organizer Gloria Bell, blogger Cecily Kellogg of Uppercase Woman, and author and co-founder of Zoetica, Geoff Livingston, among others. The presentations and sidebar discussions with each of these good folks were informative and inspirational for me. All of them were warm and willing to talk.

This post isn’t about name dropping, however. Each of these individuals helped to cement a new perspective for me: there are no social media gods. There are only people.

I’ve been involved in social communications for almost two years now, and I continue to feel like a relative newcomer when interfacing with folks in this circle. There are a bevy of brilliant luminaries from every industry and skillset, and it can become daunting when you see a rapid-fire set of ideas, concepts, and opinions in your social streams each day. I confess to being a bit over-enthusiastic at times (“geeking out”) when talking to these folks, but, more so, I’ve unconsciously treated some as though there were deities: masters of their domain, untouchable. I see the same patterns in others and have heard stories of backlash when expressing differing opinions to the social gods.

For us folks invested in the social space, we have to remember that we are dealing with human beings, all the time. Not just the individuals who we’re reaching out to (and helping others do the same), but each other.  That’s the “social” in social media, of course, but I get the feeling the “human” aspect is lost from time to time. Respect and professionalism are prerequisites, but we can’t be afraid to share stories, offer contrasting opinions or constructive criticism, and give praise where deserved. We each have strengths, weaknesses, and our own unique personalities, but turning social communications into a “cult of personality” is not where we need to go.

My recent interactions were positive precisely because we all treated each other like people, not figures, metrics, or influencers to be courted. I hope to see more of this as my knowledge and network grows and fewer instances of “false idols.”

So, what’s the moral? Be warm, be generous, be fair, but, most of all, be human. I will.

Where Users Fear to Tread? On the Heels of Great Footers

Of all the elements in a modern website, the footer is probably the least appreciated. Users have come to expect basic contact information, privacy policies, and other legal-oriented details to live in the footer, but that doesn’t mean footer designs need to be dull collections of links or tiring repeats of the main navigation. Done well, footers can be helpful, informative, and even mischievous elements in a website’s overall visual design.

In this post, I cite four examples of well-crafted and thought-out footers I’ve come across, leaving room to expand the list as I discover other fine specimens. Of course, suggestions are welcome!

1. Marketwire


Marketwire is a Canadian communications corporation that offers unique solutions to help organizations listen, monitor, analyze, measure, and connect with their audiences in both traditional media and “new media” channels. Their suite of tools and dashboards allow their clients to gather valuable insights into their customers and competitors and make actionable results to increase their value, influence, and reputation.

Marketwire chose to let their website’s main content sections do the talking, so the footer is tasked to show essential contact information with a few informative links. The sweeping gray stripe offers a clear separation from the main content and neatly caps off the overall design. Critical touchpoints, national and international phone numbers and social media channels, are presented in a clean and prominent fashion. Large, colorful social media icons pop nicely off the monochrome background and into focus.

This is a simple but effective design that gets straight to the point and doesn’t leave current or potential customers wondering where to go next.

2. Federal Reserve Bank of Kansas City


The Federal Reserve Bank of Kansas City is one of the twelve banks that make up the Federal Reserve System, the central bank of the United States (Disclosure: I work for the Federal Reserve Bank of Philadelphia, part of the Federal Reserve System). Alongside their dual mandate of monetary policy and bank supervision, the Federal Reserve Banks promote community development in their districts, enrich financial literacy among the public, and publish research data and documents on a wide array of economic topics.

The Kansas City Fed’s footer displays their site’s major website categories, a listing echoed in the top navigation. These categories, however, are shown in alphabetical order vs. the more topical choices in the top navigation, and surface the next level of content to help users find what they’re seeking. All titles are short (no more than four words) to ease scanning.

Bold category headings stand out nicely and draw the eye to key starting points. Common footer elements, such as a link back to the home page, contact information, privacy policy, and FAQs, are centered and offset from the primary and secondary categories to be easily discovered. The bank’s address and phone number have a third distinct style to complete the typography in the banner and headings. Seals at the top and bottom of the footer provide nice visual breaks.

Most Americans aren’t familiar with the inner workings of the Fed and can get lost amidst the vast amount of online content they offer. The Kansas City Fed’s footer delivers a lot of options, but does so in a roomy, clear presentation that can help ease information overload.

3. Wall Street Journal


One of the most recognized news publications in the United States, the Wall Street Journal delivers a staggering array of financial, national, and international news to its readers.

Offset in tones of deepening gray with ice blue links, the five columns of links in the WSJ’s footer are easily scanned and digested despite the fineness of the font size. The reversed contract color scheme is easy to read and distinct from the otherwise busy conglomeration of content in the main section of the site. As with the Kansas City Fed’s footer, key sections are in boldface. The WSJ’s RSS feed and social media links are embedded with small icons whose colors help them to stand out in the crowd. Alternate editions of the WSJ are collected together in the rightmost column and ruled off with a thin, dashed white border.

With nearly 100 links to various content pieces throughout the WSJ’s digital empire, the footer possesses a clean and pleasing design that gives a great overview of the wealth of available information.

4. ThinkGeek


A veritable gold mine of geeky goodness, ThinkGeek is a Fairfax, Virginia-based company specializing in collectables, apparel, games, and all manner of merchandise appealing to the geek in all of us. ThinkGeek is well known for its infectious creativity, whimsical demeanor, inventive products, and outrageous April’s Fool fake-outs.

ThinkGeek’s footer is another clean arrangement of major site categories divided into easily scannable lists. Bold, bright color gradients give richness and depth without sacrificing readability. Timmy, the impish monkey mascot of ThinkGeek, directs your attention to the company’s Twitter stream, videos, and blog from his vantage point at the footer’s left edge. Random “customer action shots” offer additional bursts of fun, user-contributed content that keep the experience fresh.

Best of all, the scene of rampaging robots that grace the bottom of each page turns into a mob of marauding zombies upon reaching the footer. It’s a subtle touch, but an extra bit of awesomeness to reward users for adventuring this far below the fold.

The Red Mage Curates

Last week, I decided to start a Tumblr blog to curate the various articles and resources I come across in the Twitterverse and the web at large. I’ve called it “Red Mage’s Spellbook,” and you’re welcome to subscribe or follow the blog at http://brightmatrix.tumblr.com/.

I joined Tumblr for two reasons: to explore what this social tool is all about and to serve as my cloud-based library. I routinely save tweets I want to come back to or take action on to my Twitter favorites, but I find this to be an imperfect system. As for Facebook, I continue to be frustrated by the lack of a “favorites” feature. I see Tumblr as the perfect place to collect my digital artifacts for research and sharing.

I realize that Tumblr is a very powerful blogging and rich media platform in its own right, but I don’t see it as a replacement for Tweeto Ergo Sum. I’ll continue to post “long form” thoughts and opinions here.

If Social Media is “Free,” Personnel Hours are a “Hidden Tax”

This week’s #smmeasure Twitter chat, held by Marketwire, the company behind Sysomos, focused on dispelling common myths about social media. The first myth raised for discussion was “SM is free, everyone should do it!” Besides the notion that you shouldn’t get involved in social media just for the sake of it (tactics come second to strategy, not the other way around), it’s the amount of time your staff will come to spend working with social media that takes a bite out of the “free” notion.

I likened this notion to a “hidden tax,” especially for instances where social media is taken on as an additional task versus changing existing roles or hiring new talent (the latter of which has a more defined, upfront cost).

Regardless of exactly how your organization gets involved in social media, hours will be spent. Listening, learning, reading, engaging, responding, and measuring all take time, and we all know time is money. Consider this: if your analyst Suzy Creamcheese makes $50,000/year and is now spends 15% of her time focused on social media efforts for your company, those efforts are now costing you $7500/year. Twitter’s not so “free” anymore, is it?

That said, you can help reduce the “hidden tax” of social media by thinking about efficiencies. Will entering this space give your business more visibility to potential customers and increase the loyalty of your existing buyers? Could the knowledge you gain by monitoring give you the ability to respond to industry conditions and customer needs, saving money over the long run? Can you avoid a meltdown and negative press by responding to complaints or controversies as they happen, sparing your company and your stockholders the agony of lost revenue?

Social media certainly isn’t a silver bullet in and of itself, but set up and managed effectively, you can turn those “costly” personnel hours “lost” to social media into gains for your business.

Shout-outs: The #smmeasure chat happens on Twitter every Thursday at noon Eastern time. Follow @smmeasure or @marketwire to tune in; Marketwire also has a Facebook page where they post questions ahead of time. Also, I recommend reading “The Now Revolution” by Jay Baer and Amber Naslund, which is filled with excellent advice and counsel on ways to make your business more nimble and effective in the era of real-time communication.

Scales and Sheen: How Very New Social Media Accounts Can Amass Influence So Quickly

As social influence metrics like Klout continue to gain, well, clout in the industry, instances will arise where folks will cry foul over perceived inconsistencies in how scores are generated. An example I’ll use in this post is how very new Twitter accounts are able to amass very high influence scores in a very short period of time.

Let me preface this discussion with influence as opposed to popularity. Numerous articles were written last year that clearly illustrated that one does not equal the other. Hollywood celebrities, musicians, and other popular figures have a great deal of popularity, but this does not translate well into influence, which is defined as being able to convince others in your social network to take action. Mark Schaefer, author of the {grow} blog, described just how challenging and difficult it can be to get your followers to do something, even if you have the popularity and reach of Alyssa Milano.

So, how can new accounts become so influential so quickly? Let’s study the Twitter accounts of a well-known and controversial actor and well-known, and currently missing, snake.

First, the actor. Charlie Sheen opened his Twitter account on Tuesday, March 1, 2011 to much fanfare. At the time, Sheen had a much-publicized falling out with Chuck Lorre, the director of his CBS show, “Two and a Half Men.” Folks speculated, and were quickly confirmed, that Sheen would use Twitter as a mouthpiece to share his perspective on the situation. Once word got out that his account was up and verified, the followers piled on fast. According to TwitterCounter, Sheen’s account accumulated 519,343 followers on the very first day. March 2 saw a subsequent increase of well over 530,000 additional followers, leading Sheen to reach the 2 million follower mark in well under a week. With over 3.3 million followers as of March 30, @CharlieSheen currently holds an astronomical Klout score of 94.

TwitterCounter chart for @CharlieSheen

Now, on to the reptile. On March 27, 2011, a venomous Egyptian cobra was found missing from the Bronx Zoo’s reptile house in New York City. The zoo promptly closed the enclosure as the search went on for the wayward serpent. It didn’t take long for a clever mind to make light of the situation, and on Monday, March 28, a Twitter account appeared under the handle @BronxZoosCobra that posted updates of the cobra’s adventures around NYC. On the first day the account was opened, TwitterCounter shows 86,140 followers tuned in to follow the cobra’s exploits. By 11 a.m. ET on Wednesday, March 30, the account has nearly 140,000 followers. While not as dramatic as Sheen’s account activity, the trend clearly shows a strong demand from folks on Twitter, resulting in a Klout score of 73 for the cobra (as of March 30).

TwitterCounter chart for @BronxZoosCobra

So, what can these two accounts teach us about social influence and the algorithms that determine their scores relative to others? It’s simple.

Demand, in particular, a sharp increase in your network, is a strong factor in measuring overall social influence. Both @CharlieSheen and @BronxZoosCobra attracted a massive number of followers in a very short period of time, and, in Sheen’s case, the demand has risen over the four weeks since the account’s creation (although it is starting to level off a bit). While their influence scores may not indicate that their network will take any kind of action on their behalf, it does clearly show that they’re producing content that folks want to consume and share with their own networks.

Now, it can be assumed that an accelerated drop in a network’s size (think rats jumping from a sinking ship) would result in a corresponding plummet in influence. To a lesser extent, steady or very slow changes in network size would result in a similarly consistent influence score. I’ve observed this in my own personal account: my network size is growing, albeit grudgingly and gradually, and my Klout score has remained relatively stable for several weeks.

What’s the take-away from all of this?

  • First, the systems themselves aren’t broken or being gamed. Demand is one of many factors these algorithms are using in their calculations, and sharp changes in network size seem to greatly influence (pun intended) the weight this specific metric has on the entire score. It would be informative to study Sheen’s and the cobra’s accounts after several months to see whether their overall influence continues to maintain itself over time. As always, don’t just look at the score itself. Do your homework and dig into the underlying metrics to figure out just what’s driving that high number.
  • Second, don’t look for demand alone to change your fortunes. It’s already been shown how sizeable networks don’t always translate to positive action from their audience. Exercise proactive listening and active engagement to energize your followers and fans. Learn about them and their interests, understand their needs, and give them what they want.
  • Third, be creative and innovative. Whoever created the @BronxZoosCobra account used a captivating news story about the cobra’s release to create something fun and clever for the folks on Twitter. This adaptive and nimble thinking is precisely what Jay Baer and Amber Naslund describe in their book, “The Now Revolution.” Another excellent example is how Aflac turned its fortunes around by creating casting call for their signature mascot after their principle voice actor, Gilbert Gottfried, was fired from the job.

Update (4-1-11): About midday on Thursday, March 31, 2011, it was reported that the Bronx Zoo’s cobra was found, apparently in a “non-public” part of the reptile house. No status update from the @BronxZoosCobra Twitter account as of 8:45 a.m. today, but I suppose the zookeepers took its iPhone away. It will be informative to see whether the owner of the account keeps up the cobra’s commentary, and also whether its followers and influence will fade over time.

The parody account @BPGlobalPR, set up after the Deepwater Horizon disaster in the Gulf Coast last year to poke fun at BP’s series of public relations flubs, is still active but seems to be slowly losing followers as the attention around the incident fades. Its Klout score, however, has stayed relatively steady over the past 30 days, hovering around 64.

Editorial note: I also updated the title of this post to read “Very New Social Media Accounts” vs. its original “Very New Social Media Networks.”

Taking Aim at the Cloud of Doubt

It seems that ever since I dove into the realm of social media, specifically Twitter, I get this nagging, flagging feeling of doubt every six weeks or so. It’s like some miniature existential crisis, but on a recurring basis. I wonder: how can my works matter in the presence of other great thinkers? Why didn’t I think of that concept, that idea, that perspective?

When you’re part of a swift-moving current of constant thoughts, adamant opinions, and vibrant conversations, it’s easy to be overwhelmed by the sudden awareness that talent is all around you, and you’re the least of it all. It can be a crushing weight, that sensation of mediocrity. But really, if you think about it, the new challenger who’s arrived is that awareness. Never before have we been able to tap into so many creative minds at once. Industry leaders and luminaries have always been generating ideas, writing books, keynoting conferences, etc. It’s that level playing field tools like Twitter offer that make it seem like you’re in direct competition with the heavyweights.

So, what can both you and I do about all this?

Get over it, shake it off, and don’t get sucked into an imaginary popularity contest.

Did you make a mistake? Learn from it and grow. Do you admire another’s work? Absorb their teachings and add to your knowledge and skills. Are you questioning your own professional self-worth? Take both the good and bad from your colleagues and connections for a balanced viewpoint; learn not only what ideals you want to obtain, but which to avoid.

We’re each our own worst critics. I firmly believe a hallmark of the creative thinker is the constant criticism of our own works coupled with the incessant drive to simply do better. It’s the motive power that keeps us questing and questioning the world, ourselves, and our place within it. The key, I think, is to continuously remind ourselves of that, accept the times of uncertainty alongside the great works we do produce, and realize that this too shall pass. You’re not in a race to win with these folks; you’re out there to do the very best with your life and your talents.

I’m taking aim at the cloud of doubt, and I hope you are, too. Let’s wish ourselves great victory!

Related goodness: Here’s two outstanding posts related to my train of thought that I discovered in this morning’s blog reading: