The WebQuilt Visualization - Nodes are visited web pages, and arrows are the traffic between the pages. Entry pages are colored green, and exit pages cyan. Thicker arrows represent heavier traffic. Arrow color is used to indicate time spent on a page before transitioning, where the closer the arrow to red, the longer spent in transition. The designer’s path is highlighted in blue. The zoom slider interface along the left hand side is used to change the zoom level. The checkboxes along the bottom indicate which participant paths are currently displayed, and can be used to add and remove paths from the display
Here, half of the users have been filtered out of the display
Zooming in to the upper left hand corner, we can see that nodes are now thumbnails, and more detailed path transitions are visible
Zooming in further to the start node, the page design is visible, arrows become translucent and originate from the links clicked, the url of the page can be read Browser back actions (back arrow) and (computer with ?) navigational actions that the system cannot yet identify a location for, such as form buttons, dynamically generated links are represented by little icons on top. Navigation is done by selecting a node or group of nodes and zooming in/out or panning with gestures
If we look at the view again…
Specifically lets look at these nodes on the left. we find that they are users that chose to backtrack after finding the safety information in order to find the dealer locations. Designers can use behavior information such as this to recognize places where better navigation may shorten this path, for example by providing more obvious links to remove unnecessary transitions. One of these users exited the task on a page un-related to the task (vehicle insurance and loan calculator).
These two users found the correct information, but for the wrong car model year. lack of enough contextual cues for the user to realize they are not on the correct path.
These two pages, where a lot of time was spent before transitioning, are long (see size of scrollbar) that users spent a long time on before transitioning to the next page. Because these two pages were in the “designer’s optimal path” it may be important to consider how much time should be spent. In particular, users spent a long time reading before they decided to click on the specs button and a few users made a few wrong clicks before returning and continuing on with the “specs” link.
Ping pongers – another simple task asked users to find a piece of information on the casa di fruita website most users found the information (top links) but one users went off into ping-pong land. *note* this is an image from an older rev of webquilt, and has a logfile format we no longer support, hence the crappy rendering and arrows not connecting to links
5 lab users
5 remote users
18 total unique issues identified (some issues appear in more than one category.) Those in bold are found w/wq remote usability testing All issues found with lab, only 7 unique found with webquilt HOWEVER, 7 of the 9 site design issues were found, including 3 of the 4 higher severity issues. Webquilt methodology also revealed some problems with the test design and device via questionnaires.