It is used all over the place. Click here to get this coupon. Click here to send us your story. To visit our webpage click here. It’s simple, direct and devoid of any clues. Out of context on the page, it is a meaningless call to action.
As a designer committed to enhancing web usability and clear communication, I believe using “Click here” as a web link is a bad idea. And the WC3, the worldwide authority on web standards and best practices, agrees with me.
Here are 5 ways that “Click here” violates both web standards and best practices.
The link provides no usability clues, because it doesn’t tell you what you’ll be able to do or can expect to find when you get there.
It’s not accessible for the blind for the same reason. Providing clues to those who use a screen reader to navigate the web is not just polite — for government and public agencies, it is the law. For the rest of us, including accessibility in our web designs is simply good practice for an aging population.
It’s bad for search engine optimization (SEO) because it tells search engines nothing about the purpose of the link. The words are generic when they could be hot, juicy, descriptive keywords. Using keywords in strong, descriptive links will beef up your SEO scoring.
You won’t find any lazier copywriting anywhere. This overused phrase is a cliche that focuses on the mechanics of using the link instead of the benefit the visitor will receive.
A web visitor deserves your respect, and “Click here” implies they are stupid. This far down the road we do not need to tell people how a web link works. Hello — how do you think they got here?
Please join me in stamping out the use of “Click here” for web links whenever you have the opportunity. Better yet, send me prime examples of “Click here” used online. I’m starting a collection.
Have you noticed those funky square pixellated graphics that are starting to appear on products, id tags and print advertising?
These odd blocks are called QR codes and are a way to embed information such as web address, contact info or text message in a way that can be read by a smart phone scanner or even by a website.
Fast Company had an article about them called “What Business Card, Just Scan my QR Code” about how QR codes are used on nametags at SXSW to provide instant access to attendee social sites, share contact info and web urls. The article links to the blog post below with more specifics about how to use them and what they are:
This post is an extension of three previous posts in which using a mobile device friendly landing page, QR Code size and content were discussed. If you see any additional examples, good or bad, please share them in a comment below.
Whether you seek code, icons or inspiration, you will find it here. At the risk of blogging about another blog, this is a great little toolkit. Lots of AJAX inspiration, CSS examples, and more. I’ll be coming back time and again to solve problems.
I went to a great DevGroupNW meeting last night about CSS3 and the very cool features it provides. The speaker was Dave McFarland, a local guy who has written a few Missing Manuals on CSS and web stuff. He shared a lot of information with us in a very short period of time.
Keep in mind, these features won’t work in IE6, but it won’t break anything either, just be sure the underlying styles are functional in IE6. With IE6 now down to 12% of the national brower market, it may not be an important presence on the websites you work on. They are good to go in Firefox, Safari, and Chrome.
In CSS3 you are now able to:
Add icons to links by type (for .pdf or email icons, for example) by creating a unique style for each kind of link by using attribute selectors.
Style first or last examples of a style within a container, using the first-child and last-child attributes.
Style table rows with the nth-child attribute.
Add transparency to a div or by attribute (all the examples of one color, or all h1 tags).
Create an alpha channel with the RGBA attribute to exclude type within a transparent container.
Add and style text shadows with the text-shadow attribute. There can even be subsequent layers of shadows.
Add interactivity with Jquery scripts. Jquery is his recommended flavor of javascript libraries to work with because it works well with CSS3
And drum roll please… use custom fonts with the @fontface attribute. It has been the last area of design control available to designers, due to the issue of resident fonts on user’s machines. This allows you to upload a font to the server which is downloaded on demand.
Browser Testing
Wondering what your website looks like in browsers and platforms you don’t have? Check them out on the Adobe test site. They are still accepting signups and it’s free if you have an Adobe login.
I am very pleased with the site updates. Thank you so much!
David WatsonSonoma Jazz
I may be your sister but I’m still your biggest fan. I know you’re a fabulous designer. I applaud your ambition to follow your dream! Love you always.
Susan FergusonPresident Miracle MaintenanceSchaumburg, IL
I hope you know how pleased we are with your work. It’s been such a pleasure collaborating with you. Thanks for all your hard work, skill, patience, expertise, flexibility, and good humor.
Derrick Martin-CampbellProject Access NOW
Thank you for putting me out there into media-land. You are the absolute best!
Sirus Media created my website in record time. Fellene Gaylord not only created a BEAUTIFUL website, she seemed to intuit on some grand level exactly what I was visioning. The process was so painless and her follow-up help so handy, that if I needed multiple sites, Sirius would be my go to for sure!
Fellene was great to work with and the website she created for me is exactly what I wanted! I couldn’t give anyone a higher recommendation.
Judith WildLanguage Diversity TrainerPortland,OR
At the end of the project she topped it off with a great training session build around a wonderful guide with everything I need to know to maintain the site. For companies, especially small one, who want a site that looks like it costs a lot, but want great value for a reasonable price, contact Fellene.
I greatly appreciate your professional and organized approach to collaboratively co-creating my website! You kept us on time and on task, gracefully, I am thrilled with the finished product!
Working with Fellene on my new website was a delight. She patiently and professionally guided me through the easy and the hard parts. She has great design sense as well as excellent web coding skills—a rare combination. I especially appreciated that she was on top of every detail, responded quickly to my requests, and was unflappable when I changed my mind.
Thanks so much for the great attention to detail and making sure all these small but critical things are working as they should! This is what separates the men from the boys in consulting work! Sorry to use such a sexist analogy, but it is so apt.
By continuing to use the site, you agree to the use of cookies. more information
The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.