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