Liz Strauss at Successful Blog

Thinking, writing, business ideas … You’re only a stranger once.

GAWKER Design: Curb Appeal as
Customer-Centered Promotion

Filed Under Audience, Checklists, Design, Marketing, Successful Blog | 2 Comments

The Qualities of Great Curb Appeal

Great design is branding that whispers. Like a house with fabulous curb appeal, a uniquely-inspired stained glass window, or the fine lines on a fabulous car, design is promotion that draws you nearer. It entices customers or readers to come closer–to see for themselves what’s being offered.

Don’t think for a minute that looks don’t count. First impressions tell customers that a business understands who their customers are and that the business knows what their customers are looking for. GAWKER understands curb appeal and uses it to deliver customers to their own front door.

Product is the what and the how. Product is the content and the quality that gets customers coming back. But whether it’s a blog, a bistro, or barometer, product is nothing if it never gets to a customer. If no one comes to read it, or dine there, or buy it. Then how can you say that the product is good?

That’s where design–curb appeal–comes in. Design is the why and the romance. Like quality product, good design starts with the customer. It tells the customer what this product is and who it’s for. Design done well makes the promise that the product keeps. It says, “Come here, and try this. You won’t be sorry.” If the product is quality, you’re not sorry. You’re delighted you tried it.

Gawker and the Curb Appeal Checklist

Gawker Front Page

GAWKER passes a Curb Appeal checklist with flying colors.

In terms of the curb appeal the closer a reader gets, the better GAWKER looks. GAWKER has mastered brand-niche marketing.

Promise and Product Perfectly Wed

As a reader, I find exactly what I expected–the jazzy, snarky, celebrity gossip that makes me feel like a slightly smarter, sharper celebrity than the folks being talked about. GAWKER passes the test because everything they do says they know who their customers are. That knowledge shows in every detail of their product. The promise and product are perfectly wed.

The key to GAWKER-level design is knowing your customers so well that your customers can see themselves in every detail of what you do. Top-notch design and product-driven packaging require complete attention and constant awareness of customervalues and customer needs.

When was the last time you checked in with your customers about the curb appeal of your blog or business? Are you sure your product and promise are perfectly wed?

–ME “Liz” Strauss

Related articles:
Blog Promotion: Checking Out Curb Appeal
Five Design Basics to Never Forget
Blog Design Checklist
Great Photo Resources to Support Readers

Google Measure Map Tracks Readers

Filed Under Audience, Great Finds, Guest Writer, Successful Blog, Tech/Stats, Tools | 17 Comments

Guest Reviewer: John Hamman

John Hamman, at the Ladder Project, has a fine review of Google’s newest purchase, Measure Map. Measure Map is a focused, real-time stats program for blogs that measures visitors and links, comments, and posts. Click the screenshot to get to John’s thorough and timely review.

The Ladder Project Article on Meaures Maps

Measure Map’s Features Look Attractive

This screenshot takes you to the Google blog discussion of Measure Map.

Measure Map Screenshot

It’s good business to ask questions about our readers. Will Measure Map have the answers?

–ME “Liz” Strauss

Related articles:
Check Google Backlinks Through Yahoo
Google Homepage–Got Yours Yet?
Google Zeitgeist–Will Make ME Millions
Speaking of Zeitgeist–Don’t Leave Trends

Success in a Blink and a Blink Test

Filed Under Audience, Checklists, Design, Marketing, Strategy, Successful Blog, Tips | 14 Comments

In 2005, Malcolm Gladwell’s bestselling book “Blink.” introduced the idea that we make make decisions about people and things almost instantaneously– long before we do the cognitive thinking about them.

Last week, Reuters reported that Canadian researchers have found that people make just such decisions about Internet sites, deciding in less than a blink whether they will stay or click away from them. Here’s a link to the article.

Reuters Screen Shot Article Link

I wonder what Reuters was thinking to write an article so short that you miss the whole thing if you blink?

A Blink Test

Before you blink away, you might try this the next time you bring up your blog or web page. Try to see your blog as if it were one you’d never seen it before.

Use what you find out to make sure your blog gets a “yes” in that first blink.

THIS JUST IN:
Gary an SOB over at Blogoplex did a test on several blogs including this one . . . Click through to read his blink test results. See whether you agree.

–ME “Liz” Strauss

Re;ated articles:
Blog Promotion: Checking Out Curb Appeal
Five Design Basics to Never Forget
Blog Design Checklist
Great Photo Resources to Support Readers

Blog Improvements by Chris Garrett

Filed Under Audience, Basics, Marketing, Successful Blog, Tech/Stats | Leave a Comment

haqmmer 3

Chris Garrett offers a great post on Quick and Easy Blog Improvements over at Performancing. He features Sumeet Jain’s in-depth NoFollow article and gives hands-on, “use-right-now” advice that’s well worth checking out. I’m particularly taken with Number 4 which says:

Show your most popular or best posts - a new visitor to your blog needs help in deciding if this is going to be a blog they want to return to. Show them your best and brightest content. There is code available for Wordpress and it is really easy to do on Drupal using the statistics module, others will have plugins or you can hard code it into your template.

I like a guy who cares about readers.

Thank you, Chris.

–ME “Liz” Strauss

Related articles:
No More NoFollow
Blog Construction–What’s Your Function?
Five Design Basics to Never Forget
Editing for Quality and a Content Editor’s Checklist

How to Code Accessible Links–Part 1

Filed Under Audience, Guest Writer, Links, SEO, Successful Blog, Tech/Stats | 9 Comments

Cas read my article on how to code hyperlinks and in the comments shared some discussion about the importance of accessible links–a topic which had come up earlier in Successful-Blog conversations. In my usual fashion I invited Cas to write on the subject and she took up the challenge. Her response was to do a series of articles on accessible hyperlinks. I, for one, am so glad she did. She really does know so much more about such things than I do. In fact, she knows so much more that I asked her to start by just clarifying for me what is it that makes an Accessible link. –ME “Liz” Strauss

How to Code Accessible Links–Part One: The Basics
by Cas of Brightmeadow

Liz has already written a great article on how to code hyperlinks. I’d like to take this one further and show you how to code accessible hyperlinks. If you are happy with how to manually code hyperlinks, then we can continue. If you aren’t, or feel like you need a bit of a refresher, I do recommend you read the article. We’ll wait.

Ok, ready?

What is an accessible link?

Web accessibility is about making your website accessible to all Internet users (both disabled and non-disabled), regardless of what browsing technology they’re using. An “accessible link” therefore, is simply a link that imparts as much information to as many users as possible. It enables the reader to preview the link, making an informed decision about whether to follow it or not, and helps to differentiate between links that may share link text but refer to different targets

So why should I worry about accessibility?

Not everyone views the Web in the same way that you do - accessibility is not just for disabled users. It is for the many potential readers who might be browsing your site on a dial-up connection, using a screen-reader, using a mobile device with a small screen, or using a text-only browser such as Lynx. By making your website accessible you are opening it up to a much wider potential audience. Making something accessible for humans also has the side effect of making it more accessible for search engines. If you make a living through your site, happy readers, and happy search engines just make good sense.

Not convinced?

Not convinced that this is necessary? Turn off the images in your browser, and then the stylesheet, and see if you can still successfully navigate your website and get meaning from your content. What you see now is roughly how someone with visual impairment, or a text-only browser, views your website.

So how do I go about making my links accessible?

It really isn’t that hard. If you’re already manually coding your links, making them accessible is just a case of putting in a few extra bits of text.
This how-to is in three parts, and will walk you through what you need to know:

  1. How to code an accessible hyperlink
  2. How to code an accessible image
  3. How to code an accessible embedded hyperlink

Throughout this article I will be using http://www.foo.com as an demonstration. Simply replace this, and any other exemplar text with the particulars for what you are doing.

How to code an accessible text hyperlink

Basic code

Just to remind you what the basic hyperlink code looks like:
<a href=”http://www.foo.com”>Descriptive Link Anchor Text </a>

The TITLE description - how it works

It is the TITLE attribute that makes a link accessible. It is inserted after the URL but before the first closing angled bracket and contains descriptive text, enabling the reader to ‘preview’ the link. This in turn allows users to more accurately guess where the link will take them, and make a more informed decision about whether or not they should follow it. Roll your mouse over this example link and you will see what I mean. The text that appears by your mouse cursor is the preview.
Example link

Accessible code

<a href=”http://www.foo.com” title=”Descriptive text” >
Link anchor text will render like this: Link anchor text

When to use

Every hyperlink should have a TITLE attribute.

A few notes

The descriptive title can be any text you want, though to make it as accessible as possible, follow these simple rules:

–Cas and Liz

The Complete Series
How to Code Accessible Links
This one: How to Code Accessible Links–Part 1
How to Code Accessible Links–Part 2
How to Code Accessible Links–Part 3

« go back — keep looking »