Mapping China

School of Information Management & Systems
B e r k e l e y


SIMS 213

User Interface Design and Development


Project Overview

Assign 1
project proposal

Assign 2
personas, goals, and task analysis

Assign 3
Scenarios, Comparative Analysis, and Initial Design

Assign 4
Low-fi Prototying & Usability Testing

Project Presentation (powerpoint file)


Assign 5

First Interactive Prototype

Assign 6
Project Heuristic Evaluation

Assign 7
Second Interactive Prototype

Assign 8
Pilot Usability Study

Assign 9
Third Interactive Prototype






Assignment 8: Pilot Usability Study

  1. Introduction
    • The system being evaluated
    • Purpose and rationale of the study
  2. Method
    • Participants
    • Apparatus (the equipment used and where)
    • Tasks
    • Procedure
  3. Test Measures
    • What was measured and why
  4. Results
  5. Discussion
    • What we learned from the pilot study
  6. Formal Experiment Design
  7. Appendices
  8. Work Distribution


1. Introduction

Mapping China is a web-based tool to help business-savvy students and professionals conduct quick, high-level market research about China. The application offers overviews of industries and sectors, lists of companies by industry and sector, basic financial statistics for featured companies, and breakdowns of top players by sector. Along with this, we offer an interactive tool to help users visualize company relationships with other companies. This tool allows users to select a company and graphically see its links to owner companies, merged/acquired/ divested companies, strategic partners, and competitors, and read summaries of relationship details and product offerings.

The purpose and rationale of our pilot usability study was twofold: to see how the design, content, and navigational flow of our second interactive prototype performed with three proposed user task scenarios, and to formally test for the first time our relationship visualization. We were particularly interested in seeing how users liked the tool overall, how intuitive they found the control buttons and symbol legends, and what problems or bugs they might uncover.

The prototype used in the pilot usability study is located here:
http://dream.sims.berkeley.edu:8080/MappingChina/index.jsp


2. Method

Participants
We selected three participants, two of whom were totally unfamiliar with our application. The third was one of our low-fi prototype test participants. We did this in order to get completely fresh reactions to our application, and yet also benefit from the feedback of someone who had been part of the original concept development process. All of the participants are males between the ages of 26 and 34; two are master’s students at the School of Information Management and Systems at UC Berkeley who have an interest in business, while the third (the low-fi participant) is a graduating MBA student at UC Berkeley with particular interest and expertise in the wireless telecommunications industry in China.

Apparatus
All tests occurred at the School of Information Management and Systems. The first test was conducted in a quiet classroom after school hours, while the others took place mid-afternoon in the conference nook of a computer lab used by many SIMS students. We used a lap-top computer with wireless connectivity to run the tests because our relationship visualization uses Flash 7, which is not loaded on the school’s computers. We started with a Mac, but ran into problems with links, for some reason; we then switched to a PC and had no further problems.

Tasks
Because the scope of our project had changed significantly since the low-fi prototype was tested, we created new task scenarios for our pilot usability study. These scenarios, and what we were looking for during their testing, are as follows:

-- Task Scenario 1
You are interested in job or internship opportunities in the Chinese wireless industry but aren’t sure if you want to work in China or just work for a company that has close ties with Chinese companies. Your task is find out where some of the major telecom firms are located in China (China Mobile, China Unicom, China Netcom, and/or China Telecom) and which non-Chinese firms have connections with them.
Functionality Tested. For this task, we first looked to see if users could navigate easily to the company overview pages to find company locations. We also wanted to get user feedback on the general content of these pages (overview, statistical information). We then wanted to introduce users to the relationships visualization and see how quickly they could understand what the tool could do and how well they could manipulate the various controls.

-- Task Scenario 2
You have just scheduled an interview with China Telecom. As part of your interview preparation, you want to make sure you know as much as possible about the company’s products and competitors. How would you go about finding this information on the MappingChina site?
Functionality Tested. This task tested how easily a user could produce a specific type of relationship visualization (competitors) and, in particular, product/service information using the visualization tool. Because the resource we used to collect our data lists a company’s specifically-named products and the competitors for those products, rather than the general types of products the two companies offer and compete with, we linked products to the competitive relationship. However, we were concerned that this might be too indirect a way to show product information.

-- Task Scenario 3
You are writing a paper on the wireless industry in China and want to find out what the various sectors are and how they compare to each other in terms of market cap and number of companies. You also want to see who the top players are in each sector and how they relate to companies in other sectors in terms of contracts and alliances.
Functionality Tested. This tested whether users could navigate to the sector pages to find the market breakdowns and top players. It further probed the users’ understanding of how to use the relationship visualization, and whether they would use the sector pages or the visualization to find market caps.

Relationship Visualization Tasks
In addition to the three task scenarios, we had participants work through 13 short test questions that explored the range of options offered by the visualization. For this, we wanted to see how quickly and easily users could find certain information, and whether signposts to that information were adequately clear.

Procedure
Three Mapping China team members were present at two of the tests, and two team members were present at the third test. Team members functioned as facilitator, observer/note-taker, and observer/time-keeper. (For the third test, the note-taker was also the time-keeper.) We wrote a script that the facilitator read to each participant. After reading the introduction and before proceeding to the usability test, the facilitator had participants read and sign a consent form. We did not audio- or video-record the tests. The facilitator then stepped the participants through each scenario and visualization task, and the observer recorded participant actions, navigational “errors,” and other responses. The time-keeper kept track of how long it took participants to work through each task. After completion of all tasks, we had participants verbally answer a brief questionnaire about the features of the site, its navigation, and what they found most problematic and what they most liked.


3. Test Measures

The test measures we used were time and number of errors. We timed each participant for how long it took to complete each task scenario as well as each visualization task. "Errors" were considered to be a glitch of some sort in the navigation or functionality of the site, not user errors. These “error” events will be used to make design improvements to the interface.

 


4. Results

The top three issues uncovered by our pilot usability test dealt with home page content, overall site navigation, semantics, and usage issues with the relationships visualization.

Our home page still needs a lot of work. We have a drop-down box listing all industries, but the “Featured Companies” list shows only telecommunications firms. One participant was confused by the image of the relationships map. Two others clicked on the circular, map-diagram icons next to the MappingChina banner thinking they were navigational buttons. One user clicked on the red bulleted text thinking it was also a navigational link.

We are still not achieving optimal navigational flow. Users can’t get back to a company page or the home page from the relationship visualization page. There a multiple ways to navigate the site, but not all directions produce the same results. The “View Companies By Industry” link takes the user to a list of companies arranged by industry and sector; however, the left sidebar industry drop-down takes the user to an industry overview page with sectors listed along the left sidebar. We need to think more whether this could be problematic. Other participants did not understand what the left sidebar “sectors” box did, thinking it might be a site-wide navigational menu. Users could not really see how to access sector information.

Indeed, none of them really understood what “sectors” even meant. They all interpreted it as being synonymous with “industries,” rather than being subcategories of particular industries.

Our visualization could use a lot of tweaking. Users didn’t understand which views they had available or how they got those views. There were many minor issues as well: sometimes the user had to click multiple times on a company circle to select it; the visualization in general was considered “busy”; the actions that the various buttons achieved were not immediately apparent; and users didn’t always realize that the visualization centered on one company and that they could switch the focus to another company.

 


5. Discussion

We learned a number of things from the pilot usability study:

1. There are differences among users and their computer abilities and aptitudes. More advanced users tended to figure things out on their own; lower-level users became frustrated more quickly with some of the tasks.

2. We need to make the site more clear, both in terms of navigational flow and content description. The visualization might be simplified, with different views clearly described and features parceled out among the different types of views, rather than having a lot of data shown at one time.

3. We discovered that timing the task scenarios didn’t give us any usable metrics because the users all progressed through the site at their own pace. Timing reflected the user’s personality more than the functionality of our site. The visualization test timing was a little more successful, as users had already worked through the task scenarios and so were more familiar with the site’s functionality; but task times still reflected the willingness of the user to complete the tasks. One user abandoned tasks more quickly than the others.

4. All of our users felt that the site’s content, other than the visualization, was too generic to be truly useful. They wanted more in-depth analysis. But all could see the value of the relationship visualization feature.

5. Many errors were caused by bugs in the coding. For future testing, the prototype should be as highly functional as possible.

 


6. Formal Experiement Design

Problem
Based on the experiences of the participants of our pilot usability test, we would like to experiment further with different design presentations of the relationship visualization. Currently, the diagram shows, on one screen, the relationship graphics (circles representing companies and industries, with lines between them indicating the relationships, and text labels showing the names of companies and sectors), selector boxes for viewing different types of relationships and relationship paradigms (all companies/sectors or only companies with relationships), a symbol legend, and text boxes listing relationship details such as product names and descriptions, dates and nature of strategic alliances, etc.

In short, the visualization presents a good deal of information in one screen area. This posed somewhat of a problem for our pilot usability test participants. All commented on the substantial amount of data being presented and expressed difficulty figuring out how to fully manipulate and understand it. While this could be because all of the users were new to the visualization who might become more comfortable with it over time, we still pondered how we could minimally change the design to make it less overwhelming, for both new as well as seasoned users.

Solution
We came up with a possible solution that would separate the graphical data from the text data, which we would move to a table at the bottom of the screen. This would have several benefits:

• It would allow users to focus on the company interactions;
• It would provide a separate area for the text data, which our users didn’t fully notice because manipulating the company circles took all their attention; and
• It would allow more room for the visualization, which currently crowds its allotted space.

However, it would also have some drawbacks:

• Users would have to scroll down to see text detail, whereas currently this information is right next to the visualization;
• If a company has many relationships, the table could become very long; as currently designed, details for only one relationship show up at one time; and
• The purity of the visualization would be compromised.

Hypothesis
We believe that separating the graphical and the text data will simplify the visualization and help users accomplish tasks more quickly and efficiently.

Experiment Design
Our experiment would test whether the overall benefits of separating the text from the graphical data outweigh the drawbacks. We would select a user group, have them perform a specified set of tasks on both of the UI designs, measure their completion times and numbers of errors, and then compare the two performance sets. Based on this, we would assess our hypothesis and make any required design changes.

User Participants
A test pool of 12 users would be adequate for our purposes. Because we noticed some variability among our pilot usability study participants according to computer proficiency level, we would group users according to two skill levels – one more basic, one more advanced. Although our experiment falls naturally into left brain/right brain testing conditions, we would not control for this at this time.

Tasks
We would have users perform the same visualization tasks as our pilot usability study participants. (See our Script and Questionnaire document, in the Appendix.) These are 13 tasks that ask users to find a certain piece of data.

Task Order
We would group the users by skill level. 3 users in each group would start with the table design and 3 with the current (sidebar) design. We would then switch the designs and have users perform the tasks again.

Metrics
We would track task completion times and error rates for each task, then calculate averages for each design.

Evaluation of Results
If the completion times and error rates for the table design outperform the sidebar design, we would have proven our hypothesis. However, factors that would contribute to the uncertainty of our conclusion would be the small number of users in our experiment, the varying levels of skills of those users, and any differences due to left brain/right brain strengths. This last factor could be a considerable factor: the table design might work better for left-brain users, while the sidebar design might be preferable for right-brain users.