User Study Case 3: Multi-line chart (Final outcome only)

Note: a mock dataset is used for anonymization.

Desktop version

Size: 930px × 835px

Smartphone version

The visualization designs are not responsively scaled to preserve the absolute sizes.

User's outcome

Size: 380px × 490px;
User satisfaction rating: 4 (satisfied)
Suggestion taken: #1
Edits made
  • Resize with the user-specifed size.
    This includes resizing and proportionately repositioning text elements.
  • Modify the size, appearance, and position of the text annotation.
  • Modify the appearance of the mark labels (letter stroke).
  • Modify the appearance of the axis grids (color and stroke width).
Notes

Edits made by the recommender.
Manual edits made by the user.

Thumbnail version

The visualization designs are not responsively scaled to preserve the absolute sizes.

User's outcome

Size: 200px × 200px;
User satisfaction rating: 4 (satisfied)
Suggestion taken: #1
Edits made
  • Remove the title(s) for a tiny view.
  • Resize with the user-specifed size.
    This includes resizing and proportionately repositioning text elements.
  • Remove the reference(s) for a tiny view.
  • Remove the annotation(s) for a tiny view.
  • Remove the axis grid(s) for a tiny view.
  • Remove the vertical axis grid and labels.
  • Remove horizotnal axis labels (in the middle).
  • Remove the title.
Notes

Edits made by the recommender.
Manual edits made by the user.

Print version

The visualization designs are not responsively scaled to preserve the absolute sizes.

User's outcome

Size: 800px × 570px;
User satisfaction rating: 3 (just okay) due to the lack of time
Suggestion taken: #1
Edits made
  • Resize with the user-specifed size.
    This includes resizing and proportionately repositioning text elements.
Notes

Edits made by the recommender.
Manual edits made by the user.