Web Design Information |
|
The Right Trigger Words
CNN.com's designers have gone out of their way to make their work difficult. They could have built a very simple home page with just their logo and a handful of links:
If this was CNN's home page, the designers could go home and not have any work for weeks. After all, what is a news site's home page but a list of links to the most important stories? (And the unexplainable insatiable curiosity about Michael Jackson's latest antics.) Yet, these links aren't effective for users because they're missing a key component: the Trigger Words. Trigger words are the words and phrases that *trigger* a user into clicking. They contain the essential elements to provide the motivation to continue with the site. > The Move-Forward-Until-Found Rule When dealing with information, a web page can do only one of two things: either it contains the content the user wants *or* it contains the links to get them to the content they want. If a page doesn't follow this rule, then the users stop clicking and they aren't likely to find their target content. CNN.com's home page follows the Move-Forward-Until-Found rule: Almost one-third of the home page is content -- the most important story of the moment. (Because it's news, this content is updated every 15 minutes, giving the CNN developers plenty to do all day.) The rest of the page contains dozens of links, in case the top story on the home page wasn't everything the user wanted. These links only work when they contain the right trigger words. It's CNN's mastery of trigger words that make it so interesting. > Dissecting Detailed Descriptions A few years ago, we studied a handful of users while they searched for specific items of interest on large web sites. These were items *they* were interested in and no two users searched for the same items in this study. Each item they searched for was on the sites we were studying. Before every user started their search, we interviewed them extensively about what they hoped to find. We had them describe their targets in excruciating detail. We recorded every word they said. Then, we set them off on their hunt, recording every page they visited on the site. After seeing which users succeeding at finding their target content and which didn't, we analyzed each page they visited thoroughly, including the home page. Part of our analysis including studying the words they used to describe their targets. It turned out that users were far more successful at finding their targets when the description words, which they told us *before* they saw the site, appeared on the home page. In the tasks where users successfully found their target content, the description words appeared on the home page 72% of the time. When users were unsuccessful, their words only appeared an average of 6% of the time on the home page. Description words are a major type of trigger word. This study indicates that if those trigger words are found on the home page, users are far more likely to get what they are looking for. > Trigger Words as Search Keywords Another interesting fact from that study: In those tasks where the users didn't find their target, they were far more likely to use the site's Search function than in those tasks where the description words appeared on the home page. When the words did appear, users usually clicked on the associated links instead of using Search. In fact, when users did eventually go to Search, they almost always typed one or more of the description words as their search terms. It makes sense to us that users would use their description as their search term. This was when we realized the failed searches in a site's search log are important clues to understanding the users' trigger words. > Getting Scent from Flower Displays It would be silly for the CNN.com home page team to change to the generic links above. However, you'd be surprised how often it happens. One of the more outrageous examples is the site for the popular Staten Island landscaper, Wiesner Brothers. After clicking on the landscaping link at the top of the home page, the user is presented a page for which the only links are the numbers 1, 2, 3, 4, 5, 6, 7, and 8, representing different showcase projects from the landscaper. (See a picture of the landscaping page at Wiesner Brothers' site) You'd be hard pressed to provide *less* trigger words than these designers have. When the user clicks on a number, say #5, they get a new set of links with a similar lack of trigger words. Here you get links that are labeled "View 01", "View 02", "View 03" and so forth. (See a picture of "project 5") It's obvious that the designers intended the user would focus on the beautiful landscapes and just click through each picture serially. Maybe that's the case, at which point this design may be optimal for that use. (We don't know because we haven't tested it.) However, is it possible some users are coming to the site with a specific project in mind? How would they jump to those showcases that are most similar to their project? Would they become frustrated having to look through unrelated projects? > An Analogue at Analog If you visited the web site for Analog Devices a few years ago, it looked like many other high tech product company's sites: a single 800x600 design that had a few key category links like "Data Converters", "Amplifiers and Linear", and "Corporate Information". Just what you'd expect for a leading electronics producer. (See a picture of Analog Devices home page in February of 2003) Recently, however, the site has completely redesigned. With the help of our friends at InContext Enterprises, Analog has major revamp of their home page. This new design tested very well with users and the company has already seen positive effects. (See a picture of the current Analog Devices home page) What's the big difference between these two designs? Well, beyond the increased use of screen real estate, the major difference is the huge number of trigger words they've added to the home page. Since many of Analog Device's customers are engineers looking for information about components to build into their products, the company has focused on making sure their trigger words appear on the home page. Instead of having to guess what major category a particular component falls under, the engineers now can quickly pick the closest component out of a list, going directly to the content they desire. > Identifying Users' Trigger Words How do you find out what your users' trigger words are? Well, you start by asking them. Visiting your users in their natural environments is a wonderful way to start. You can bet that Analog Devices didn't make their changes without spending time watching engineers research and select components. We've found that personas are a great way to communicate trigger words to everyone on the design team. A persona is a detailed description of a user the team wants to ensure is successful on the site. Listing, within the persona, the trigger words that person would use helps the designers understand how the users' own language will impact the final design. In addition, we've never conducted a usability test that didn't yield tremendous insight into how users react to the links the team is using. It becomes obvious immediately when links are missing the clues the users need to go forward. This powerful trio -- field studies, personas, and usability testing -- are a great way to start identifying the trigger words that work for your users. > Getting the Most Out of Every Link The purpose of every link is to move users forward. Each link needs to give off enough "scent" to clue the user into the content to follow. That scent comes from the trigger words. When creating new content, the designers' most important task is to ensure that the links to that content contains the right trigger words + + + A permanent version of this article is at http://www.uie.com/articles/trigger_words/ If you'd like to know more about the Scent of Information and how Trigger Words work, see our latest report, Designing for the Scent of Information. Jared M. Spool, Founding Principal Jared is on the faculty of the Tufts University Gordon Institute and teaches seminars on product usability. He is a member of SIGCHI, the Usability Professionals Association, the Association for Computing Machinery, and the IEEE. Jared is a recognized authority on user interface design and human factors in computing. He is a regular tutorial speaker at the annual CHI conference and Society for Technical Communications conferences around the country.
|
RELATED ARTICLES
Creating Quality Websites Websites, there are literally billions of them out there in cyber-space. How many of them do you go to and just think this is boring, bland, or hard to use? It seems like too many to mention. So what makes a good website? I reckon it's about interaction. You've got to make the visitor interested. You've got to grab their attention. Many sites use plenty of bright and shiny gimmicks to attract you, but once you make it through to the content of the site it's just not worthy. A good site uses easy navigation, relevant content, and interactive media like comments and message boards. If you're fortunate, whoever builds your site may even have a few tricks up their sleeves to make it really fun with sound, video, and other interactive fun stuff. Top Ten Fonts for Website Design The top ten fonts for website design might change in order, but for the most part the fonts that make up this list stay the same due to their popularity. In general, the top ten list includes Arial, Frutiger, Futura, Gills Sans, Helvetica, Lucida, Optima, Palatino, Agfa Rotis, and Univers. Designing Professional Web Pages If your Web site doesn't project a professional and polished image to your visitors, your credibility and that of your products and services will suffer. Image is everything -- especially online where your competitor is only one mouse click away! Shameless Flashers - Using Flash Tools To Create Spectacular Websites Flash is a powerful technology that can help you create spectacular websites, tutorials and demos. Find out which inexpensive tools are available to you that have very low learning curve. What You Should Ask a Web Designer Before You Hire Him You've thought about it and you're ready to go. You're ready to give your business an online presence. You want your own website. That's great but unless you are doing it yourself, you would be shopping for a website designer. Some people would design their own websites but most people prefer to save themselves the time and money and hand the job over to the professionals. Website Creativity: Why It Matters Now More than Ever If one more business owner tells me their website sucks because they're just "too darn busy to deal with it", I'm gonna hurl. That's like saying, "I'm doing business in my dirty underwear because I'm too busy to get dressed." Realize it or not, your website (or lack thereof) is very often the first impression your prospect or peer will have of you. Now, it's no longer a matter of having a website -- it's a matter of having a great one. Get FASTER Download Times By Making BIGGER Web Pages! As a webmaster you already know how important it is that your web pages download fast. In a nutshell, if your pages are slow, then you're losing visitors. And if you're losing visitors, you're losing money. You Need RSS, Atom, and ROR/RDF Codes on Your Website--Now You Need Google Sitemap as Well! Do you have a website? If so, you need an ROR XMLNS code button which leads to a full ROR/RDF code page for your website. This code tells search engines all about the special details you input into the code about your website. For example, it tells them special details about each particular product (or certain special ones) that you sell on your site or sites, it tells the search engine bots your contact information such as your business address and phone number (without informing the entire universe, as the code is invisible to all but you and the search engine bots examining your website), it gives info on special other links you want the search engine bots to associate with your website, and it gives any other such major info that you want the big search engines to explore and know all about from your website. How to Convince Your Visitors to Return Often One visit does not make a sale. Be sure to make your Web site attractive to your visitors so that they want to come back. You don't win their trust right away. It may take 4-7 visits before they buy. Website Design Basic Concepts So, what's in a website design anyway? And, how do you get a design that is appealing to the broad and varied tastes of all those Internet surfers out there? Website Design: Redecorate Your Web Site To Increase Sales Getting traffic to your website is not the only factor that affects your sales. How to Create a Favicon for Your Web Site One of the simplest things you can do to give your site 'identity' and to make it stand out from other sites is to use a favicon (favourite icon). They are the little logos that go next to the website listing in your favourites folder, and pop up in other places, (depending on your browser and operating system). To see one, go to www.bigwowwebhosting.com. Bookmark the site, open another browser window and then go to open the bookmark you have just made. The 'B' next to the words 'Big Wow Web Hosting- Home' is the favicon. Banner Enchancement - Designing Your Banner A well designed web site is great to have, but what if no one ever comes to it? Most web sites either rely on advertising, or have used advertising at some point in their existence, to get people to come to view the site. This means that your going to have to have not only a well designed web site but also well designed banners to attract your visitors. Increase Your Credibility With Web Site Awards Web Site Awards are given from other sites to reward your site for a specific reason. They will usually give you an award graphic or text link to include on your site if you win. Awards are great to display on your Web site because they will give your business more credibility to your visitors and customers. Keep It Simple, Stupid: The Beauty of a Clean Cut Website Don't knock it; "Keep It Simple, Stupid" is a great rule to live by. Nobody likes a website to "yell" at them, with blaring colors and flashing lights. Too many buttons will turn customers off. I had this problem with my homepage at http://www.antion.com. A colleague of mine, who makes a lot of money, pointed out the cluttered look of my site. I had worked so closely on every detail of the page; that I couldn't see it for what it was anymore. 4 Things That Make A Web Site Great First you need original content. Content is the heart beat of any exceptional Web site. The ability to take a common subject and give it some interest and originality is a rare talent,but necessary to keep visitors coming back. Add a dash of humor, be sure to update once or twice a month and look out, you're on your way. Colorblind People, Can They Really Read Your Web Site? I once created a notepad-like editor. It is possible with this editor to write Russian text on a western Windows without using a Cyrillic keyboard in front of your computer. Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites Good websites stand out from the masses of boring, hard to travel, and overly commercial sites that now rule our Cyberspace. Interactivity and integrity are necessary for a site to become a hub of activity. Web Design - 7 Key Things to Avoid A search for "web design" on Google returns more than 325 million results. So how do we start eliminating all these so called designers? Here are a few of the most common shortcomings. Looking for a Web Design Company? Use a Web Design Directory Your business website tells a lot about your company. A poorly designed website will have your visitors questioning the quality of your business. A well thought out elegantly designed site would instill confidence in your visitors that you are a credible business to deal with. There is a saying in advertising, "It is better to not advertise than to advertise poorly". The same holds true for web design. There are so many Web Design companies now. How do you make an educated decision on which one to choose? Like every market that is saturated, you always see ads that read, "Hire us we are the best". Well how do you know that statement is true? Wouldn't it be great if you had a resource available to you that pre-screened Web Design Companies to narrow down your choices? To answer that question, yes there is, use a Web Design directory. Web Design directories are usually run by companies in the Web Design Industry. Using their knowledge to pre-screen the Web Design companies that submit their contact information to the directory insures that only quality Web Design Companies are listed. Most Web Design directories are categorized by region. Some use states, some use countries all in hopes of making your search that much easier. If you live in Alabama then you simply click the link that reads, "Alabama Web Design". Some Web Design directories will also allow you the customer to submit a quote request. Then they take your information and forward it to Web Design Companies that meet your criteria. This can be very helpful, as it eases the process of finding the perfect Web Design Company for your project. Along with a directory of different Web Design Companies, you may also find helpful articles to educate yourself, and help make the decision process a little easier. Look for articles that answer your questions, "What is PHP", or "How do colors affect your visitors' experience". Articles like these can give you a little incite as to what makes up a high quality website. Your business website is very important to help strengthen your image. It is often the first impression a potential customer will have about your company. Using a Web Design directory can ensure your visitors have a positive first impression that causes them to contact you to do business. |
home | site map |
© 2005 |