Archive for June, 2007

No Spanish please, we’re English

Saturday, June 30th, 2007

Just yesterday, in a supermarket, I witnessed something I’ve seen dozens of times, but which never fails to astonish me.

A man, of about my own age, needed to pass through a queue. “Excuse me,” he said.

If I’d been in Basingstoke or Hull, nothing could have been more normal. But I wasn’t. I was here on the Costa Blanca. This was a Spanish supermarket, and the queue was made up of the usual motley group of Spaniards and expatriates. The man had absolutely no reason for supposing that any of them were English.

People talkingI’ve also heard expatriates—German and French as well as English—reply in their own language when the long-suffering girl on the till spoke to them in Spanish. I don’t know what makes these monolinguists tick. From the looks on their faces, it’s as though they can’t really believe that there really are foreign languages. Their own language is so natural to them, they can’t face the fact that it’s just one among many. Surely, their faces seem to say, everyone must understand the only language I speak.

I’m not talking about casual holiday-makers. I’m talking about the expatriate population.

Ah well, let’s end on a positive note. If you want to know the politest way to say “Excuse me” in Spanish, it’s “¿Con permiso?” It’s a question, and you say it the same way you’d say “May I?” in English. So you wait for an answer. A polite Spaniard will immediately say, “Si”, and move aside for you.

Of course, if you say it to another monolingual expat… Sigh.

How to catch spiders

Friday, June 29th, 2007

search engines

As a site owner, you want visitors. To get visitors, you need people who are searching for sites like yours to find your site first. That means getting properly indexed on search machines (“ranking high for your keywords”). Which in turn means knowing how to handle search engine spiders.

Readers of this blog may have looked at my long article on search engine optimisation, on the main Web Costa Blanca site. You can also check out any earlier posts, by looking at the ‘Search engine optimisation’ category.

Here are two things you can do to catch spiders—before you write a single word of text or create a single graphic.

1. Name your files for spiders. Apart from your index page—and you can give that a different name by adding a rule to your .htaccess file, if you really want to—give all your pages names which spell out their content, using words that visitors might type into search engine boxes. For example: best-cheap-whatnots.html.

2. Write your titles for spiders. Use the same or similar words in your title tags. These appear in the browser’s title bar, at the very top of the display, and most human visitors ignore them. Spiders think they are crucial.

(Incidentally, some people use the same title tag on every page of their site. This may attract visitors to the site—but they may not get to the pages you think are important. There’s a lot to be said for varying title tags to get different visitors to different pages. This is up to you.)

Have fun!

Recent Designs

Tuesday, June 26th, 2007

If you’ve been here before, you will probably know that I am working at the moment (among other things) on a site for a Costa Blanca dental clinic.

The first of the four designs

Since I spend a fair amount of time commenting on other Web sites, and laying down the law about site design, it seems only fair to let you see some of my initial designs. They are not published—and won’t be, in their present form—but you can see them online for a while.

They all use various shades of a greenish blue, since that is what the client defined as a “corporate colour.” The first design is the most assertive, using the blue in a background gradient. The second design includes both a logo with the outline of the Peñon d’Ifach, and a photo of the Peñon itself. (The client mentioned that he might like something like this on the site, to associate the clinic with Calpe.) Its yellow titling uses CSS relative positioning to create what I think is an elegant effect.

The third design is the one the client preferred. However, it uses very little screen real estate, and there are a lot of words to go on the site. So I adapted it to make navigation easier, and introduced some nifty DHTML to have text pop up in place of other text. (Let your mouse rest on any of the main menu options.) With a token bit of Flash—as an indication of what was possible—that became the fourth design.

Comments—approving, improving or savage—are all welcome.

The new countryside

Saturday, June 23rd, 2007

The girls who make the cold calls are always certain there will be no problems. The engineers who turn up always say it’s impossible.

The Spanish countryside

The Internet has redefined “the countryside”. It is no longer a place where farmers grow crops, or the unspeakable pretend to be hunting the uneatable.

In the early twenty-first century, wherever you live on the planet, you live in the countryside if you live too far from a relay station to get broadband.

Visual Design: Picking Colours

Thursday, June 21st, 2007

The impact of a Web site, and its usability, depend crucially on the colour palette employed—the range of colours, and their relations with one another.

The one obvious rule is that colours should be used consistently and exclusively. For example, the colour for an unvisited hypertext link should not be used for anything but unvisited hypertext links.

Some of your colours should go together. One or two should be used for contrast—for particular jobs, or at particular spots on the page.

Screen shot of CPickMore about this later (I hope). In the meantime, I’d like to recommend a free tool that I find very useful. This is Sam Francke’s CPick. In return for downloading the program, Sam used to ask only that you’d send him a postcard from where you were. (I don’t know if he still does this.)

It’s a small program, with a tiny help page in idiosyncratic English, but it’s pretty intuitive to use, and there are helpful tool tips which pop up on everything. You can capture colours from any visual object on your screen; load and save colour files; put colours into a 6-slot stack; copy hex values to the clipboard, for use in your CSS files; and have a lot of fun moving the sliders to find compatible colours. And there’s more.

You can download it, with a lot of other stuff, from Sam’s Web site. I recommend it to any Web designer.

To hyphen or not to hyphen?

Tuesday, June 19th, 2007

Girl at computerA Web site needs a domain name, so that human visitors can tell their browser where to go.

Notice, by the way, that the name is just for human visitors. The browser itself uses the 4-number Internet Protocol address, which it has to look up once it’s told the domain name. (If this is gibberish to you, let it be. Or if you’re curious, you can find simple explanations on Web Costa Blanca’s FAQ page.)

The name should make sense to visitors, and stand out for search engines. So a lot of thought can go into choosing it.

There is one issue, however, on which no one is agreed—and many people are dogmatic. If the name is made up of more than one word, should you use a hyphen between them or not? Which is better: webcostablanca.com or web-costa-blanca.com? michaelscannell.com or michael-scannell.com?

Incidentally, this is a dash: —
and this is a hyphen: -
You can’t use dashes in a domain name, only hyphens.

(more…)

A feast for the eye

Monday, June 18th, 2007

In my last post I mentioned ways you might wake up your creative unconscious. Another way is to let it wander round The Zen Garden. Or go straight to the list of designs.

Even if you have no interest in designing pages yourself, this must be one of the most fascinating and visually exciting places on the Web. You can spend days exploring the different designs on display—all using the same HTML page.

For a designer, it is a constant—and constantly increasing—source of inspiration.

If you don’t know it, or haven’t dropped in recently, go there now. It will make your day.

The well-designed Web site (3)

Sunday, June 17th, 2007

After a couple of negative posts, I feel it’s time to accentuate the positive. So: back to the absolute fundamentals of Web design.

I’ve already asserted—as dogmatically as I can—two unbreakable rules:

  1. Be 100% clear about what your site is going to offer visitors.
  2. Make it super-easy for your visitors to get what they want. (This comes with a small but important rider: never use fixed size fonts.)

If you stick to these rules, and you do actually have something to offer visitors, your site will get visited. But: will your visitors also tell their friends? Will they come back? (more…)

Web design, guv’nor?

Saturday, June 16th, 2007

One of my favourite Web sites is Vincent Flanders’ Web Pages that Suck. He means to be provocative, so no one will agree with all his criticisms. At the same time, you can sometimes learn better design habits from analysing pages that aren’t up to scratch. One small obvious example: by looking at crowded pages where text blocks have too small a margin, you can come to appreciate the importance of white space.

In my last post I criticised one of Web Costa Blanca’s competitors for making an unfounded claim on its home page. You take all sorts of risks by criticising competitors, but since I’ve embarked on this dangerous course, I may as well carry on.

I rush to add that this is another company, and again I’m not going to name it. (Once again, you can find it easily if you are looking for hosting or Web design on the Costa Blanca.)

What do you do with a company that offers to design Web pages for you—and makes a hash of designing its own site?

One of their pagesThe page design deals with the problem of varying screen resolutions by opting for a fixed-size, central position. (Nothing wrong with that—so does this blog!) Given that this makes for an easy life, why is their left-hand menu too big for its column, so that it obliterates the neat red borders with grey spillage? Why, if a visitor increases text size in their browser, does the big text get bigger and the small text stay the same size? Why is the page design just a set of four blocks? Why does the text run into the borders?

Behind the scenes, things get worse. There is no DOCTYPE, and all the styling is on individual items, via HTML attributes. They seem to have used a template as a base (and a dreadful template at that).

I find it difficult to understand their claim to be designers.

Interruption to normal service

Friday, June 15th, 2007

If you are a regular reader of this blog, sorry for the four days without posts. Because of some worries about my heart, I have been in hospital, in Benidorm.

I am back at work now, and full of ideas.