Usability Quote of the Day

November 21, 2008

In the information age, as computers invade our lives and more and more products contain a chip of silicon, we find that what lies between us humans and our devices is cognitive friction, which is something new and something that we are ill-prepared to deal with. Our engineering skills are highly refined, but when we apply them to a cognitive friction problem, they fail to solve it. -- Alan Cooper, The Inmates are Running the Asylum, p. 92.   (via interaction-design.org)
Provided by Feed Informer

Saturday, March 31, 2007

What Makes a Good Autocomplete?

A thoughtful discussion about what to consider for an optimal autocomplete ...

"We've been working on a problem for the past couple of weeks: an optimal autocomplete algorithm.

Many of our users have said that while Enso is great, it requires a bit too much typing. We're inclined to agree. Yet, figuring out the best solution is tricky: there are more autocomplete algorithms than bones in a school of lionfish. There are straightforward algorithms, too-clever-for-their-own-good algorithms, standard command-line-style autocomplete algorithms, and the list goes on. A lot of the algorithms seem to go down fairly easily when you first start playing with them, but they end up getting stuck in your throat due to some unforeseen edge-case. This post explains our thought process in evaluating the algorithms given the (g)astronomical number of possibilities.

The Problem
Let's start by defining the problem. Autocomplete asks the question of how ones maps a series of user keystrokes to one command name among a thousand possibilities.
Enso currently uses a slightly modified version of the "Obvious Solution". The obvious solution requires that the keystrokes entered match the beginning of the command name, then picks the alphabetically first among all such command names. This is exactly what the Windows command prompt uses (at least the NT prompt; the old DOS prompt doesn't have this autocomplete feature). Other systems use variations of this; most URL bars, for instance, require that what is typed be the beginning of some URL (not including the http:// bit). Enso improves on the obvious solution by allowing the user to entirely skip words during entry. Thus, Enso lets "open firefox" complete to "open mozilla firefox".

Unfortunately, this solution has much more typing than necessary. In Enso, typing "open " before typing the name of the application is frustrating; especially since there are keystroke launchers out there that don't have any such requirement. However, Enso can do a whole lot more than launching — and in the future Enso will do vastly more than it does today — so we can't simply drop the prefix. The prefix is what makes it clear that the user is launching something rather than any of the hundred other things they could possibility be doing (like printing it, deleting it, compressing it, or sending it as an attachment). The number of commands that Enso might have is just too large to eliminate the need for verb prefixes and structured name spaces.

So we come to the question: how can we implement an autocomplete solution that allows Enso users to use fewer keystrokes, without losing the memorability of semantic language that makes Enso powerful?"    (Continued via Humanized)    [Usability Resources]

Where Do You Want To Spell Today?

Dealing with misspelling when designing forms ...

"I grew up in upstate NY, where summer is just three weeks of bad skating. It’s also the land of hard-to-spell locations, due to the influence of both Dutch Settlers and Native American naming schemes. For example, I lived in Schenectady county in a town named Niskayuna (which, I was told, is the Iroquois word for “high taxes”).

Hard-to-spell locations are the bane of the travel web site developer. The traditional approach to a free-form type-in box puts a burden on spelling-correction technology, which needs to match a user’s notion of an unfamiliar destination to the actually venue.

In the hotel industry, this is even more difficult, since someone may want to plan a business trip to Gloucester, MA (which is pronounced “glosster”), but the nearest hotel property is in Peabody (which sounds more like “P. Diddy” than the more expected “Pea Body”). Not only do they have to correct for all the cities they have properties in, but all of the surrounding destinations someone might want to visit. With the free-form type-in approach, a missed spelling correction results in a “Sorry, we didn’t find any hotels near Glosster” error message, possibly losing a sale to a competitor.

Over at Southwest.com, they replaced the free-form type-in box with auto-filled pull-downs. Using pull-downs works fine for Southwest because they support only 63 airports, but this method would become quickly cumbersome for a larger airline, such as United or American, which services hundreds of destinations across the globe."    (Continued via UIE Brain Sparks)    [Usability Resources]

Southwest Auto-Filled Pull-Down - Usability, User Interface Design

Southwest Auto-Filled Pull-Down

25 excellent usability/UX articles and resources

Several good articles listed in one place ...

"Today I thought I’d share some of the most valuable usability and user experience articles and resources I currently know, in a somewhat wild mix. Since there’s presumably enough to read and talk about later, please welcome some great articles and research papers you hopefully enjoy that much as I do (though you’ll certainly know several of them):

• Apple: User Experience Guides
• Calabria: An Introduction to Personas and How To Create Them
• Cameron: Why People Don’t Read Online and What to do About It
• Crescimanno: Sensible Forms: A Form Usability Checklist
• Garrett: The Elements of User Experience (PDF, 17 KB)
• Hadley: Clean, Cutting-Edge UI Design Cuts McAfee’s Support Calls By 90 %
• Hawdale: The Vision of Good User Experience (PDF, 1,115 KB)"    (Continued via Jens Meiert)    [Usability Resources]

Friday, March 30, 2007

Warning over car indicator lights

Safety vs. aesthetics in turn signal design ...

"Modern car indicators could be compromising drivers' safety, a study by the University of Wales, Bangor, has claimed.

Many new designs position indicators within car headlamps - rather than a separate flashing light to the side.

But Bangor researcher Dr Andrew Bayliss said tests showed people took longer to react to the new-style lights.

A spokesman for the UK's Transport Research Laboratory (TRL) described the findings as "very interesting".

Dr Bayliss decided to carry out the research after noticing the new indicator lights as he travelled around Bangor.

When looking at the new-style lights, he said it took a few seconds longer for peoples' brains to "interpret" what they saw.

Several modern car makers position the indicators on the inside edge of the headlights and this study shows that this design feature could reduce their safety," he added.

Two groups, with 15 young adults in each, took part in the study at the university's School of Psychology.

They were shown pictures of the fronts of cars and asked to press a left or right hand button as quickly as they could when corresponding indicators flashed.

Dr Bayliss said students responded "significantly faster" to cars where the indicator lights were outside the headlight."    (Continued via BBC NEWS)    [Usability Resources]

Turn Signal Design - Usability, User Interface Design

Turn Signal Design

ZenZui and the Art of Mobile Web Surfing

An interesting new UI ...

"In the battle to create a better mobile Internet experience, a small start-up company and offspring of Microsoft Corp., is taking a game-like approach to browsing the Web on a cellphone. The Wall Street Journal reports.

"Split off from Microsoft's research labs, the new venture, ZenZui today will announce plans for a downloadable application that allows users to browse through mobile content such as sports scores, recipes and movie times, navigating through icons with their handset keys. After a trial phase, it will be available for the majority of the U.S. cellphone market by the end of the year."

Picture left is a a view of the ZenZui interface, which allows users to zoom in on Web content from their cellphones.

"Seattle-based ZenZui thinks it has a user-friendly approach. Its design allows users to zoom in and out of different clusters of icons, and even swap new icons in and out of the application through a Web site or their mobile phone.

In its current test phase, users will be limited to using 16 icons, sponsored and created by a handful of companies, including travel search site Kayak.com and Traffic.com, a real-time traffic service.

Eventually, ZenZui will publish the tools to allow any brand to create an icon, and the company expects to offer about 1,000 icons by year end."    (Continued via textually.org)    [Usability Resources]

ZenZui - Usability, User Interface Design

ZenZui

Lazy Thumb, Voice Activated Phone

A voice activated phone interface ...

"It is primarily voice-activated, has only three buttons, and minimal function: send/receive calls and text messages. To send text, Speech to Text Transcription system is used. The three sliding buttons are made of Polycarbonate plates with OLED screens, and an LCD screen under the buttons shows detailed messages and directions. Users slide the plate with a shown indicator upward. The outer screen communicates between users, while the inner screen communicates between user and phone system."    (Continued via Yanko Design)    [Usability Resources]

Lazy Thumb Cellphone - Usability, User Interface Design

Lazy Thumb Cellphone

Thursday, March 29, 2007

Does usability stifle innovation?

Getting stuck in our own habits ...

"I'm not generally one of those usability people who grabs whatever Jakob Nielsen writes and links to it. It's not that I have a problem with Dr. Nielsen's work, but I generally think that, if you're going to take the time to read my blog, then the least I can do is to take the time to have an occasional original thought. This week's Alertbox got me thinking, though, and it's a subject I find I keep coming back to, so pardon me while I think out loud.

In a piece about user annoyance, Dr. Nielsen suggests that we should stop using drop-down menus for state lists (on shopping carts, in particular) and go back to straight text fields. Now, I'm not debating his data; I've been amazed more than once at how many people still have no idea how a drop-down menu works. What bothers me is a much broader question: when does usability risk giving into user habits so much that we stifle innovation?

Let me give an example that might help illustrate the point. You may be aware of the origins of the keyboard. The original mechanical typewriter had to be designed in such a way that it wouldn't jam, and this led to the QWERTY configuration. The key layout that we still use to this day is thought by many to be inefficient and suffers from usability problems. If, however, you were to test users on their current keyboard and an entirely new configuration (even if that configuration was more efficient, cognitively and mechanically), they would undoubtedly perform much better on the original keyboard. Why? Simply because that's what they're already used to. Of course, the switching cost (both in time and dollars) of moving to an entirely new keyboard might be high, but what if that new product really were better? By relying solely on our current habits and even testing data, we'd never know."    (Continued via debabblog)    [Usability Resources]

ZenZui's Zoomspace - the latest GUI

New UI introduced with ZenZui ...

"Open for business for the first time this week, Microsoft spin-off, ZenZui, is to launch a new interface that uses a grid-like display of 'tiles' to help consumers find and buy content. The UI maps the nine number keys on a phone to these tiles which serve as navigational bookmarks to regularly visited sites. Users navigate by zooming in through the number keys, or a touch screen on compatible handsets.

The idea is that consumers will download the ZenZui application and then be free to populate it with up to 36 tiles, creating their personalised 'Zoomspace'.

ZenZui believes its unique UI scores over existing methods because it's more intuitive – users simply press the 1, 3, 7 or 9 keys to scroll around the grid and the 5 key to click into a tile. This means they can be inside a tile in two clicks. Also, because the tiles are selected by the consumer the system is spam-free."    (Continued via Usability News)    [Usability Resources]

ZenZui - Usability, User Interface Design

ZenZui

How to Improve It? Ask Those Who Use It

Citizen product design as a method for creating new products ...

"Dr. Nathaniel Sims, an anesthesiologist at Massachusetts General Hospital, has figured out a few ways to help save patients’ lives.

In doing so, he also represents a significant untapped vein of innovation for companies.

Dr. Sims has picked up more than 10 patents for medical devices over his career. He ginned up a way to more easily shuttle around the dozen or more monitors and drug-delivery devices attached to any cardiac patient after surgery, with a device known around the hospital as the “Nat Rack.”

His best innovation to date, he says, involved modifying a drug infusion pump routinely used in hospitals to dispense the proper doses of medicine. Dr. Sims, an accomplished pilot, noticed in the mid-1980s that he could obtain navigation information from regularly updated databases. He wondered why doctors couldn’t use a device preprogrammed with the necessary data to figure out dosages themselves. From 1987 to 1992, he and a small team built an electronic device that worked with an existing pump to provide patients with the correct does of the proper drug. Alaris Medical Systems was the first established medical supply firm to use the technology.

David L. Schlotterbeck, the chief executive of Alaris, bet the company on the device. It was a good wager. The smart pump now brings in $700 million in sales — more than Alaris’s overall revenue of $534 million in 2003, the year before the company was sold to Cardinal Health.

What Dr. Sims did is called user-driven innovation by Eric von Hippel, a professor at the Massachusetts Institute of Technology’s Sloan School of Management. Mr. von Hippel is the leading advocate of the value of letting users of products modify them or improve them, because they may come up with changes that manufacturers never considered. He thinks that this could help companies develop products more quickly and inexpensively than with their internal design teams.

“It could drive manufacturers out of the design space,” Mr. von Hippel says."    (Continued via New York Times)    [Usability Resources]

User Influenced Design - Usability, User Interface Design

User Influenced Design

Wednesday, March 28, 2007

Content Strategy: The Philosophy of Data

Getting to the bottom of content strategy ...

"Not that familiar with “content strategy?” That’s ok. It’s in my job title, and I struggle every time I’m asked what I do for a living. Many people have no idea what it means, but even more people bring their own (wrong) assumptions to the conversation. Usually they think it has something to do with writing copy. That’s not entirely false, but it’s kind of misleading.

The analogy I’ve been using recently is that content strategy is to copywriting as information architecture is to design. I find this analogy to be especially encouraging because six years ago, as the crest of the first wave of the web was about to break, people had no idea what “information architecture” meant either.

The irony of this communication challenge is that the main goal of content strategy is to use words and data to create unambiguous content that supports meaningful, interactive experiences. We have to be experts in all aspects of communication in order to do this effectively.

So, why has it been so hard for us to communicate what we do?

Perhaps the problem is that, because content is so pervasive, everyone thinks they know all there is to know about it. If you can read and write, you can make content, right? (Nearly 60 million blogs may prove that.) But the fact is, as interactive experiences become more complex, so does the nature of content. A superficial understanding of content isn’t going to cut it anymore. Content strategists in the digital age need to become data philosophers and explore the metaphysics of content, starting with the question “What is content?”

Everything is content

When we were developing a deep metadata system for the website of a national entertainment magazine, my colleague and friend, Chris Sizemore, would say, “Everything is content.” And I tend to agree.

Everything is content? What about design? Yes, it’s content. Structure? Content. Metadata? Also content. You probably expected a more incisive analysis than that. Well, how about, “Literally, everything is content.”

How did the need for detailed focus on content emerge in the heavily visually oriented field of web design? As website functionality has increased and web users have become savvier, sites have had to meet the demand for sophisticated interaction and more content to support it. But simply more content won’t do; it has to be accurate and relevant. It has to be meaningful."    (Continued via Boxes and Arrows)    [Usability Resources]

Organizing Content - Usability, User Interface Design

Organizing Content

An Interview with Ralph Baer, the Father of Video Games

Interesting to see how interface design decisions were derived in the past ...

"RB: Well, it's different fun, but it's a lot of fun. And to think about ping pong, one more digression. One of the complaints that his highness Nolan Bushnell had was "Well, you didn't have any scoring on screen." To which I respond: well, it's kinda funny, you know. We've been playing real ping pong for the last hundred years, right? And tennis. And guess how you score tennis and ping pong? You call out the score, you know, nice and loud, right? Nobody needed any scores on the screen.

That was a real iffy addition. I had no way of doing it with the technology available to us for a price in 1966-67. But it was not necessary to play an interesting tennis game. You just call it out -- who needs scoring?

What was stupid on our part -- and I couldn't believe in retrospect -- was that we didn't have any sound. Yeah, that was the big attraction, addition, that made it much more lively a game that Alan Alcorn and Bushnell came up with, adding a "pong" sound when you hit the ball. Why we didn't think of that, in retrospect? I can't believe we didn't do that. Part of it was that I wasn't really a game person, ever. It only grew as I worked with the stuff."    (Continued via Confusability)    [Usability Resources]

Setting Up Business Stakeholder Interviews, Part 1

Interviewing techniques for getting clear business requirements ...

"For those who build websites and applications for a living, it is important to understand the realities of how clients work in order to guide effective strategy, IA, and user research aligned with business goals. Interviewing different people who deal with a company’s website will help you simplify complex strategic directions, create appropriate research plans, develop information architecture, and design interactions for great user experiences.

Interviewing is both art and science, and it is something that any UE practitioner with a little additional time and moderation skills can employ to extract clear business requirements. Without this foundation, business requirements can be unclear and deadlines for launching new sites, features, and content can be unrealistic. Worse, companies may launch features that users do not really want. Early and effectively gathered stakeholder input is also valuable for determining directions for user research during new site and product design.

It’s not necessary to be an MBA-level strategist or have a background in user research to be an effective business stakeholder interviewer. Those with these backgrounds will find their research skills can come in handy, but some of the best stakeholder questions I’ve witnessed have been posed by visual designers and developers.

It is also important to understand how company politics can negatively impact your work. Your clients are only human, and they are as subject to company turf wars and coworker fatigue as anyone: “Oh, I guess you’ll have to speak with Bob, too…he heads up such-and-such, but he doesn’t know what he’s doing”. As an interviewer, you may find that Bob may know exactly what he’s doing and have some really great ideas. How you manage company politics can contribute to achieving—or completely unraveling—a good user experience."    (Continued via Boxes and Arrows)    [Usability Resources]

Tuesday, March 27, 2007

Cogito Ergo Nomics

Needing a car that is easy to use ...

"How easy is your car to use? I'm not talking about acceleration, steering or cornering. I'm talking about the mental effort required to successfully interact with your car’s secondary features, such as in-car entertainment or the trip computer. While controls like steering (the brilliant simplicity of a wheel), throttle (foot pedal farthest to the right) and braking (second-to-right pedal) are standardized for most vehicles certified for use on a public road, the majority of other controls are confusing enough to plunge an automotive reviewer (or a Hertz Platinum Club member) into RTFM rage.

Sometimes it’s a simple matter of old habits dying hard: in many ways the best interface is one you don't have to re-learn. If you're used to having to jab at a button several times to adjust the temperature several degrees while surveying the change on a display that’s located on the opposite hemisphere of the dash, that may be the best user interface—for you.

But that’s not the whole story when something as basic as starting the car has now taken on innumerous forms. Do you A) insert the key in a slot (to the right or left of the steering wheel or in the center console) and turn it or B) insert the key in a hole and push it or C) insert the key into a slot and push a start button or D) ignore the key altogether as long as it's on your person and then either push a button or twist a piece of plastic adjacent to the steering wheel? Each of these methods are used by at least one current production car—and I’m sure I’ve missed at least one type of ignition sequence.

Changing gears is a similar issue. If you want to upshift using an automatic transmission with a shift-it-yourself mode, do you tap the shifter forward, backward or to the right? Or do you use buttons on the steering wheel? If you use steering wheel buttons, do you push the button on the right to upshift or on the back to downshift and the front to upshift? Or does the car instead use paddles behind the steering wheel? Which paddle do you use? Do you push or pull? And in case you want to shift while turning, do the paddles rotate with the steering wheel or are they stationary?

Even something as simple as automatic door locks come complete with their own set of usability issues. Do they lock when you put the car in Drive or when you reach a preset speed? Do they automatically unlock when you put the car back in Park? Do they automatically unlock when you pull the interior door handle, and if so, in the back seat or just the front? How do you disable them? Can you disable them? Can you even answer these questions about your own car?

Clearly, usability and interface design principles are taking a backseat to aesthetics and automakers’ oddly conflicting compulsions to be both trendy and unique. The problem is compounded by the unprecedented numbers of features being added to new cars, such as satellite radio and navigation, iPod integration, DVD players, Bluetooth cell phone connections, four-zone climate control, OnStar, heated and cooled massaging memory seats, etc. Without well-thought-out ways of interacting with these new features, the result is anarchy. I’d like to know how many times BMW Assist has been summoned by X5 drivers who thought they were opening their sunroofs, since the corresponding buttons are poorly marked, nearly identical, and adjacent to each other in matching wells, for no apparent reason other than BMW’s ever-questionable ideas regarding aesthetics."    (Continued via The Truth About Cars)    [Usability Resources]

Power Switch - Usability, User Interface Design

Power Switch

Worldmapper

An interesting way to display world events ...

"Worldmapper features world maps re-sized according to different values, like wealth, carbon emissions, population, etc."    (Continued via 37signals)    [Usability Resources]

Worldmapper - Usability, User Interface Design

Worldmapper

Technology's next big thing

Several new products with new interface designs plus a video ...

"It is never easy to guess which technology is going to be a soar away success and which is going to sink without trace.
The Future Parc at the Cebit trade fair in Hanover is designed to showcase breakthrough technologies and we have asked a number of outfits to pitch their new bright idea to you.

All you need to do is vote on which one you think has what it takes to make it big and the winning prototype will be awarded a special Click start-up bursary of - a Click USB keyring.

Read the desciption below or see the products in question in our video.

Tobii Technology's eye catching mouse trap

This eye tracking system allows people with limited use of their hands to move a cursor around a computer screen just by looking at it.

The inventors believe the system could potentially kill off the computer mouse as navigating with your eyes is far quicker than using our familiar furry friend."    (Continued via BBC NEWS)    [Usability Resources]

Tobii No Mouse Solution - Usability, User Interface Design

Tobii No Mouse Solution

Monday, March 26, 2007

Interview: Persuasion Guru BJ Fogg

An informative interview about capitology ...

"BJ Fogg directs research and design at Stanford University's Persuasive Technology Lab , and is pretty much The Don of captology - the study of how computers can be used to influence people's behaviour.

We asked him a few questions about how internet marketers could be using persuasion techniques more effectively, as well as some of the more scary implications for individual web users.

In a nutshell, what is captology?

Captology is the study of how computers can change people’s beliefs and behaviours. By saying computers, that includes everything from websites to mobile phones to video games. Basically, how can machines shape humans’ behaviours.

Your research into captology included training your dog using clickers. What did you learn?

Yes, I used clicker training to train my German Shepherd - which was fun, but also a way for me to understand better how computers use reinforcement to change our behaviour. It was so interesting.

I went in with the premise that you can read about how reinforcement can shape animals’ behaviour, but you don’t really understand it until you do it, and that’s true.

One of the big surprises was how much timing matters. If the timing of the reinforcer is a fraction off, you reinforce the wrong thing – which is actually good for computers as they are very responsive and accurate. You can tell the computer that this is the exact moment to do the reinforcement.

Also, I learned how easily behaviour is shaped. I taught my dog how to pick up some toys and put them into a basket, from scratch, in ten minutes."    (Continued via E-consultancy)    [Usability Resources]

Does User Annoyance Matter?

Nielsen on making it easy on the user ...

"Making users suffer a drop-down menu to enter state abbreviations is one of many small annoyances that add up to a less efficient, less pleasant user experience. It's worth fixing as many of these usability irritants as you can.

So far this year, we've watched users shop on about 50 e-commerce sites. All but one of the sites violated a documented guideline for checkout design: they required users to manipulate a drop-down menu to enter their state abbreviations, rather than simply let them type in the two characters.

The exception was Amazon.com, which offered the faster and more pleasant typing option. Amazon thus confirmed that even though the average e-commerce site should not copy its overall design it continues to be the leader in complying with usability guidelines for individual design elements.

Knowing a better design exists made it painful to sit, day after day, and watch users fight with the mouse to scroll through the huge menu. Sometimes users selected the wrong menu option and then had to waste even more time with the drop-down. And, in this study, we mainly tested young, able-bodied users; the situation is even worse for elderly users, who have more difficulty with extensive, fine-tuned mouse manipulations. And it's worse yet for users with disabilities.

We observed the same problem again earlier this month when watching Chinese users shop on international sites: users suffered a lot of needless interaction overhead when trying to select "Hong Kong" from immense drop-downs containing hundreds of countries and territories.

Sites offer drop-downs for state abbreviations under the theory that doing so prevents input errors. But that's not true: menus are more error prone than typing because the mouse scroll wheel often makes users inadvertently change the state field's content after they've moved their gaze elsewhere on the screen. In contrast, everybody knows how to type their own state's two letters, and it's always faster to enter this information through the keyboard than the mouse.

(Regarding input errors: whatever the input method, sites should validate that the ZIP code/postal code corresponds to the state, province, or other locality entered by the user. Because postal codes are more error prone, you must use validation code on the backend, regardless of whether or not you use a drop-down for the state.)"    (Continued via Alertbox)    [Usability Resources]

IBM tool 'reads' Web video for blind

A new technology for helping blind read Web pages ...

"IBM has made a tool for Web browsers that will help the blind and visually impaired access streaming multimedia on the Web.

The tool, which works with Microsoft's Internet Explorer or Mozilla's Firefox Web browser, is designed to handle any file that is embedded in a Web site, including Adobe Flash or Windows Media files.

"Just because someone is blind, it doesn't mean they shouldn't be enjoying YouTube or MySpace or anything else like that," said Frances West, director of the Worldwide Accessibility Center for IBM.

The prevalence of audio on the Web seems like it would be an ideal addition for those with visual impairments, but it's not. Screen readers and talking Web browsers were designed mainly for translating text to voice and have yet to adjust functions to fully support multimedia, according to West.

When streaming audio or video requires users to click a Play button using their mouse, there is usually no keystroke alternative, and the controls are randomly placed on the screen, West said. If they can't press Play, they can't experience the multimedia.

In cases where the audio or video streams automatically once a page loads, the Web page's audio often interferes with a user's audio aids.

The multimedia browsing accessibility tool from IBM's Tokyo Research Laboratory will provide predefined shortcut keys to control multimedia on any given Web site. In addition to functions like Play and Rewind, users can control the volume and replay speed.

The tool will also read metadata, if the video creator includes it, that plays a screen narrative to describe what's going on in a given video. The function offers the same control as movies for the visually impaired. A person can select to listen to the original audio only or turn on the screen narration, according to West."    (Continued via ZDNet)    [Usability Resources]

Sunday, March 25, 2007

When words are not enough

Sun has new comics site.. This article discusses the successful use of those comics ...

"Today I wanted to share with you an interesting experience about using comics to help students with their first login to our e-classroom. Let me do by explaining a bit of background to the story. Many of the courses at out faculty are in some way or another supported by our e-classroom (based on Moodle) and so most of our students need the access to our e-classroom to get study materials or participate in other study activities. For their first login students are asked to enter their unique student number as their username and password (which they can of course change later). This works for most of the students, though some students (like those that enrolled after the official beginning of the study year) don't yet have an account created, because they weren't included in the transmission of student data from the faculty's information system. Yes sure, we could figure out a better way to automatically create student accounts, but the current system works well for most students.

Now, all I've just described above was clearly explained to our students on the first page of our e-classroom. We provided students with short and concise instructions on what they should do on their first login and what they should do (email our Center for e-learning) if that didn't work. We thought the instructions were clear enough, but a great number of students disagreed. We were getting a dozen mails per day by confused or frustrated students that couldn't get in the e-classroom and were asking for help. Many mails did not include the information we asked students to include when asking for help. And we saw that as a big problem. Clearly, too many students were not able to properly understand (decode) the given instructions. Also, they were experiencing confusion and frustration, which is definitely not something you'd want students to experience when first meeting a new technology. First impressions matter, right?

This problem has troubled me for some time. I was trying to think of better ways to explain the login procedure to students and the solution that helped to solve at least a bit of the problem was found almost by chance. I almost accidentally stumbled upon the post Design Comics Templates 1.0, Part I on Martin Hardee's blog, which provided wonderfully illustrated characters and scenes that can be used for comic storyboards. I immediately fell in love with the pictures and started thinking about ways in which I could use them. At first it was almost a joke, but I decided to make a short comic explaining the login process of our e-classroom. The pictures were perfect for this. I used Comic Life (the basic version comes free with Mac OS X) to create the comic and we decided to put them on the first page of our e-classroom, above the written instructions. The login page of our e-classroom now looks like this:"    (Continued via iAlja)    [Usability Resources]

Application of Comics - Usability, User Interface Design

Application of Comics

Word 2007: Lessons on usability

Discussing Word2007 usability ...

"Much ink and many bytes have been consumed in the debate of Office 2007's new interface.

Everyone agrees that the new look and feel of Office is a radical departure from the interface that Office has been using since its inception. From Office 2000 through Office 2003, the interface has been nearly untouched, other than some gradients and other beautification. Just what was the thinking behind the new interface?

It is no secret that Office (particularly Word) has been an application that users love to hate. You could often spend more time and effort trying to figure out how to format a block of text than writing the block of text. Word is the application that gets most of the attention, with Excel coming in a distant second. There is a good reason for this: Everyone uses Word and Outlook, many people use Excel, and far fewer people use Access, Publisher, etc. On top of that, the assumption is that Word should require little training or sophistication to use, since it is "simply" a word processor. Conversely, it's assumed that Access requires a trained or technically savvy user; it is a database, after all.

Except for Word, Outlook, and Excel, the Office suite applications are all special-purpose applications that users would need training or experience to use, regardless of their software choice. Excel often gets a free pass, because while a billion people use it as an ad hoc database, people tend to do a bit less with Excel than they attempt to do with Word. When they go for the advanced features, they expect it to be difficult. Outlook actually has always been fairly easy to use, except for the Word-powered e-mail editor and the initial configuration, which is no worse than any other e-mail client, due to the complexities of setting up e-mail. So today, I will take a look at Word 2007 and try to make sense of the usability decisions that went into it, and how the changes relate to usability in general."    (Continued via ZDNet Asia)    [Usability Resources]

Mouse Hover Shows Attributes - Usability, User Interface Design

Mouse Hover Shows Attributes

The Mind-Bending New World Of Work

Motion-capture going mainstream ...

"Motion-capture technology has burst out of Hollywood and into businesses from aerospace to advertising.

In a darkened loft in the industrial district of downtown Los Angeles, Gesture Studios CEO Kevin Parent slips on a pair of black gloves studded with iridescent white, purple, and yellow dots. Standing about 10 feet from a wall-size screen, he lifts his hands like a conductor. With a series of precise gestures, he calls up photos and videos of urban Los Angeles. Raising his thumbs and pointing his index fingers toward the screen as if miming a cowboy with two guns, he swiftly sorts the images, zooming in on certain buildings and playing snips of films depicting various street scenes. To pause the film, he extends one hand like a traffic cop. With other crisp movements, he can spin 3D objects in space or snatch a bullet point of text and drag it across the screen. "You just put on the gloves and go," Parent explains. "Think turbo PowerPoint."

The technology preview Parent arranged for BusinessWeek bears an eerie resemblance to a famous scene in Minority Report, Steven Spielberg's 2002 film featuring Tom Cruise as a cop under investigation for murder. Techies still talk about the wireless data gloves and clipped hand signals Cruise uses to sort through evidence on a giant screen at police headquarters. That interface is just what Gesture is selling to companies that create presentations at the 14,000 trade shows and conferences in the U.S. each year. The hardware and software will be priced from a few thousand dollars and up. Soon, anyone making a PowerPoint presentation to colleagues or business partners could operate the same setup, which uses cameras to track hand movements and translate them into computer instructions. The similarities to Minority Report are no coincidence: Gesture Studios is the brainchild of Massachusetts Institute of Technology wunderkind John UnderKoffler, who helped Spielberg's production team design the scene in the movie."    (Continued via Business Week)    [Usability Resources]

Saturday, March 24, 2007

Does Online Video Give Us a New User Interface?

Getting a handle on video search interface ...

"In Wednesday's SearchInsider, Aaron Goldberg looked at video search and what's going to be required for it to truly become an interesting advertising vehicle. Some of the speculation comes from Aaron’s musing about what might happen if Google purchased Blinkx.

To me, video search is one of the more interesting growth areas for search in the future. Currently, there are some restrictions on video search that are imposed by the current state of technology. Our ability to index video is restricted to the addition of metadata. For each video clip, someone must take the time to include the tags indicating what the video is about. As long as video search relies on this, the opportunities for advancement are extremely limited. But right now we’re advancing on several technical fronts to be able to index content and not rely on metadata. Several organizations, including Microsoft, are working on visual recognition algorithms that allow for true indexing of video content. Advancements in computing horsepower will soon give us the sheer muscle required for the gargantuan indexing task. Once we remove humans from the equation, allowing for automated indexing video content, the world of video search suddenly becomes much more promising.

When this happens, we move accessing information in a video from being a linear experience to being a nonlinear experience. Suddenly we have random-access to information embedded within the video. As mentioned, the technology is being developed to enable this, but the question is, will we as viewers be able to adapt to this paradigm shift? The evolution of video has been one that is coming from a linear, storytelling experience. Every video is generally a self-contained story with a distinct beginning, middle and end. This is how we're used to looking at video.

But when video search makes it possible to access information at any point in the video, how will that impact our engagement with that video? In the last 10 years, we've seen some fairly dramatic shifts in how we assimilate written information. We have moved from our past experience, where information was presented in very much a linear fashion in novels or books, to the way we currently assimilate information on websites. When we interact with websites, we "berry pick", hunting in various places on the page for information cues that seemed to offer what we are looking for. Assimilation of the written word is much more erratic experience right now. We move in a nonlinear fashion through websites, picking up information and navigating based solely on our intent and the paths we choose for ourselves. One of the greatest revelations in website design was that we can not restrict users to a linear progression through our site, much as we might want to control their experience."    (Continued via OutofMyGord)    [Usability Resources]

Microsoft's PhotoSynth - Usability, User Interface Design

Microsoft's PhotoSynth

Nokia attempts to patent rotating numeric pad

Getting clever with small devices ...

"Nokia has filed for a US patent for a mobile phone with a rotating numeric keyboard. No, we don't mean an old-style dial lookalike, but a numeric pad that can turn round to retain the correct orientation when the handset it flipped into landscape mode.

The application details what looks like a standard candybar handset. The clever bit comes when you rotate it through 90°: the screen slides up to reveal a QWERTY keyboard. We've seen this sort of thing before, but the novel component is the really clever bit: the numeric pad also rotates so that it's now in the same orientation as the QWERTY layout. Thus:"    (Continued via Reg Hardware)    [Usability Resources]

Nokia Keypad - Usability, User Interface Design

Nokia Keypad

Minuscule computers present a big problem for interface designers

Looking for the sweet spot ...

"Watching users fumble and nearly drop an early version of the FlipStart compact PC practically gave Robin Budd a heart attack. The culprit was the three-key sequence, Control-Alt-Delete, required to log off or reboot a Windows PC.

"They would be holding the device in one hand, and they would try to get their three fingers on the keys at one time," said Budd, senior director at FlipStart Labs, a venture backed by Microsoft co-founder Paul Allen. "You can do it if you're fairly nimble with your fingers, but it's sort of a tippy, precarious thing."

When the shrunken-down laptop goes on sale later this month, early adopters might get a kick out of FlipStart's solution: a dedicated key marked "Ctrl Alt Del."

The FlipStart, like other so-called ultra-mobile PCs, may give workers tools to do more from the road. At the same time, the Control-Alt-Delete problem is a reminder to electronics makers that the human body is not keeping up with ever-shrinking gadgets.

Manufacturers have not found "the sweet spot between small enough for portability and big enough to use and interact with," said Gregg Davis, a principal at Design Central, an industrial design company in Columbus, Ohio.

The FlipStart has a laptop-esque clamshell design, so that users tired of thumb-typing can set it on a desk and peck away and still see the screen."    (Continued via smh.com.au)    [Usability Resources]

Flipstart - Usability, User Interface Design

Flipstart

Friday, March 23, 2007

Information Expert Edward Tufte

Tufte called Leonardo da Vinci of data, the Strunk and White of graphic design, the George Orwell of the digital age ...

"When information needs to be communicated, Edward Tufte demands both truth and beauty.

... Tufte has demonstrated how confusing medical charts can lead to mistakes in treatment and how corporate reports that highlight years of rising revenue without adjusting for inflation can mislead investors. He has shown how a lawyer used a simple spreadsheet to defend mobster John Gotti and how 19th-century physician John Snow used detailed maps of London to pinpoint the cause of a cholera outbreak. Tufte is credited with turning chart-making into a discipline with intellectual credibility and moral weight. His course attracts not only visual professionals but also scientists, engineers, journalists, doctors, attorneys and financial analysts—pretty much anyone who analyzes and presents data.

In his lectures and books, Tufte invokes a variety of thinkers who have been models of precision, withering analysis and clarity. But his hero, “the master,’’ is Galileo, the mathematician and astronomer who challenged fiercely held misconceptions about the world by the simple, unprecedented act of looking at the sky through a telescope and drawing what he saw.

Beautiful Evidence opens with the words of a Galileo friend and patron, who wrote that those drawings “delight by the wonder of the spectacle and the accuracy of expression.’’ Tufte returns to the images again and again: sunspots, Jupiter’s moons, meticulously annotated diagrams of planets and stars. He says Galileo’s first published observations of Saturn’s rings, with word-sized sketches inserted mid-sentence (see below), “may be the best piece of analytic design ever done."

... “We adore him, says Nicolas Bissantz, managing director of Bissantz & Company, a software firm in Nuremberg, Germany. Bissantz stumbled onto Tufte’s books (in English—they’ve not been published in translation), and got so excited he developed software that makes Tufteizing a chart almost as easy as, well, creating a PowerPoint show. The software uses a Tufte idea for compressing huge amounts of data—say, the fluctuations of the exchange rate over several years—into a word-sized graphic called a sparkline."    (Continued via STANFORD Magazine)    [Usability Resources]

Sparklines - Usability, User Interface Design

Sparklines

Design starts with Proposition (ergo Usability)

Designing from the proposition down ...

"Here’s a typical story.

A project is in its final phases when it gets to the part of the Gant chart that says ‘usability testing’, and so they do.

People come in and are asked to perform tasks, and so they do, with greater or lesser degrees of difficulty. And yet, something else is wrong.

It’s not so much that they *can’t* use your website, it’s just that they don’t want to.

People ask me all kinds of questions about usability. What are the most common usability problems? What’s the best way to make sure our site/application/system is usable? That kind of thing.

It’s pretty clear when they ask these questions that they’re thinking on the presentation layer. Is that button in the right place? Is it big enough? Has it got the right label.

Now, don’t get me wrong, the presentation layer is important, but it’s not the biggest usability problem I see in my work. The biggest problem is that you’re designing something that people don’t care about. You’ve got your proposition wrong.

What’s your proposition? Well, basically it’s the value you’re offering to your customer. Are you offering something they want? Are you solving *real* problems for them? You’d be amazed how often this is not the case, and how often people don’t know about this until they’re about to launch their product or, worse still, once it has launched and is failing."    (Continued via disambiguity)    [Usability Resources]

Designing From The Proposition Down - Usability, User Interface Design

Designing From The Proposition Down

Who needs a virtual keyboard?

Using new mthods and materials for UI ...

"Usability experts have long held that it's important to give users a familiar interface when you introduce a new product. This month Peter argues in favor of exploring the unique potential of the Web medium, rather than reproducing the limitations of physical objects in hyperspace.

During a recent snowstorm, the two largest Denver newspapers, the Rocky Mountain News and The Denver Post, gave readers free access to their respective electronic editions. As is still true of many primarily print media sources, the electronic edition of each paper is essentially a careful facsimile of the print edition, but delivered as a Web page. The decision makes sense in terms of giving users a familiar interface, but in practice this approach doesn't always work as it should.

For starters, what font size should such a display use? A font size that can capture the contents of a full-size newspaper on a 12-inch laptop screen will be illegible, but a larger font size will force the user to scroll in two directions to see all the content. Worse, the online edition has to make extra room for advertisements. I'm on a huge widescreen display, so the largest allowed size for the Rocky Mountain News came out to roughly a third of my display. Still, when I view an article, even on a fully maximized browser window, I get a left-right scrollbar for reasons unknown.

I've seen other interfaces run into similar issues, and I've come to the general conclusion that trying to imitate the functionality of a physical object on a Web page (or in any other user interface) can be more annoying than pleasant. This month, I'll look at the pitfalls of familiarity as a basis for Web design.

Familiarity breeds what?

Usability people love to harp on the value of using familiar interfaces to help users adapt to new products. While good in theory, in practice this approach sometimes does little more than breathe new life into bad ideas. Just because I've seen something before does not mean I want to see it again -- ever!

QuickTime's thumb-wheel interface to control volume, for instance, was abysmal, not because I couldn't figure out how to use it, but because using it was awkward and inconvenient. Thumb wheels are great for objects that you adjust with your hands, but they're horrible as a GUI element. QuickTime has since lost that particular element, to Apple Inc.'s credit.

Another example is the virtual keyboard. Used for input, these elements are consistently hated. The entire point of a keyboard is that you type on it. A virtual keyboard that requires you to type with a mouse is a poor substitute. Even the most untrained typist can type with more than one finger, and real fingers are much easier to aim than mice."    (Continued via IBM: The cranky user)    [Usability Resources]

Thursday, March 22, 2007

The semantic web comes to cars

Peer-to-peer communications from your car ...

"In-car navigation systems exist for some time now. But BBC News reports that a new German project, dubbed SmartWeb, will use the semantic web and peer-to-peer networks to interact with drivers. This system, which is currently in its development phase, will use speech recognition and human gestures as interfaces. And it will warn drivers about jams and dangers. For example, a car detecting slippery conditions will pass the information wirelessly to all the vehicles following it. The drivers will be informed via their dashboard screen or a GPS-equipped mobile device. But the SmartWeb will also transmit other kinds of information to drivers, such as parking availability or speed traps.

Before going further, below is a picture showing how a motorbike driver would be informed of a danger ahead by a car in front of him (Credit: Wolfgang Wahlster). This picture has been picked on page 31 of a presentation given by Wahlster at the "50 Years Artificial Intelligence Symposium" held in Bremen, Germany, in July 2006, "Three Decades of Human Language Technology in Germany" (PDF format, 36 pages, 1.72 MB). You also should take a look at page 28 for a picture describing a dashboard interface telling a driver where the next speed traps are."    (Continued via Roland Piquepaille's Technology Trends)    [Usability Resources]

Peer-To-Peer Connection - Usability, User Interface Design

Peer-To-Peer Connection

Colorblindness - A Usability Guide for Commercial Applications, Part 2

Selecting colors that everyone can see ...

"There are restrictions against colorblind people holding certain positions in our society, but colorblind people sometimes get around those restrictions. Low and no-cost common-sense modifications can be made, and should be made, to reduce the impacts on society from a minor handicap that is often no more than a fashion inconvenience for those afflicted with it.

Colorblind people represent a significant but often neglected talent pool and consumer segment. Ten percent of Caucasian American men but less than one percent of women are estimated to have some form of colorblindness. Identifying opportunities to make products usable by as many people as possible, without degrading