"I didn't know where to go for a clock, I needed hints...there were other things that were clock related that were confusing..." (P2)The two major obstacles to users' success locating clocks:
"It took too long to add a clock, it was tough." (P3, P9)
"There were a lot of menus, a lot to go through." (P3)
"The sheer number of possibilities for where a clock could be surprised me...if I had to do it again I'm not sure I'd know how or if I could find clocks again." (P2)
"Some things were accessible that a novice user would not want or need, but other simple things were buried deep...you had to go far in to access something like clocks." (P4)
The multiple ways to add a clock to the panel, shown below, all involve going to the Applets menu and in some cases using the right-mouse button as well.
Despite the multitude of ways to find a clock, there was a strong pattern among users' expectations of where to find clocks. Only 1 out of 12 users went directly to the panel to add a clock, adding it by right-clicking on the panel and choosing Panel > Add to Panel > Applets > Clocks. It took one user, who in previous tasks demonstrated familiarity with the right-mouse button, 10 minutes of unsuccessful searching before he thought to right-click on the panel.
All remaining 11 users looked for a clock elsewhere. Of those, 8 looked in the Settings menu. One user, who received a hint while in Programs > Settings that clocks were not in the Programs menu, looked two more times in the Settings menu before moving on. This confirms the strong expectation users had that clocks should be in the Settings menu.
In addition to the Settings menu, 3 users clicked the Control Center icon, searching the Control Center for clocks until they received hints from the study moderator that no clocks existed in the Control Center.
Two users, given hints from the study moderator to look at the panel, were unsure of how to add a clock even as they moused over the very options that would let them complete this task. Both were guided to the panel and went to the GNOME Main Menu (foot) > Panel > Add to Panel, but were not convinced they had found a successful way to add a clock. They did not open the Applets submenu where they would have found clocks.
Applets Menu:
Relevant Usability Principles: Match between system and real world.
Once users found the clocks, they unanimously commented that the menu title "Applets" was confusing. Most said they didn't know what the term "applets" meant, and some guesses included:
"They have something to do with Java?" (P5, P7, P11)When asked how they would categorize the items in the Applets menu, users responded:
"Small applications?" (P2)
"Little programs?" (P9)
"Something that runs in the background?" (P1)
"A bunch of random things not in one category." (P5)
"Accessories" (P9)
"Settings or utilities" (P5)
"Additions, add-ons" (P6)
When asked what she perceived as the biggest stumbling block to successfully adding a clock, P9 responded, "I didn't know what 'Applets' were." She commented that the name seemed too technical, "like it would open a scary black screen."
Design Recommendation: There is currently a discussion taking place on the GNOME usability mailing list about applets, gagdets, and panel gagdets. We feel this discussion is going in the right direction towards addressing the issues raised in this usability study around the Applets menu. We recommend referring to and becoming involved in that discussion.
Clock Names:
Relevant Usability Principles: Match between system and real world.
Users were surprised by the number of clocks available in the Clocks menu. They were also confused by the names of the clocks.
Clock menu
Repeatedly, users commented that names such as "Afterstep Clock" and "JBC Binary Clock" were not meaningful or informative. Most laughed and/or were confused when they saw "Another Clock" as well as "Clock" as a menu items. Comments include:
"[These names] don't mean anything to me." (P2)
"These clock titles are confusing." (P3)
"The descriptions of the clocks aren't very good." (P5)
"I don't know what 'Afterstep' is...what 'Clock and Mail Check' is. These [names] are not clear." (P2, P7, P8)
"You could probably do better [naming the clocks]." (P11)
Users were looking for a clock that displayed the time and the date. The clock names did not convey which clock might be the correct choice. Most arbitrarily chose 'Another Clock' because they already had a clock on their desktop in the top menu bar.
Design Recommendation: We recommend simplifying the Clocks menu by removing some of the clocks. User do not need that many choices. For any clocks that remain in the menu, we suggest renaming them with more meaningful and descriptive names.
Confusing Submenus:
Relevant Usability Principles: Aesthetic and minimalist design.
Menu titles for submenus are implemented inconsistently. Throughout the desktop, several submenus have titles containing the name and icon of the parent menu.
Programs submenu has menu title.
Applets submenu has no menu title. Items in Applets have menu titles.
Users found this information redundant and confusing, commenting:
"The repeat of menu titles could be confusing." (P11)
"What does the foot mean? Why is it duplicated in the toolbar and in the Programs menu?" (P7)
"Why is the same icon used for Programs inside its own menu?" (P7)
"Its confusing that the same icons are used in different places." (P7)
Users also repeatedly clicked on these headers and in doing so repeatedly lost and had to reselect the submenu. Roughly half of the users encountered problems with this throughout the study, continuing to accidentally dismiss menus even after encountering the problem in earlier tasks. Frustrated comments included:
"Nothing happened!" (P5)
"I don't like that." (P7)
"Why does it have that title?" (P8)
"[The title] won't take you anywhere?" (P10)
"It all went away. That could be confusing." (P11)
Design Recommendation: We strongly recommend implementing submenus so that clicking the menu title does not dismiss the menu. If this is not possible, then we recommend giving the menu titles better visual affordance so it is clear they are not the first selectable items in submenus. Approaches to create greater visual affordance can include displaying menu titles in a bold font, using a thicker line to separate menu titles from menu items, or removing icons that appear beside menu titles.
We also recommend consistently implementing menu titles for every submenu. To be consistent, the Applets menu should be implemented with its own menu title.
Next we asked users to further customize their panel by removing a clock from the panel.
Contextual Menu:
Relevant Usability Principles: Accessibility.
The functionality to remove an item from the panel is only available in the contextual menu (invoked by clicking the right mouse menu). This negatively impacted the amount of time it took for users to successfully complete the task of removing an item from the panel. 4 out of 11 users required hints and spent over 10 minutes trying to remove an item from the panel. One user explored for 12 minutes, searching for a way to remove a clock from the panel. This user needed a hint that "there are two buttons on your mouse". Another user, who was successfully using the contextual menu to complete tasks after receiving earlier hints about the right mouse button, searched for over 10 minutes and required 2 more hints before he succeeded to remove an item from the panel. We heard the following comments:
"There should be another way to do it, I expected some options if I clicked on the clock." (P1)
"It doesn't occur to me to use more than one button. [Removing an item] was difficult because I'm not used to different mouse buttons; I rarely use the middle or right button." (P6)
"I've had 15 years of Macintosh experience and 3 years of PC and I didn't think of the right button menu." (P4)
Design Recommendation: We suggest duplicating the "Remove from panel" menu item somewhere in addition to contextual menu. Hiding this option behind the right mouse button penalizes users who do not use more than one mouse button. Everything in the contextual menu should be duplicated somewhere accessible without using the right mouse button.
Icons in Menus:
Relevant Usability Principles: Aesthetic and minimalist design.
One user tried to remove a clock by right clicking on it, going to Add to Panel > Applets > Clocks and selecting the clock again. She thought clicking the clock in the menu would turn off the clock she had on her panel. She thought the menu item was a toggle switch to turn clocks on and off because only some of the clocks in the menu had icons.
Clock menu with inconsistent icons
She thought the icon appearing had something to do with whether a clock was "turned on" or not. As a result, she ended up adding multiple clocks to the panel. Another user commented,
"I don't know why some don't have icons." (P10)
Design Recommendation: When icons are used in menus, it is recommended that all menu items have icons. If an icon does not exist for a particular menu item it is recommended that a generic icon be displayed, rather than no icon at all. It is important to be consistent so that users do not get confused or think there is a bug with the system.
Once users customized their panel, we asked them to change the image on the desktop background. Users successfully navigated to the area that would allow them to accomplish this task and, for the most part, they succeeded at changing the background. One user's experience did highlight an area where the Background Caplet UI could be made more intuitive.
Desktop > Background Capplet:
Relevant Usability Principles: Direct manipulation.
Desktop > Background capplet
P11 tried to change the desktop background to a color instead of using a pattern. He commented that selecting 'none' in the the 'Wallpaper' pull-down before selecting a color was not intuitive. He also commented that he found it difficult to discern whether 'Wallpaper' or 'Color' had focus and which selections would be applied. He commented that he would "like it to be one way or the other".
Design Recommendation: The relationship between 'Wallpaper' and 'Color' needs to be presented more clearly. 'Wallpaper' and 'Color' are mutually exclusive, yet they are not presented in a distinct way. One suggestion is add 'Wallpaper' and 'Color' radio buttons to the top of the capplet. This would allow a user to state whether he or she was applying a wallpaper pattern or a color. Currently, if users wants to apply to color they have to first select 'none' in the 'Wallpaper' pulldown. It is not intuitive to go to 'Wallpaper' when the desire is to manipulate 'Color'. Selecting 'none' in the 'Wallpaper' pulldown has the effect of toggling between 'Wallpaper' and 'Color'. It could be more straightforward to pull this step out of the 'Wallpaper' pulldown, where it was confusing and difficult for users to find, and to present it at a higher level using radio buttons.
The confusion in the Background capplet is caused by layout and UI design issues. We recommend involving a user interface designer to redesign how users select and apply wallpaper patterns and colors to the desktop background. Developers are encouraged to ask UI design questions or solicit feedback on the usability@gnome.org mailing list or the #usability channel on IRC.
The last customization task we asked users to complete was to change the size of the font on their screen. There are three different locations in which to change fonts in GNOME:
In order to change all of the fonts on the screen, a user must change the fonts in all three locations, but we did not tell users this.
Instead, we let them try and observed how they thought it could be accomplished, then, depending on time we either guided them to one of the remaining two locations or told them they had not completed the task yet. Then we got their reactions about the fact that there are three locations.
While users looked for a place to change fonts, they commented that they were looking for "properties", "settings", or something that said "font size". The majority of users went to the Control Center on their own, several getting there through the Settings > Desktop menu.
Overwhelmed by the choices in the Control Center, users needed hints to go to Sawfish > Window Manager > Appearance or Desktop > Theme Selector. One user admitted,
"I would never have guessed 'Theme Selector' for fonts." (Pilot)
Sawfish Window Manager > Appearance Capplet:
Relevant UI Principle: Direct manipulation.
Appearance > Sawfish Window Manager capplet
Even with hints, poor UI design and layout kept users from finding what they were looking for. One user spent almost 10 minutes in Sawfish Window Manager > Appearance and never saw the Browse... button to bring up the font selection dialog. Another, who received a hint, while lingering in Sawfish Window Manager > Appearance, said:
"At this point I'm frustrated...I was in the right window and didn't even know it. Where am I?" (P5)A third, who went to Sawfish Window Manager > Appearance and clicked the Browse... button said:
"I'm still not sure what I'll be affecting." (P8)So even when they found something that seemed like the correct choice, users were not convinced that they would be able to successfully complete the task.
Users commented that they were confused about how the font information was displayed as a text string in a field in the Sawfish Window Manager > Appearance capplet. Their comments revealed that they expected to see something more clearly labeled "Font".
Design Recommendation: We suggest replacing the text field containing the string of font information with something more intuitive to users. The current representation looks like the string of code the system uses. This is an example of where the system architecture is getting exposed at the user level and confusing the user. It would be more intuitive to simply say, "Helvetica, medium. 12pt". We recommend looking at the way popular word processing applications display font information.
Desktop > Theme Selector Capplet:
Relevant UI Principle: Direct manipulation.
Desktop > Theme Selector capplet
Those users who attempted to change fonts in the Desktop > Theme Selector capplet were also confused by poor UI design and layout. Several found the "Use Custom Font" checkbox "annoying" and "not useful". One said it was difficult to discern if the checkbox was on or off. Two users overlooked the checkbox entirely. Their eyes went directly to the large grayed out font button and they concluded that the button "was not an option" for changing fonts because it was grayed out and they did not know how to select it. Again, a user looking at the right area of the desktop, cannot complete a task because of confusing design and layout of the UI.
Design Recommendation: The font information in the Desktop > Theme Selector capplet should be represented the same way it is in Appearance > Sawfish Window Manager capplet. This, the large font button should be removed. We also recommend removing the Use Custom Font checkbox if at all possible because most users did not see it.
After users changed the font in one location, we told them there was another place to change fonts in the Control Center. Depending on time, we either let them explore to find the other location or guided them to it. We had them change the font in this second location and pointed out that not all the fonts on the screen had changed. Several users commented on the redundancy between the information in Sawfish Window Manager > Appearance and Desktop > Theme Selector. We then told users that there was a third location to change fonts and heard the following reactions:
"Why is that? Why would I have to go to separate places? Why would you make it that difficult?" (P8)
"[That's] unnecessarily complicated, why not have it all in one place?" (P2)
"That is cumbersome. I wouldn't like it. It is annoying to have to go to three different places for fonts." (P7)
"I don't like that, its not straightforward. I'd want all three of those [fonts] in one place. I wouldn't expect to go to three locations to change the font." (P9)
Users expect to go one place for fonts, make one change, and have it apply to the whole desktop. The fonts example illustrates how users will become frustrated and confused when the underlying software architecture is exposed at the user level. The system architecture forces users to go to three locations to change fonts. In users' minds changing fonts happens magically with respect to how the system actually works. They just want to go one place and deal with fonts. We have to design to that model. We can't burden them with the distinction between fonts in the window manager, fonts in the current selected theme, and fonts inside Nautilus themes. We can't let the development process, of componentized, modularized pieces from different origins, permeate up to the user's level.
Control Center Impressions:
While users were in the Control Center changing the background, we solicited feedback on the Control Center. As they explored the Control Center they encountered unfamiliar terminology and comments included:
"Pilot conduits. URL Handler. Theme Selector. Don't know what those are." (P9)More general first impressions of the Control Center included:
"I don't know what Doc Handlers are." (P8)
"MIME Types. No idea." (P10)
"I don't know what 'Crux Gtk+ Theme' is at all. 'Sawfish Window Manager'? I don't know." (P3)
"I don't know what the 'Window Manager' does. 'Frame Style'? 'Themes'? I actually have no idea." (Pilot)
"Some of this terminology I have no awareness of." (P4)
"[This is] not stuff you know. I don't think it should be there...it should be condensed...to an advanced area." (P10)In response to questions about how the users felt about all the choices for controlling the appearance, we heard:
"There should be an advanced panel to hide stuff." (P11)
"I'm not sure I'd use this Control Center all that much." (Pilot)
"This is more control over appearance than I am used to." (P2)
"I'm not the type to do a lot of customizing. I'd call an admin." (P5)
"This is too much for somebody who [is a novice]...they'd be overwhelmed." (P7)and one user, who looked in the Sawfish Window Manager > Appearance capplet for the first time said:
"Oh God no, [this is] a bunch of stuff I probably don't want to know." (P9)
"There is too much...[some people] would be overwhelmed."
"There is too much stuff on the screen."
"There is a lot to digest, it could be intimidating."
"I didn't know where to look."
More than one user made the suggestion that some of the information "should be condensed down into an advanced section."
Design Recommendation:The Control Center needs a major redesign to address all of these issues. This work is already in progress and those involved need to bear these quotes in mind while creating a new design.
Send feedback to Sun-GNOME-HCI@sun.com