Sidenav Category

New JBS Partners Business Cards are Awesome

Thursday, October 2nd, 2008


What do you see in the icon? Think about it before reading on and please offer your thoughts in the comments below.

There are at least six answers that have been mentioned and a handful of representations are intentional.

  1. A spider web
  2. Partners – the people shoulder to shoulder in a circle
  3. Navigation wheel of a ship – remember Netscape Navigator browser
  4. A cross – the dark blue lines
  5. Diversity – the figures of alternating color
  6. A site – as in cross hairs providing focus toward the center

Others have seen a show flake, jumbo jets in a circle ready for take-off and people.

A Peek at The Inbound Marketing Summit

Wednesday, October 1st, 2008

The inaugural Inbound Marketing Summit 2008 provided two outstanding keynote presentations and three tracks of seminars throughout the day in Cambridge.

I was thrilled to be invited as a guest, finding myself tagged as a member of the media. I felt a little bit anxious with feelings of obligation, but an honest reflection of the day is all that anyone can really expect.

This post brings a very unlikely combination of perspectives. Not only am I familiar with the subjects being presented and a few of the presenters, but I worked in hotels for years and am taking the role of speaker at my first hour long presentation to a large audience in early October.

Logistics

Parking in Cambridge is never easy. Parking at this event was very easy because it was in the same building.  The cost was $22 for the day. I never left the building for about 11 hours.

The event space was on the second floor.  The sign in desk was obvious and had ample room to register attendees.  The schwag bag contained a program for the day and two books, Seth Godin’s Meatball Sundae, and David Meerman Scott’s New New Rules of Marketing & PR.  I had to chuckle because they are both books that I already own.

Attendees were required to walk through an area serving another convention which was confusing at first, but I think everybody figured it out quickly enough.  The hotel provided staff to assist in way-finding.

The first speaker was scheduled for 8:15 am.  However, the doors remained closed until 8:15 or maybe a minute or two later.  I still wonder why folks were not invited in before this time.

The reception area after the event was long and narrow with sun exposed glass walls.  The afternoon sun likely keeps this space warm even in the dead of winter.  A couple of the rooms were warm, but it could have just been me.

Presenters

It is an entirely different perspective when you are friends with hosts and presenters and even their agents.  A big benefit of attending events is meeting new people and learning new concepts. I often struggle with the tension between seeing friends and wanting to visit with them and the hesitation most of us feel in meeting new people.  I ended up doing both, hanging with the crew and meeting some folks that were new.

Brian Halligan opened the morning with a thorough explanation of inbound marketing, including a helpful history of marketing that culminated with where things are going in the future. This led very naturally to the opening keynote speaker.

David Meerman Scott really set the table for the entire day.  His presentation, which at one point seemed to show slide number 98 was clear and informative.  I really should read his book now.

Seth Godin was of course entirely entertaining, colorful, energetic and relatively predictable.  This is not a presentation of ground breaking discoveries.

Both presenters did a fine job of engaging the audience, clearly making their points while subtly not letting us forget the title of their current or upcoming book titles.

The five other presenters that I joined covered a range of topics, including;

  1. Website re-design
  2. Optimizing landing pages
  3. Social media and PR
  4. Social media strategy
  5. Viral video

My favorite, was the subject that I deal with on a daily basis, site building and SEO.  I liked it because of the challenging ideas; namely that changing design is usually retrogressive breaking more things that it fixes.

Selling custom design for years, it was hard to embrace initially, but the case made was solid.  Site owners think of design first.  They really should think of content first.

Search engines can see the text, but not the design.  Awesome content brings visitors by way of the search engines. And, yes, I have seen design challenged sites perform well for their owners.

There was one presentation that I wanted to leave three or four times, but felt glued to my seat.  The information density was too high, the voice was monotone and the room was warm and dim, and I was hungry.

I was surprised to meet speakers on Social Mediafolks that were “not sold” on Twitter. I offered them some food for thought after the presentation, which they seemed to welcome.

Next Year

The Inbound Marketing Summit is a well balanced mix of content and networking. The speakers were all accessible and willing to speak with attendees.  I found the attendees eager to learn and meet new people.

This is a strong component of the summit that will be very satisfying to future attendees.

I encourage practitioners and managers in PR, marketing, ecommerce, web design and social media and those that need these kinds of services to attend the Inbound Marketing Summit. For a one day event in packs a punch that can’t be beat.

If you want to learn more about this year’s presentations, slides are available here; http://www.inboundmarketingsummit.com/agenda/ From there you can visit the blog and video streams.  These will give you a very good idea of the quality content that was available.

I’d be remiss in not mentioning the primary sponsor HubSpot who not only offers an internet marketing blog, but also website grader and press release grader.

There is a lot of value that the HubSpot team is pushing out to small and medium sized businesses.  Start taking advantage of this by visiting thier website and attending next years Inbound Marketing Summit.

Is Twitter for the Birds? A Tweet Tweet Tutorial

Wednesday, September 10th, 2008

I surely thought Twitter was for the birds after creating my Twitter account back in early 2007. As an entrepreneur, I find that time and resources need to be well targeted and purposeful. I could see no purpose as I stared at the blank screen. This was not a resource for me.

Today, I can confirm both customer and colleague relationships initiated through Twitter as well as many friendships and even money in the bank. Here is how that all changed, after a Twitter primer.

What is Twitter?

Twitter falls into the category of social media applications. This communication tool allows you to keep in touch through short messages that can be sent to many people instantly.

You can update three ways: to all subscribers, directed to one person, or sent privately to one person. Updates are 140 characters maximum. (As a reference, the text immediately preceding this parenthetical note is 139 characters long.)

When you first open your account you are missing the most important component of a useful Twitter account – people whom you follow and people who follow you.

How do you find people to follow?

Below are six suggestions for finding people to follow, but first a little business-focused contemplation. Think about your purpose and motive. This will help you focus on following the right kind of people. Two important business questions are:

Do you want to follow people with similar interests, in the same industry?

or

Do you prefer to develop a group of followers who will benefit from your products or services and possibly hire you?

Most people tend to reciprocate followers, so keep the Golden Rule in mind. Follow the kind of people whom you want to be followed by.

  1. Follow a couple of people you know, such as the person who introduced you to Twitter. Follow me @fairminder.
  2. Follow their friends. Observe conversations and then choose new followers from among the people others are talking with.
  3. Upload your contact list to Twitter to find people on Twitter whom you already know. Follow #2 above again.
  4. Visit TwitterPacks. It lists all kinds of Twitter folks according to special interest.
  5. Search on Twitter for your city or town name along with the state, and review profiles to find new people to follow.
  6. Visit this TweetScan. It’s a more advanced twitter search site.

Number 2 above is a successful method because it includes some measure of social validation as you move from friend to friend of friend, rather than guessing whom to follow. You know the old saying, “Birds of a feather flock together”? It really does apply here.

What should you say?

Twitter is a microcosm of life and has the potential for an equally wide range of subjects to be shared.

Feel free to jump in and send an update to someone in response to an update that you read. Or simply answer the question that Twitter poses: “What are you doing now?” Keep it interesting and related to the purpose and motive you established earlier. What you read on Twitter may inspire you to start a new conversation.

Here is a small sampling of what you may find or contribute on Twitter.

  • Breaking news – News of the Chinese earthquakes hit Twitter long before traditional news outlets.
  • Interesting links to a photo, audio, video, website, blog, forum post and more.
  • Local meeting information – I enjoyed many meetings discovered on Twitter.
  • Messages of encouragement – Tragic personal news can generate condolences from around the globe.
  • Absolute rubbish – Not so interested that there are now three spiders on your wall.
  • Tech help – Many have received answers to tech questions right away.
  • Friendship – A listening ear, someone who will respond.
  • Weather updates – Timely, accurate reports from far and near.
  • Affinity groups – For example, fitness groups encouraging each other.
  • Sports scores – We love those Red Sox.
  • Reviews and recommendations – Comments on books, movies, products, etc.
  • Directions – You are likely to get a helpful reply from a local.
  • Polls – Simple polls that gather interesting information.
  • Discounts and special offers – People and companies send out both.

So what happened with me?

I followed people, wrote updates, joined conversations, offered sports scores and website-related advice, asked for technology help and sought out talented people to help serve the needs of my clients. It was especially fun when I later met Twitter friends in real life. Now the Following and Followers numbers on my account are approaching 1,000.

What most people seem to be interested in is how money was made through Twitter. It began by sending a helpful update that was well received.

Shannon sent an update that said, “Hey, check out this website I just designed.” I did and then sent along a few suggestions for improvement. Shannon said he really appreciated these suggestions. Keep in mind that his update was not directed at me and I didn’t know him then. It simply went zipping by at a time when I was “on Twitter.”

In fact, he asked me to be an advisor on his next project. I agreed and he was so pleased that he paid me 50% more than he had originally offered. He subsequently went so far as to write an unsolicited blog post recommending my services. Wow, all this born out of 140 characters.

As the conversation expands, it is not out of the ordinary for it to move from Twitter to email, IM, telephone and in-person meetings.

Initially Twitter did seem like it was for the birds. I understood Twitter no more than I can understand the birds outside my window right now. Friendly folk on Twitter and in real life showed me otherwise.

I hope that you will also learn that Twitter is not for the birds, but a valuable tool for your business and social tool box. Come join the conversation! I promise to reply.

Jim Spencer
JBS Partners
“Fairminder” on Twitter

What has been your experience on Twitter?

This article first appeared in the August 13th , 2008 issue of the High Rankings Advisor newsletter. Many thanks to Jill for sharing her wide channel of distribution. Many readers opened accounts with Twitter in the following days, and over a hundred have followed Jill and I on Twitter.

You may also be interested in reading other posts here;
Twitter Tools to Share with your Followers
How Your Twitter Profile Can Attract Followers
Twitter related services
What is Twitter? (from Sept., 2007)

Or visit www.TweetAdvisor.com for more tips, tricks, news and opinion on Twitter and the tools and applications that we all use.

How Your Twitter Profile Can Attract Followers

Tuesday, August 12th, 2008

Stop scaring off Twitter followers and invite them to follow you with a well thought out Twitter profile.

Generally when you follow someone on Twitter they will either follow you automatically or investigate you and then decide.

Let’s look at some ways to configure your profile to encourage people to follow you, rather than scaring them off.

Here is an image of my Twitter profile for reference.

Twitter-fairminder-Profile-About
Twitter Profile Sidebar

People are looking for something in common, something specific, or something entirely different from what they are accustomed to. If you don’t fill in this information, then visitors have less information to make a good decision (which would be to follow you).

About

Name: Extra points for a real name that seems authentic. Someone that hides thier identity makes me suspicious.

Location: I have a certain affinity for certain locations. I also just feel better knowing where in the world someone is. Sometimes knowing it is well past bedtime in that part of the world is useful.

Web: Link to your website, blog, or your account on Linkedin, MySpace, FaceBook or whereever people can find out more about you.

Bio: This is an important area with 160 characters to fully utilize. Let people get to know you, find something in common, discover an interesting fact about you. Provide as many details as you can. Have a sense of humor if you like.

Stats

This is another important source of information for the potential visitor. It is best to try and keep the Following and Followers numbers relatively similar. You don’t have to follow everyone, but if the ratio gets beyond 5 to 1 or even up to 10 to 1 people will assume that you are a spammer using a robot to follow new people really fast. That’s not good.

Twitter is about the conversation. No on wants or expects a conversation with a spammer or robot.

Following: Follow as many or as few as you like. This is not a contest with prizes for the highest numbers.

Followers: Do your best to maintain some semblance of balance between Followers and Following

Favorites: Real people favorite a few updates.

Updates: Once you start keep at it. A profile with one update is not that appealing. Keep at it over a few days and fill up a page on a variety of subjects that interest you.

Potential followers will also read a few of your updates and scan the Following avatars to see what is going on or not going on in your account.

Summary

Complete the About section with useful information so that people can get to know you and will engage you in conversation.

Don’t look like a spambot by following a thousand people on the first night you open your account. Take your time. It’s not that far from real life here. You have to open up a little to start the conversation.

See you on Twitter @fairminder

If you like this article, please see my Twitter article that was first seen on High Rankings Advisor – Is Twitter for the Birds? A Tweet Tweet Tutorial It makes a business case for Twitter.

What suggestions do you have to improve a Twitter profile?

Web Innovators Group meeting in Cambridge

Wednesday, July 23rd, 2008

Tuesday was the 18th Web Innovators Group meeting.

web-innovators-group-logo

The Scene

A free meeting of over 600 people. The event is sponsored by the Venture Capital firm Venrock. There are a lot of VC’s on the floor as well as folks in every related Internet line of business you can think of. Most attendees are in the mobile and web communities. You could bump into a graphic designer, someone in PR, banker, entrepreneur, mobile platform programmer, social media specialist, newspaper writer and so on. A lot of early-stage company folks come to see others like themselves.

The event includes five minute presentations from three “Main Dishes”. The audience gets to ask each presenter two questions. Often the audience yells out, “How do you make money”. Some speakers are confident in their revenue models, others, not so much. Most of the time, the crowd groans at the answer.

Before and after the “Main Dishes” there are pioneering “Side Dish” presenters around the perimeter of the room. Here innovative web companies present their products and services to an eager audience one on one.

How to succeed

Be social. Reach out to meet new people from beginning to end.

I remember leaving the ballroom at the end of the event and this gal simply asked me what impressed me. I answered and she and her posse and I ended up at the dinner table. I made a few interesting friend, many of which I now see regularly. Leave a comment if you can guess any names here.

The ballroom is packed. It is hard to move around. It is very loud. But, just remember, everyone is here to meet new people. Why not be one of those people?

I met some new people that were very interesting and talked with some great friends as well. It’s these repeated small touch points that allow relationships to grow over time.

This is also a very good venue to find a job or employees.

One of the better advantages of attending is to find a group to go out with afterwards, so that you can really get acquainted.

The next Web Inno, as it is affectionately called, will be on September 15th, 2008 at 6:30pm in Cambridge. Come out and see what’s new in technology and meet someone new.

Lunch with the High Rankings dynamic duo and guests

Tuesday, July 22nd, 2008

I gratefully accepted an open invitation for lunch from the folks at High Rankings. Why?

  1. They know SEO really well
  2. I like their style
  3. My schedule was open
  4. Travel distance is not an issue
  5. I might learn something
  6. Curious who they hoped would attend
  7. Needed to find out what this is all about

high-rankingslogo red

Who was there?

There were definitely some interesting characters in the room. In fact we discovered that one fellow diner and I have a mutual friend and colleague. Hi Jeff.

Three of us work for ourselves, two with clients. Another guest recently was hired. All live within an hour’s drive of the High Rankings office. A relevant crowd, but I will leave it to Jill and Pauline to say how relevant.

What was discussed?

The current and past careers of each guest, speaking at conferences, Twitter, increase in local clients, domaining and some helpful advice on an upcoming project for my business. Nope, no great secrets. A lot of understanding SEO has to do with actually dispelling false information.

Would I go again?

Yes. And I would be more prepared with challenging questions, even if I had to solicit questions from my friends on Twitter.

True or False High Rankings SEO Quiz?

The High Rankings SEO Quiz

  1. Need to submit your URL to the search engines
  2. Frequent spidering helps rankings
  3. PPC ads will help organic rankings
  4. Sites are banned if they buy links
  5. Must use a specific keyword density
  6. Should have 250 words on each page
  7. Duplicate content will get your site penalized
  8. Validated code will rank better
  9. #1 Rankings always lead to increased traffic and sales
  10. Rankings will drop if you stop paying your SEO company

Answer if you get the first one right, you get them all right.

How Many File Downloads is Google Analytics Tracking For You?

Saturday, June 28th, 2008

Google Analytics provides valuable information about your visitor traffic and what visitors find interesting on your website or blog pages. However, it does not track file downloads by default.

Google-Analytics-logo

What if you have eight downloadable files and you want to know which of the eight is downloaded the most?

The easy option is to use the Site Overlay feature. However, I found, on a low traffic site, that it did not record clicks on file download links. Please let me know if you find otherwise.

Google provides another option, adding a javascript tracking code to each file download link. This bit of javascript assigns a pageview to the clicks on your file links which Google easily tracks.

Adding the Google Analytics code to your links

a href=”folder-name/file-name.pdf”
onClick=”javascript: pageTracker._trackPageview(‘folder-name/file-name.pdf’);”>
This is a complete code sample

a href=”folder-name/file-name.pdf”
This line is the path to your pdf. I didn’t need to change anything here.

onClick=”javascript: pageTracker._trackPageview(‘folder-name/file-name.pdf’);”>
This line is the tracker code. This is the new Google code that was added.

onClick=”javascript: pageTracker._trackPageview(‘folder-name/fn.pdf’
The file-name.pdf in this line can be any text that you choose. Here it is shortened to fn.pdf.

Bonus: Try a shorter link name

I shortened the file name text compared to the acutal file name so that it would fit nicely in the Google Analytics display.

  • Simple cut and paste
  • Consider shortening the file name
  • Works with any kind of downloadable file, pdf, avi, doc and so on.

Give it a try

Don’t expect to see the results immediately. Google suggests waiting one or two days. I saw results within 30 minutes.

Here is a link to the Google Analytics Help page. http://www.google.com/support/googleanalytics/bin/answer.py?answer=55529&topic=11006

You are invited to share your comments below. Thanks for visiting.

Search Marketing Standard Discount Code

Tuesday, March 11th, 2008

Search Marketing Standard magazine is arriving in my mail box. If you are interested in SEO you can subscribe now at a 15% discount. Enter this coupon code at checkout: “FRIEND15“.

What will you find inside Search Marketing Standard?

My latest issue includes articles on:

Google, Social Media, Linking, Analytics, WordPress optimization, AdWords, Flash, Social Media Marketing and an SEO event calendar. There is even a crossword puzzle.

Articles are authored by longtime experts and up and comers alike, including:

Eric Ward, Kim Krause Berg, Chris Boggs, Joost de Valk, Bryan Todd, Grant Crowell, Gord Hotchkiss and Cameron Olthuis.

The magazine publishes four issues per year, which is nice flow of information that will not overwhelm you. With this discount you have a great opportunity to develop and affirm your own Search Marketing skills and pocket some change as well.

Take the first step in subscribing to Search Marketing Standard magazine.
And remember to enter this coupon code at checkout: “FRIEND15“.

There is good reading here.

What’s your take on the Search Marketing Standard magazine?

The Hubspot blog is useful. How would you improve it’s usability?

Wednesday, February 6th, 2008

Hubspot, author of WebSite Grader, sponsored a webinar with Paul Gillin, author of The New Influences – A Marketers Guide to the New Social Media.

Here is a story of business engagement. Engaging the audience and developing a conversation.

I asked a simple question of the presenter, which was asked and answered by the speaker during the webinar. Nothing spectacular here yet.

Then the speaker offered to look over my blog and offer suggestions after the webinar. I took him up on it and he followed through. Mike Volpe, VP of Marketing over at HubSpot provided substantial suggestions. Many are on my to-do list.

Mike also referenced a few articles on the HubSpot blog so I spent a bit of time reading and found many useful articles. This exceeded my expectations of the benefit of joining the webinar, as did Mike’s email that included eight suggestions for my blog.

So, as a way of showing my appreciation, I would like to offer a few suggestions on how to improve the usability of the HubSpot blog. I willingly admit that I do not yet practice all of these suggestions here at www.jbspartners.com .


Let’s Start the Overhaul Recommendations for HubSpot’s blog

One of the important factors of good usability is predictability or accurately indicating what is ahead. This dictates a common-sense order of events. Order and relative position are themes you will find illustrated as you read on.

Click the thumbnail below to see a full size screen shot of the HubSpot blog page that is being reviewed. Opens a new page.

hubspot-blog

Promotion

Digg, StumbleUpon, del.icio.us and reddit are valuable tools to help spread the word about quality articles. Below is a snap shot of a HubSpot blog title with social bookmarking links.

social-bookmarking

How can this be improved?

Could the social media text links be shifted down and placed on the same row as the Digg flag, instead of on top of the Digg flag? Stacking them leaves a large amount of blank white space to the right of the Digg flag, which is often restful, but not needed here. The post title is quite lost because it is placed so close to these links and graphics.

And for the posts that have not been Dugg, still move the social bookmarking links away from the title.

In fact…

Could you move these links to the bottom of the article? I might feel more genuine about voting for you after I have read the article. Why make me scroll back up to the top of the page to click the link? Move the social media links to the bottom of the article.

Byline

Who is the author? Introductions generally come before conversation. Place the byline at the top of the post instead of the bottom of the post. If the blog post is low on graphics, add an avatar or a photograph of the author as well. This kind of personalization is helpful when you meet the author in person or see the same photo elsewhere on the web, even in the comments below.

byline


Date

When was the post written? Please don’t make me scroll down to the bottom to search for a date that is presented in tiny, faded font. Readers care. Information does expire. Don’t be afraid. Trust your readers. Include the date at the top . Many subjects on the Internet are date/time sensitive. Get this information out in front of the article.


Comments

Same as above. Honor your commenters by placing the comment author’s name and the date above the comment. Those that comment are often a part of a community. They will be looking to see if others that they know have commented. Books and newspapers place the author name before the text.

comments

Place the commenters name first and date (and time information if needed) after the name.

A long column of comment text is boring. Instead, modify your comment styling to alternate the background color of every comment. This adds a bit of visual interest, breaks up the column into readable chunks, and aids the reader that is scanning the page. We know that readers scan, this change will make that easier.

cameron-alternate-colors
This is a sample of alternating comment colors taken from www.cameronolthuis.com

Displaying the number of comments at the start of the comments section further enhances usability by providing the user with information about what is ahead. Nine comments is very different from 256 comments.

copyblogger-comments

This is a sample taken from www.copyblogger.com

The HubSpot blog authors are very proactive about commenting on the blog comments. :loud applause: This encourages the sense of community that results in more comments.

Readers are interested in what the author has to say and who the author is. They also want to see if the author is reading and responding to posts. Uniquely style the comments of the author. Choose another background color, add a one pixel boarder, or what ever works with your style.

pearsonified-author-owner-comment

This example is taken from www.pearsonified.com Chris is the author. Here he uses bright red next to his comment.


Day of the Week

Providing the day of the week, month, date, year and time of the post might be too much information. I vote to remove the “Wednesday” portion of the date. Do not eliminate the year.

comments


Spacing

Evenly spacing everything gives equal importance to everything. This does not provide the visual queues to aid the reader and provide good usability. Add extra blank lines before new areas of the post. At the end of the article add a blank line. An orange colored “Comments” title is very helpful. Give it some room by adding a blank line above it.

After the comments section, add a blank line before the comment form.

Remember to place related things near each other. Even in this blog post that you are reading, the bolded title “Spacing” that begins this section is nearer to the text about spacing than the text above which is about the Day of the Week or even the text below which is about the Comment Form.


Comment Forms

The button says “Post Comment”. “Post” is a technical term. Let’s be more welcoming and friendly. Try; Leave a comment, Leave a reply, add a comment.

The captchka is regrettably necessary. The explanatory text could be placed next to the text box and the word “code” could be replaced with the word “text”. Nothing wrong with adding a please here either, since this requires an extra effort of the visitor.

post-comment

Required Fields

There are asterisks by the required fields. Many visitors are new to blogs as well as commenting. The form should make it as clear and easy as possible for them to participate. Add required field explanation text so that visitors can see what is expected of them before they see an error message and leave.

required-field


Email Notification

I always appreciate the ability to subscribe or to be emailed when there are comments made to a post that I have commented on. Great idea. This develops the feeling of engagement and starting a conversation. However, using the term “someone” is less supportive of this objective. What is being offered here is the ability to “Notify me of follow up comments via e-mail” So, we could just say that.

copyblogger-notify-email



Quick Summary

  1. Social Book Marking tags belong at the bottom of a post
  2. Bylines belong at the top of a post, along with the date
  3. The comment author name and date of the comment should appear before the comment
  4. Alternate the styling of comments
  5. Provide unique styling of the blog author’s comments
  6. Display the number of comments at the top of the comments section
  7. Keep day/date/time information simple
  8. Space related content near each other
  9. Space unrelated things apart from each other
  10. Explain required fields
  11. Email notification is awesome

Two questions?


1) What did I miss?

2) Why would you do something different?

I look forward to reading your comments.

If you would like to learn more about styling your comments in WordPress specifically one place to read is here – http://www.pearsonified.com/2007/11/professional_stylish_comments_for_blogs.php

If you like this article, click on the little green “Share This” icon below. It will help you share the article in the manner of your choosing. There are two tabs and lots of Social Bookmarking choices for you as well as “email a friend”.

UPA Boston offers Page Titles and “You are Here” best practices from Steve Krug

Friday, January 18th, 2008

“You are here” indicators. We get this phrase from maps, according to Steve Krug, who was the keynote speaker last night at the Usability Professional Association (UPA) Boston meeting, held at Olin College of Engineering.

Chris Hass, chapter President and Usability Consultant at Bentley College presided over the meeting and quickly introduced Steve Krug, author of the best seller Don’t Make Me Think .

The two magical points;

  1. Effective “You are here” indicators
  2. Prominent Page Titles

That my friends is the core message. You can go home now, as long as you are not disappointed. If you are, then stick around for a little more detail. Steve anticipated the same disappointment, and we all stuck around.

You are Here

Ways to highlight the current location in the primary navigation are numerous. You can make the text

  • Bolder
  • Larger
  • Change the color
  • Reverse the background
  • Indent
  • Italicize
  • Underline – and there are many more options to fit your needs

However, designers love “design subtleties”. This is what they are most proud of. And the users, well they miss them every time. Steve was clear that designers “have to be louder than you like to be, because the visitors move so fast.”

We need to help visitors navigate. “You are here” helps people navigate. Steve mentioned that visitors who give up on the navigation and instead click in the content area to find what they need are disappointed 99% of the time and leave the site. Much better odds with the navigation.

Tabs are a recommended interface for primary navigation and StumbleUpon was offered as a very good example. Pretty clear that we are on the home page in this image.

stumbleupon

Notice that the tab is the same color as the page.
There is no line between the tab and the page content.
The Home tab is also the most visually prominent tab.

This makes a compelling case for making your “at state” tab the same color as your primary background.

It was also suggested to be sure to include a Home page button with the primary navigation. Kind of surprised me, but ok. It does make it clear that here is the navigation scheme and similar looking links are primary navigation. Relying on logo clicking to get Home is not good enough.

Including a Home button also draws the visitor’s eye to the navigation at the start.

Another suggestion, make the active tab a little taller than the rest, a little bigger or consider bolding the font.

Consistency does not trump Clarity. Consistency is not always best. Shocking but true. Be flexible and be clear.

Text Links

There is an implied social contract with text links. The visitor sees the link and figures where it will take them. If it does not, you have broken the contract.

Steve implored that, “the text link has to deliver what you promised, they have to be what they say they are.” Otherwise you violate the social contract with the user. The most likely outcome is their immediate departure.

Page Titles

Prominent, well placed page titles is the second point.

They should always be at the top of the content space.
The text of the primary navigation should closely match the page title.
Page titles should be bigger, bolder and prominently located, though they need not be biggest.

Useful Tips

Feel free to break the navigation into two sections simply by adding 10 pixels or so of space.

The type face of your navigation should resize along with the body text.

Contrast is more important than type size for legibility. Good to know.

Steve recommends using the three differen sized A’s icon for visitors to resize the type themselves. This will become more accepted and valued over time.

Bread crumb navigation should include the current page, but the current page should not be clickable.
For example, In the following navigation scheme,

Mens > Boots > Walking > Brown

if you are on the Brown page, Brown should not be clickable.
This is similar to the Home page link not being active when you are on the Home page.

The best pointer for “at state” navigation is the sideways triangle pointing at the text.

A couple of sites that do all of this quite well,

www.harlem.org – continue clicking on the photo for more information

www.scottmccloud.com – very clear where you are

In addition to great information, I met some wonderful folks and am encouraged to visit again after my first UPA meeting. An impressive group of people. Thanks all. Oh, and Steve has a certain fascination with boxfish. A yellow rectilinear form found under water.

UPA Boston presentation by Steve Krug. Chris Hass, Jim Spencer and Steve Krug
Chris Hass, Jim Spencer and Steve Krug at UPA Boston meeting
Three more photos here; http://www.flickr.com/photos/jbspartners/

Please click on the green button below to share this article.

Please leave a question or comment about this article and include a favorite usability tip.

Home | Resources | About JBS Partners | Contact us