Thursday, April 29, 2010

The importance of web usability: A research report

The phrase “you only get one chance to make a first impression” strongly applies to the World Wide Web. Therefore, technical communicators must exercise attention to detail when designing layout and creating content for Web sites in order to maximize usability. Furthermore, the end-user (Web user) has a multitude of Web sites to choose from. According to Nielsen (2000):

As a result of this overwhelming choice and the ease of going elsewhere, Web users exhibit a remarkable impatience and insistence on instant gratification. If they can’t figure out how to use a Web site in a minute or so, they conclude that it won’t be worth their time. And they leave.

Usability has assumed a much greater importance in the Internet economy than it has in the past. In traditional physical product development, customers did not get to experience the usability of the product until after they had already bought and paid for it. Say, for example, you buy a VCR and discover that it’s difficult to set the clock and that you cannot figure out how to program the taping of your favorite shows. Tough luck – the manufacturer is laughing all the way to the bank. (p. 10)

In essence, the Web inverts the process as users experience usability first before making a further investment of time and money. Krug (2006) further adds to this point by writing, “Making pages self-evident is like having good lighting in a store: it just makes everything seem better. Using a site that doesn’t make us think about unimportant things feels effortless, whereas puzzling over things that don’t matter to us tends to sap our energy and enthusiasm – and time … if Web pages are going to be effective, they have to work most of their magic at a glance. And the best way to do this is to create pages that are self-evident, or at least self-explanatory” (p. 19).

It is important for technical communicators to understand how individuals really use the Web. According to Krug (2006), “What they actually do most of the time (if we’re lucky) is glance at each new page, scan some of the text, and click on the first link that catches their interest or vaguely resembles the thing they’re looking for. There are usually large parts of the page that they don’t even look at” (p. 21). Moreover, simplicity is a key component of designing Web sites.

Screen real estate is an important term for technical communicators to be familiar with when designing the layout of a Web site. According to Nielsen (2000), “Web pages should be dominated by content of interest to the user. Unfortunately, we see many sites that spend more screen space on navigation than they do on the information that supposedly caused the user to visit in the first place. Navigation is a necessary evil that is not a goal in itself and should be minimized” (p. 18). Furthermore, there are five important items technical communicators should execute to ensure users view and comprehend as much of a Web site as possible: create a clear visual hierarchy, take advantage of conventions, divide pages into clearly define areas, make it obvious as to what is clickable, and minimize noise (Krug, 2006, p. 31).

In order to build an easy-to-follow Web site, technical communicators must create a clear visual hierarchy for each page. According to Krug (2006):

We all parse visual hierarchies – online and on paper – every day, but it happens so quickly that the only time we’re even vaguely aware that we’re doing it is when we can’t do it – when the visual cues (or absence of them) force us to think. A good visual hierarchy saves us work by preprocessing the page for us, organizing and prioritizing its contents in a way that we can grasp almost instantly.

But when a page doesn’t have a clear visual hierarchy – if everything looks equally important, for instance – we’re reduced to the much slower process of scanning the page for revealing words and phrases, and then trying to form our own sense of what’s important and how things are organized. (p. 33).

Therefore, a lack of visual hierarchy creates more work for users, which dissuades them from visiting a Web site.

Utilizing conventions is another core aspect technical communicators should practice when designing a Web site. The Web’s conventions are mainly derived from magazine and newspaper design principles. According to Krug (2006), “If you’re not going to use an existing Web convention, you need to be sure that what you’re replacing it with either (a) is so clear and self-explanatory that there’s no learning curve – so it’s as good as a convention, or (b) adds so much value that it’s worth a small learning curve. If you’re going to innovate, you have to understand the value of what you’re replacing, and many designers tend to underestimate just how much value conventions provide” (p. 36).

Web pages should be divided into clearly defined areas. This allows users to quickly distinguish which areas of the page to concentrate on and which areas they can disregard. Additionally, technical communicators should make it clear as to what is clickable as users are typically searching for the next link to click. Technical communicators are likely to waste the attention and patience of Web users by forcing them to think about something that should be mindless such as what is clickable within a Web page.

The minimization of visual noise is another characteristic of an easy-to-follow Web page. According to Krug (2006), “Users have varying tolerances for complexity and distractions; some people have no problem with busy pages and background noise, but many do. When you’re designing Web pages, it’s probably a good idea to assume that everything is visual noise until proven otherwise” (p. 39). Nielsen (2000) also found, “As with all layout, whitespace is not necessarily useless, as it would be a mistake to design overly compact pages. Whitespace can guide the eye and help users understand the grouping of information. If you have the choice between separating two segments of content by a heavy line or by some whitespace, it will often look better to use the whitespace, it will often look better to use the whitespace solution, which will typically also download faster” (p. 18).

It is imperative for technical communicators to recognize that the design layout allows Web users to access content. Nielsen (2000) expounds this point by writing, “Ultimately, users visit your Web site for its content. Everything else is just the backdrop … The old analogy is somebody who goes to see a theatre performance: When they leave the theatre, you want them to be discussing how great the play was and not how great the costumes were. Of course, good costume design contributes greatly to making the performance enjoyable and to bringing the author’s and director’s visions to the stage. But in the end, the play is the important thing” (p. 99-100). Furthermore, it is extremely important to omit needless words that are seemingly placeholders. According to Krug (2006), “Removing half of the words is actually a realistic goal; I find I have no trouble getting rid of half the words on most Web pages without losing anything of value” (p. 45).

Krug found there are two types of writing: happy talk and instructions. Generally, happy talk is the introductory text welcoming users to a Web site. He found, “A lot of happy talk is the kind of self-congratulatory promotional writing that you find in badly written brochures. Unlike good promotional copy, it conveys no useful information, and it focuses on saying how great we are, as opposed to delineating what makes us great” (Krug, 2006, p. 46).

Another main source of unnecessary words is instructions, according to Krug. He writes, “The main thing you need to know about instructions is that no one is going to read them – at least not until after repeated attempts at ‘muddling through’ have failed. And even then, if the instructions are wordy, the odds of users find the information they need is pretty low. Your objective should always be to eliminate instructions entirely by making everything self-explanatory, or as close to it as possible. When instructions are absolutely necessary, cut them back to the bare minimum” (Krug, 2006, p. 47).

When composing for the Web, technical communicators affect both the content and the main user experience because users look at the headlines and text initially. Technical communicators should adhere to specific rules when developing content for the Web. According to Nielsen (2000), the three main guidelines for writing for the Web include the following:
  • Be succinct. Write no more than 50 percent of the text you would have used to cover the same material in a print publication
  • Write for scannability. Don’t require users to read long continuous blocks of text; instead, use short paragraphs, subheadings, and bulleted lists
  • Use hypertext to split up long information into multiple pages (p. 101)
Nielsen also found that users read approximately 25 percent slower from a computer screen compared to reading from a paper document.

Web users are “scanners” by nature, which is another reason why technical communicators need to be succinct in their prose. According to Nielsen (2000), “Because it is so painful to read text on computer screens and because the online experience seems to foster some amount of impatience, users tend not to read streams of text fully. Instead, users scan text and pick out keywords, sentences, and paragraphs of interest while skipping over those parts of the text they care less about. In a study by John Morkes and myself, we found that 79 percent of our test users always scanned any new page they came across; only very few users would read word-by-word” (p. 104).

I would be amiss if I did not briefly touch upon the topic of international usability and how it pertains to the field technical communication. Traditional software development differentiates between internationalization and localization. According to Nielsen (2000), “Internationalization refers to having a single design that can be used world-wide, and localization refers to making an adapted version of that design for a specific locale. Internationalization involves the use of simpler language that can be understood by non-native speakers, whereas localization often involves translation. For the Web, it will initially make most sense to internationalize sites rather than localizing them because most countries will not have enough users to make localization worthwhile” (p. 315). Furthermore, individuals from different countries are diverse. As a result, individuals from around the globe use Web sites differently. Technical communicators who design Web sites exclusively for one country will be neglecting a vast amount of Web users. Therefore, international usability must be a priority for all individuals within the field of technical communication.

Overall, the topic of Web usability is gaining attention and momentum within society; however, we still have quite a distance to travel. Furthermore, it is up to technical communicators to champion the cause of usability across all platforms. Nielsen (2000) best describes the past, present and future of Web usability by writing, “Usability used to be a suppressed and barely tolerated oddity in the computer industry. Computer companies have always refused to make usability the driving criterion in product development. Instead, features and performance were always the goals, and usability professionals ranked at the bottom of the totem pole, just barely above technical writers … So the tables have been turned, and usability has become a core competency that is necessary for business survival in the network economy. Only usable sites get any traffic. If customers can’t find a product on an e-commerce site, they are not going to buy it” (p. 388-399).


Krug, S. (2006). Don’t make me think! A common sense approach to web
usability
(2nd ed.). Berkeley, CA: New Riders.

Nielsen, J. (2000). Designing web usability: The practice of simplicity.
Indianapolis, IN: New Riders.

Monday, April 26, 2010

Facing Facebook

Inspired by a recent Bohnett Blog post, I chose to wax poetic about Facebook.

A decade ago, “do you have an e-mail address?” was a common inquiry by friends and colleagues alike. Today, that question has been seemingly replaced with “add me on Facebook.” That is right, the question has been replaced with a command.

Much like how Google overtook Yahoo! to become the dominant search engine, Facebook is the dominant social networking website with over 400 million active users – and growing.

Facebook has really carved out its own unique identity in the social networking world; however, it seems as though the powers that be at Facebook want to be the one stop shop for Web users. With the launch of the "Like" button, Facebook is gathering a vast amount of data about its users.

Do not underestimate the value of this type of data collection. When Facebook executives decide to take the company public, this collection of information will only increase the stock value.

According to Johansmyer (2010):

CEO Mark Zuckerberg, according to the Wall Street Journal is putting his head together with those of Paul Otellini, CEO of Intel (INTC) and Charles Phillips, president of Oracle (ORCL) to gain insights on running his company, over which he'll have more control as a result of Facebook's dual-class share structure. If Zuckerberg gets his way, he'll run Facebook for a while before taking the dive into public capital markets.

Zuckerberg tells the Wall Street Journal, "We're going to go public eventually, because that's the contract that we have with our investors and our employees." (para. 2-3)

Are social media websites poised to take over the stock market? Only time will tell. Until then, add me on Facebook.


Johansmyer, T. (2010, March 4). Zuckerberg in 'No Rush' for Facebook IPO [Web log post]. Blogging Stocks. Retrieved from http://www.bloggingstocks.com/2010/03/04/zuckerberg-in-no-rush-for-facebook-ipo/

Saturday, April 24, 2010

Information architecture must-have

If you are looking for an easy-to-follow book on the topic of information architecture, then look no further than Information Architecture for the World Wide Web: Designing Large-Scale Web Sites, written by Louis Rosenfeld and Peter Morville.

The authors provide a how-to guide for information architects and website managers that includes useful approaches to developing websites. The book’s primary focus is organization and how to maintain it. The authors guide readers from the conceptualization stage of a website to its completion.

According to Rosenfeld and Morville (2006):

We’re convinced that everyone, novice and wizard, should invest considerable time and energy into their web site’s information architecture, especially if the goal is to build a large, complex web site or intranet. As we don’t use lots of technical jargon, and because of the topic of information architecture is so centered around users, we wrote this book to be accessible to anyone who has used the World Wide Web more than once or twice. (Preface xv)

Rosenfeld and Morville co-founded one of the earliest information architecture consulting firms. They are considered pioneers in the subject, and the book is an indispensable source of information on the topic as a result.


Rosenfeld, L. & Morville, P. (2006). Information architecture for the world wide web: Designing large-scale web sites (3rd ed.). Sebastopol, CA: O’Reilly.

Monday, April 19, 2010

The mother of the MP3

Dr. Karlheinz Brandenburg is often credited for fathering the MP3, but who is considered the mother?

According to Ewing (2007), “Karlheinz Brandenburg doesn't like being labeled the ‘inventor’ of MP3. He points out that the most popular format for digital music on the Internet is the work of at least a half-dozen core developers and many others who made important contributions.”

“Tom’s Diner” was written in 1981 by singer-songwriter Suzanne Vega and was eventually released on her 1987 studio album Solitude Standing.

Vega (2008) recounts the first time she was referred to as the mother of the MP3 by writing:

One day in 2000, I dropped my daughter, Ruby, off at nursery school and was approached by one of the fathers I didn’t know very well. Imagine my surprise when he said, “Congratulations on being the mother of MP3!” he said.

“Sorry?” I said, wondering what he was talking about.

“There is an article this week in a magazine called Business 2.0, calling you the ‘mother of the MP3.’ They used one of your songs to create it.”

“Really. Well, thanks. I’ll check it out.”

I ran home and found the article online.

The title was “Ich Bin Ein Paradigm Shifter: The MP3 Format is a Product of Suzanne Vega’s Voice and This Man’s Ears.”

“The MP3 fools the ear by eliminating the least essential parts of a music file…To create MP3 [Karlheinz] Brandenberg had to appreciate how the human ear perceives sound. A key assist in this effort came from Suzanne Vega. ‘I was ready to fine-tune my compression algorithm,’ Brandenberg recalls. “Somewhere down the corridor a radio was playing “Tom’s Diner.” I was electrified. I knew it would be nearly impossible to compress this warm a cappella voice.”

So Mr. Brandenberg gets a copy of the song, and puts it through the newly created MP3. But instead of the “warm human voice” there are monstrous distortions, as though the Exorcist has somehow gotten into the system, shadowing every phrase. They spend months refining it, running “Tom’s Diner through the system over and over again with modifications, until it comes through clearly. “He wound up listening to the song thousands of times,” the article, written by Hilmar Schmundt, continued, “and the result was a code that was heard around the world. When an MP3 player compresses music by anyone from Courtney Love to Kenny G, it is replicating the way that Brandenburg heard Suzanne Vega.” (para. 46-53)

For your listening and viewing pleasure, I have included the original video for "Tom's Diner" by Suzanne Vega.




Ewing, J. (2007, March 5). How MP3 Was Born. BusinessWeek. Retrieved from http://www.businessweek.com/globalbiz/content/mar2007/gb20070305_707122.htm?chan=rss_topStories_ssi_5

Vega, S. N. (1981). Tom’s Diner. On Solitude Standing [CD]. New York, NY: A&M. (1987).

Vega, S.N. (2008, September 23). Tom’s Essay [Web log post]. The New York Times. Retrieved from http://measureformeasure.blogs.nytimes.com/2008/09/23/toms-essay/

Improving video quality when using YouTube

Perhaps you are a video connoisseur like myself. If so, YouTube is probably one of your most visited websites; however, there are certain methods to utilize in order to improve video and sound performance.

Newer videos uploaded to YouTube allow users to choose between 360p, 480p, 720p and full High Definition (or 1080p). You may be asking yourself what do those numbers mean to me?

To clarify, 1080 represents 1, 080 lines of vertical resolution with 1920 pixels on each line (Clark, 2006, para. 5).

The following are links to the same video encoded in the aforementioned resolutions. *Please note the high quality versions require a broadband, or high speed, Internet connection in order to be properly viewed.
As the resolution increases, the quality of the video and sound improve. When viewing older videos, users may not be able to choose from these resolutions. However, I suggest manually adding the &fmt= codes at the end of an older video link.

For example, this is the first video ever uploaded to YouTube in 2005: http://www.youtube.com/watch?v=jNQXAC9IVRw

Users do not have the option to alter the resolution; however, users can manually add &fmt=18 at the end of the video to view it in 480p: http://www.youtube.com/watch?v=jNQXAC9IVRw&fmt=18

Furthermore, adding &fmt22 or &fmt=37 at the end of the link will not increase the resolution as the original source video was not recorded in either resolution.

Personally, I typically add the &fmt= codes to music videos to improve the song quality while web surfing.

Enjoy.


Bruckheimer, J.L. (Producer), & Bay, M.B. (Director). (1998). Armageddon [Motion picture]. United States: Touchstone Pictures.

Clark, B.L. (2006, March 13). What’s this 1080p stuff? [Web log post]. Gizmodo. Retrieved from http://gizmodo.com/gadgets/home-entertainment/tuning-fork-160103.php

The battle for net neutrality rages on

The term net neutrality is being thrown around a lot these days, but how does it relate to technical communicators?

In short, net neutrality is the principle that data packets on the Internet should be moved impartially, without regard to content, destination or source.

Earlier this month, a federal appeals court ruled that the Federal Communications Commission (FCC) does not have the legal authority to enforce net neutrality regulations on Internet service providers.

According to New York Times writer Edward Wyatt (2010), “The court ruling, which came after Comcast asserted that it had the right to slow its cable customers’ access to a file-sharing service called BitTorrent, could prompt efforts in Congress to change the law in order to give the FCC explicit authority to regulate Internet service … More broadly, the ruling by the United States Court of Appeals for the District of Columbia Circuit could raise obstacles to the Obama administration’s effort to increase Americans’ access to high-speed Internet networks” (para 3,5).

High-speed Internet providers, such as Comcast, support a two-tiered service model where carriers would be able to charge owners of websites a premium fee for priority placement and faster speed across their pipes.

Wyatt (2010) further adds:

Comcast, the nation’s largest cable provider, had a muted reaction to its victory. The company said it was gratified by the court’s decision but added that it had changed the management policies that led it to restrict access to BitTorrent, a service used to exchange a range of large data files, from pirated movies to complex software programs.

“Comcast remains committed to the F.C.C.’s existing open Internet principles, and we will continue to work constructively with this F.C.C. as it determines how best to increase broadband adoption and preserve an open and vibrant Internet,” Comcast said in a statement.

The company is currently seeking federal approval for its proposed acquisition of a majority stake in NBC Universal, the parent of the NBC broadcast network and a cadre of popular cable channels. Some members of Congress and consumer groups have opposed the merger, saying that it would enable Comcast to favor its own cable channels and discriminate against those owned by competitors — something the company has said it does not intend to do.

After the ruling on Tuesday, consumer advocates voiced similar concerns about Comcast’s potential power over the Internet, saying that the company could, for example, give priority to transmission of video services of NBC channels and restrict those owned by a competitor like CBS. (para. 11-14)

While there are arguments for both sides, this ruling does jeopardize the open source aspect of the World Wide Web.

Wyatt (2010) best sums of the point of the battle for net neutrality by writing:

The concept of equal access for all Internet content is one that people who favor some degree of F.C.C. regulation say is necessary not only to protect consumers but also to foster innovation and investment in technology.

“You can’t have innovation if all the big companies get the fast lane,” said Gigi B. Sohn, president of Public Knowledge, which advocates for consumer rights on digital issues. “Look at Google, eBay, Yahoo — none of those companies would have survived if 15 years ago we had a fast lane and a slow lane on the Internet.” (para. 18-19)



Wyatt, E. (2010, April 6). U.S. court curbs F.C.C. authority on web traffic. The New York Times. Retrieved from http://www.nytimes.com/2010/04/07/technology/07net.html

Sunday, April 18, 2010

Horizontal attention: Left versus right

In my previous blog post entitled, Keeping your head above the fold, I discussed the amount of attention readers give to the vertical dimension of web pages. However, how exactly do readers view the horizontal aspect of web pages?

Web usability guru Dr. Jakob Nielsen recently conducted a study analyzing viewing patterns along the horizontal dimension.

According to Nielsen (2010), “Web users spend 69% of their time viewing the left half of the page and 30% viewing the right half. A conventional layout is thus more likely to make sites profitable” (Summary section).

As I mentioned previously, web designers should always keep the short attention span of readers in mind when designing for a target audience.

Nielsen (2010) further adds, “Information to the right of the initially-visible area is in essence ‘below the fold,’ except that they are beyond a right-hand fold instead of a bottom-of-window fold, and thus not literally "below." Another way of looking at vertical vs. horizontal scrolling is that users allocate 20% of their attention past the fold in the vertical dimension but only 1% past the fold in the horizontal dimension” (para. 6)

Moreover, designers should stick to conventional layout to maximize web usability.


Nielsen, J. (2010, April 6). Horizontal attention leans left. Retrieved from http://www.useit.com/alertbox/horizontal-attention.html

Thursday, April 1, 2010

Ethics, ethics, ethics…

Individuals often encounter ethical dilemmas in their workplace on a regular
basis. We as technical communicators must realize our important role as it relates to ethics.

Technical communicators act as conduits of information between their employers and the end-user. Furthermore, technical communicators can also be considered public intellectuals as indicated by Bowdon. Bowdon’s (2004) case study found the following:

Technical communication specialists are uniquely poised to serve as public intellectuals. We have specialized knowledge about ideological dimensions of language that can affect policies and products on institutional and individual levels. We understand historical misconceptions about language as a window pane for reality and can use that awareness to help other professionals to problematize tacit assumptions about audience and other issues that may shape their documents. We recognize the social and political functions of genres and associated conventions and know the importance of that awareness to creating accurate, effective, and ethically sound texts. Our professional and civic engagement can shape the world in which we live and work. (p. 325)

Work environments vastly influence the ethical parameters technical communicators must operate within. Unfortunately, the true art and social significance of technical communication is often times lost on management. Monberg (2002) furthers this point by writing:

Technical writing crafts representations. These representations shape social understandings and practices in a global, information age where such representations coordinate action across distance, cultures, and a wide variety of knowledge specialties. Such representations risk failure, albeit at times in indirect or obscure ways, when the differences inherent in bridging diverse perspectives are rendered invisible because a unitary managerial perspective is unreflectively and automatically adopted. These representations hold a profound influence on how we collectively think about individual agency, expertise, and political power. (p. 213)

Moreover, it is essential that we as technical communicators understand and apply ethics within our profession.


Bowdon, M. (2004). Technical communication and the role of the public intellectual: A community HIV-prevention case study. Technical Communication Quarterly, (13) 3, 325-340.
doi: 10.1207/s15427625tcq1303_6

Monberg, J. (2002). Science and technology studies as a research method: Toward a practical ethics for technical writing. In Gurak, L. J. & M. M. Lay (Eds.), Research in technical communication (211-227). Westport, CT: Praeger.

Web 2.0: A web of entanglement

We often hear the term Web 2.0, but what does it mean and how does it apply to web designers?

Tim O’Reilly (2005) answers these questions by writing:

The concept of “Web 2.0” began with a conference brainstorming session between O’Reilly and MediaLive International. Dale Dougherty, web pioneer and O'Reilly VP, noted that far from having "crashed", the web was more important than ever, with exciting new applications and sites popping up with surprising regularity. What’s more, the companies that had survived the collapse seemed to have some things in common. Could it be that the dot-com collapse marked some kind of turning point for the web, such that a call to action such as “Web 2.0” might make sense? We agreed that it did, and so the Web 2.0 Conference was born. (p. 1)

Furthermore, O’Reilly and Dougherty (2005) developed the following 7 principles in regards to Web 2.0
  1. The Web As Platform
  2. Harnessing Collective Intelligence
  3. Data is the Next Intel Inside
  4. End of the Software Release Cycle
  5. Lightweight Programming Models
  6. Software Above the Level of a Single Device
  7. Rich User Experiences
Moreover, Web 2.0 refers to changes in the ways end-users and software developers utilize the World Wide Web; however, there are potential drawbacks to Web 2.0.

Author and entrepreneur Andrew Keen is very critical of Web 2.0 in his book entitled The Cult of the Amateur.

According to Keen (2007):

The Cult of the Amateur is a critique of the ideal of citizen media. It argues that, behind the seductive language of a “democratised” media lies a threat to objective information and high-quality entertainment. The book argues that the traditional gatekeepers of mainstream media are being replaced by a chaos of anonymous internet activists who are pursuing often corrosive cultural, political and economic agendas of their own.

I wrote the book to challenge the stifling intellectual orthodoxy of digital Utopianism in Silicon Valley. The Cult of the Amateur is a subversion of the original subversion. I’m exposing Web 2.0 and revealing that, behind the radical rhetoric lies the economic, cultural and political interests of a new class of media oligarchs.

As with most things, the human element is the deciding factor of whether or not Web 2.0 will foster independent thinking and culture literacy.


O'Reilly, T. (2005). What is web 2.0: Design patterns and business models for the next generation of software. Retrieved from http://oreilly.com/pub/a/web2/archive/what-is-web-20.html

.net Magazine (Interviewer) & Keen, A. (Interviewee). 2007. Discover interview series [Interview transcript]. Retrieved from http://www.netmag.co.uk/zine/discover-interview/andrew-keen

Saturday, March 27, 2010

“Mother should I trust the government?” – and its web usability?

Pink Floyd lyrics aside, we as web users utilize governmental websites on a regular basis. The public depends on governmental websites for a variety of services ranging from renewing a driver’s license or complaining to the Department of Transportation about the potholes craters found throughout the Michigan roadways.

However, just who exactly provides the usability guidelines to be followed when designing these websites?

According to Usability.gov:

Usability.gov is the primary government source for information on usability and user-centered design. It provides guidance and tools on how to make Web sites and other communication systems more usable and useful.

This site was developed to specifically assist Web managers, designers, usability specialists, and others create Web sites that are highly responsive, easy-to-use, and useful (About Us section, n.d.).

Additionally, management of the website falls under the United States Department of Health and Human Services Office of the Assistant Secretary for Public Affairs.

Furthermore, Usability.gov contains a multitude of usability guideless pertaining to designing websites for the government. The website also contains templates and a blog relating to web usability within the government.


(n.d.) About Us. Retrieved from http://www.usability.gov/about/index.html

Waters, R. (1979). Mother [Recorded by Pink Floyd]. On The Wall [CD]. Nice, France: EMI.

Keeping your head above the fold

During our March 15 class meeting, we looked at some potential webpage templates. Furthermore, we briefly discussed above the fold vs. below the fold.

For those who may be unfamiliar with the phrase, it is a term often used in the design of a newspaper ... you know, those pieces of paper people used to read to brush up on the news.

Web usability guru Dr. Jakob Nielsen has developed a definition of the phrase in relation to website design. According to Nielsen (2010), “In Web design, there's much confusion about the ‘page fold’ concept and the importance of keeping the most salient information within a page's initially viewable area. That is, in fact, the definition: ‘above the fold’ simply means ‘viewable without further action’” (para. 1).

Moreover, people have short attention spans. Therefore, it is important to keep that in mind when designing for your target audience.

Nielsen (2010) further adds, “Web users spend 80% of their time looking at information above the page fold. Although users do scroll, they allocate only 20% of their attention below the fold” (Summary section).

Therefore, the most important information for the reader should go above the fold when designing a webpage.


Nielsen, J. (2010, March 22). Scrolling and attention. Retrieved from http://www.useit.com/alertbox/scrolling-attention.html

Thursday, March 18, 2010

If you read only one CSS PhD Thesis this year, make it this one...

Håkon Wium Lie is the individual who proposed the concept of Cascading Style Sheets (CSS) in 1994 while working at the world's largest particle physics laboratory known as CERN.

His PhD thesis provides a background into the origins of CSS. It details the motivation behind creating the style sheet language.

According to Wie (2005):

The topic of this thesis is style sheet languages for structured documents on the web. Due to characteristics of the web – including a screen-centric publishing model, a multitude of output devices, uncertain delivery, strong user preferences, and the possibility for later binding between content and style – the hypothesis is that the web calls for different style sheet languages than does traditional electronic publishing.

Style sheet languages that were developed and used prior to the web are analyzed and compared with style sheet proposals for the web between 1993-1996. The dissertation describes the design of a web-centric style sheet language known as Cascading Style Sheets (CSS). CSS has several notable features including: cascading, pseudo-classes and pseudo-elements, forward-compatible parsing rules, support for different media types, and a strong emphasis on selectors. Problems in CSS are analyzed, and recommended future research is described.

While Lie's thesis is quite lengthy, it gives readers unique insight regarding CSS as well as what it is like to write a PhD thesis.


Lie, H. (2005). Cascading style sheets [Abstract] (Doctoral thesis, University of Oslo, Oslo, Norway). Retrieved from http://people.opera.com/howcome/2006/phd/#h-10

Useful Firefox add-on for CSS: Firebug

Firebug is a very useful tool for web designers who use Firefox as a web browser.

According to Firebug's web site, "Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page" ("What is Firebug?" n.d.).

Firebug allows users to inspect the cascade and copy colors and image URLs. Furthermore, it allows users to make changes in CCS and see them instantly ("CSS Development," n.d.).

Users can download the add-on by going to http://getfirebug.com/.


(n.d.) What is Firebug?. Retrieved from http://getfirebug.com/whatisfirebug

Saturday, March 13, 2010

Yet Another Hierarchical Officious Oracle

March marks the 15th anniversary of the incorporation of Yahoo!, which should not be confused with the web portal’s actual creation date, as some articles have misreported.

According to The History of Yahoo! - How It All Started... webpage (2005):

Yahoo! began as a student hobby and evolved into a global brand that has changed the way people communicate with each other, find and access information and purchase things. The two founders of Yahoo!, David Filo and Jerry Yang, Ph.D. candidates in Electrical Engineering at Stanford University, started their guide in a campus trailer in February 1994 as a way to keep track of their personal interests on the Internet. Before long they were spending more time on their home-brewed lists of favorite links than on their doctoral dissertations. Eventually, Jerry and David's lists became too long and unwieldy, and they broke them out into categories. When the categories became too full, they developed subcategories ... and the core concept behind Yahoo! was born.

The Web site started out as "Jerry and David's Guide to the World Wide Web" but eventually received a new moniker with the help of a dictionary. The name Yahoo! is an acronym for "Yet Another Hierarchical Officious Oracle," but Filo and Yang insist they selected the name because they liked the general definition of a yahoo: "rude, unsophisticated, uncouth." Yahoo! itself first resided on Yang's student workstation, "Akebono," while the software was lodged on Filo's computer, "Konishiki" - both named after legendary sumo wrestlers ... In March 1995, the pair incorporated the business and met with dozens of Silicon Valley venture capitalists ("The History of Yahoo!," para. 1 & 2).

As a wee lad, I recall utilizing Yahoo! in 1994 because it was extremely organized compared to most other search engines at the time.

While Yahoo! has declined in popularity over the years as Google currently dominates the market share, it remains a very important search engine. For individuals wishing to learn more about search engine optimization, the history of Yahoo! is a good reference point.

Yahoo 1994


Yahoo! Media Relations. (2005) The history of yahoo! - How it all started... Retrieved from http://docs.yahoo.com/info/misc/history.html

Publication Manual of the American Psychological Association - whether you like or dislike it, learn to love it!

As a graduate student in the Master of Science in Technical and Professional Communication program at Lawrence Tech University, I find myself attached at the hip to the Publication Manual of the American Psychological Association.

This manual provides style guidelines to aid individuals within the
behavioral and social sciences. Furthermore, I use the text to reference and cite sources for research papers and blogs such as this one, which was created for my website design course.

The editor in chief, Gary VadenBos, describes the purpose of the manual in the foreword by writing, "the Publication Manual of the American Psychological Association has been designed to advance scholarship by setting sound and rigorous standards for scientific communication ... Today, APA Style sets a standard that is realized in APA journals, books, and electronic databases" (VadenBos, 2009, p. xiii).

The text is divided into eight sections covering such topics as the mechanics of style and crediting sources. It includes multiple examples and illustrations for the reader to understand and apply.

The American Psychological Association has created a straightforward style manual for technical communicators, as it is an essential text for research, documentation and citation.


VandenBos, G.R. (Ed.). (2009). Publication manual of the American Psychological Association (4th ed.). Washington, DC: American Psychological Association.

Sign, sign, everywhere a sign...

Technical communicators should be aware of a field of study known as semiotics. Semiotician Daniel Chandler’s Semiotics: The Basics provides a comprehensible introduction to the world of semiotics. In this book, Chandler attempts to explain the fundamentals of semiotics to a novice audience.

According to Chandler (2007), “Semiotics could be anywhere. The shortest definition is that it is the study of signs … Semiotics is concerned with meaning-making and representation in many forms, perhaps most obviously n the forms of texts and media” (p. 1-2).

Chandler includes real world examples and studies to define key terms such as contrasting Apple and IBM logos to describe paradigmatic analysis.

Chandler admits his rudimentary approach to semiotics is somewhat misleading; however, the author is forthcoming about his methods as he admits there is little agreement among modern theorists regarding the subject.

Rather than a book that requires readers to refer to a dictionary every other line, this text is crucial to contemporary communication theory as it offers a user-friendly guide – complete with a glossary of key terms – to important themes including sign systems and structuralism.


Chandler, D. (2007). Semiotics: The basics (2nd ed.). London, England: Routledge.

Friday, March 12, 2010

Progress in usability

Web usability is one of the most important topics pertaining to web design; however, how much has web usability improved over the years?

Dr. Jakob Nielsen recently compiled data regarding usability improvements over the past decade.

According to Nielsen (2010), "Over the past decade, usability improved by 6% per year. This is a faster rate than most other fields, but much slower than technology advances might have predicted" (Summary section).

As a result, web designers are making progress at a somewhat low amount of speed.

Nielsen further writes, "So, why is usability less like technology and more like all other fields of human progress? Because usability is about humans, not computers. We're designing around the fixed limitations of the human mind, and we have to improve websites and products within the constraints of organizational inertia. It's not enough for a designer to attend a usability seminar and learn the guidelines for making websites easier. The designer also has to convince the marketing VP, which can take years" (Progress in Other Fields section, para. 7).

Therefore, the human element is a leading factor that influences web usability, which web designers should always be aware of.


Nielsen, J. (2010, February 22). Progress in usability: Fast or slow? Retrieved from http://www.useit.com/alertbox/usability-progress-rate.html

Monday, March 1, 2010

Feedback for a web link

In my other life, I am a writer. My book review entitled Russo's Rope Opera reveals behind the scenes of WCW and TNA was published today.

Although I do not have much control over the layout, I would greatly appreciate any feedback you may have concerning the design as it relates to principles we have learned in class.


Nation, C. R. (2010, March 1). Russo's Rope Opera reveals behind the scenes of WCW and TNA. SLAM! Sports. Retrieved from http://slam.canoe.ca/Slam/Wrestling/2010/02/11/13065601.html

Saturday, February 27, 2010

Lesson from Don't Make Me Think

If you have not had a chance to read any of Steve Krugg's Don’t Make Me Think! A Common Sense Approach to Web Usability, you should as it contains important lessons about design.

In chapter 2, Krugg (2006) discusses how readers tend to scan pages as opposed to reading them. He writes:

One of the very few well-documented facts about Web use is that people tend to spend very little time reading most Web pages. Instead, we scan (or skim) them, looking for words or phrases that catch our eye.

The exception, of course, is pages that contain documents like news stories, reports, or product descriptions. But even then, if the doucment is longer than a few paragraphs, we're likely to print it out because it easier and faster to read on paper than on a screen. (p. 22)

Krug’s book focuses on design principles with an emphasis on the how and why. Furthermore, he is more concerned with explaining the core components of usability rather than the actual technology. An experienced web technology consultant, Krug includes several real world examples for readers to understand and relate to.

Krug takes an entertaining, yet enlightening approach to teaching web usability. Readers do not have to be website design specialists to grasp and apply the procedures within the text.


Krug, S. (2006). Don’t make me think! A common sense approach to web usability (2nd ed.). Berkeley, CA: New Riders.

The short attention span of web users

When designing for the web, it is extremely important to keep your audience in mind. However, just how much (or how little) do users read?

Dr. Jakob Nielsen conducted a research study to find the answer. Considered to be a top expert on web usability, Nielsen’s findings are rather easy to understand.

According to Nielsen (2008), "On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely" (Summary section).

As a result, less truly is more.


Nielsen, J. (2008, May 6). How little do users read? Retrieved from http://www.useit.com/alertbox/percent-text-read.html

Presentation report: embedding video

Embedding video means to embed, or place, a video within the XHTML code of a web page.

Videos can be played “inline” or by a “helper”, depending on the XHTML element you use.

W3Schools.com is a good source to learn more embedding video:

When a video is included within a web page, it is called an inline video. If you plan to use inline videos in your web applications, please be aware that some people find inline videos annoying. Also, please note that some users might have turned off the inline video option in their browser.

Our best advice is to include inline videos only in web pages where the user expects to see a video. An example of this is a page, which opens after the user has clicked on a link to see a video.

A helper application is a program that can be launched by the browser to "help" play a video. Helper applications are also commonly referred to as plug-ins. Helper applications can be launched using the <embed> or the <object> tag. (http://www.w3schools.com/)

The purpose of the <embed> and <object> tags is to embed multimedia elements within a web page.

One great advantage of using a media player plug-in is you can allow some, or all, of the settings to be controlled by the user. Most of these plug-ins allow manual, or programmed, control over the volume settings and functions such as rewind, pause, stop and play.

According to htmlgoodies.com writer Scott Clark (2008), “the most commonly used method to embed video today is via a Flash player and a .flv file” (para. 1).

Other Adobe Flash file formats include .f4v, .f4p, .f4a, and .f4b.

With websites such as YouTube, embedding media has been simplified for web designers. Clark continues this point by writing:

Along comes YouTube ... and embedding a video onto a web page becomes as easy as cutting and pasting. When you visit a site that hosts videos, such as YouTube, you are presented with a video box on the page. You can watch the video directly on the page, or the Flash player allows you to view the video full screen, just by clicking a button on the player. As Borat would say..."VERY NICE!!" How much does it cost you to add a video from YouTube to your site? Nada--nothing. They provide the service, and they also provide the bandwidth, so the video is hosted on their servers and uses their bandwidth! Hard to beat a deal like that! (para 4).

Take a moment to find a video on YouTube that you want to embed into your blog. To the right of the actual video, there is a description. Under the description, you will find the form fields labeled URL and Embed. The embed code is already included for you to copy and paste like so:


Furthermore, here is what the actual code for the previous video above looks like.

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/0WhuikFY1
Pg&hl=en_US&fs=1&"></param><param name="allowFullScreen" 
value="true"></param><param name="allowscriptaccess" 
value="always"></param>

<embed src=http://www.youtube.com/v/0WhuikFY1
Pg&hl=en_US&fs=1&type="application/x-shockwave-flash" allowscr
iptaccess="always" allowfullscreen="true" width="425" height="
344"></embed></object>
YouTube also has a customize function you can utilize as well. Moreover, YouTube is a great user-friendly avenue to use when pertaining to embedding videos.


Clark, S. 2008. How to add a YouTube video to your web site. Retrieved from http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3480061

W3Schools.com. (n.d.). Videos on a web site. Retrieved from http://www.w3schools.com/media/media_browservideos.asp

Sunday, February 21, 2010

The art of film

In terms of cinematography and film technique, can you tell me how these two scenes differ?






Hill, D. (Producer), & Columbus, C. (Director). (1987). Adventures in babysitting [Motion picture]. United States: Touchstone Pictures.

Winkler, I. (Producer), & Scorsese, M. (Director). (1990). Goodfellas [Motion picture]. United States: Warner Bros.

Embedding media

Audio, video, animation or other media displayed within a Web page is referred to as embedded media. Furthermore, embedding media within Web pages permits the delivery of an integrated multimedia experience that appears seamless to the user.

W3schools.com is a good source of information about how-tos for embedding media. As discussed in the Playing Videos on a Web Site section, it is important to know your audience.

“Our best advice is to include inline videos only in web pages where the user expects to see a video. An example of this is a page which opens after the user has clicked on a link to see the video.”

Furthermore, it is important to recall accessibility when using embedded media.


W3schools.com. (n.d.). Playing Videos on a Web Site. Retrieved from http://www.w3schools.com/media/media_browservideos.asp

Monday, February 15, 2010

Embedding videos



Embedding video is one tool to enhance your blog. About.com blogger Marziah Karch explains how you embed video from YouTube by writing:

"YouTube has all sorts of interesting, funny, silly, and provocative content. One of the most appealing things about YouTube is how easy it is to share this content with others. You can easily embed any video on YouTube into your own blog. Here's how you do it."


Karch, M. (n.d.). How to Embed a YouTube Video on Your Blog. Retrieved from http://google.about.com/od/googleblogging/ss/embedyoutubesbs.htm