The document discusses a thesis project to develop digital tools for collecting, visualizing, and analyzing girls' lacrosse game and player performance data. The project aims to provide benefits to lacrosse communities by making data collection easy and engaging. Prototypes include a digital scorekeeping app and data visualization interface. Future work involves further developing the front-end web application and researching the impact of performance data on athletes. The goal is to help coaches, players, and parents improve performance and better understand progress through accessible analytics.

1. GAMETIME +
GIRLS’ LACROSSE
GAME DATA // REHASHED
a mid-journey review of inspiration, context, progess, and next steps
LIZ RUTLEDGE
THESIS STUDIO // FALL 2011
TEAM LAWSON/PRENTICE
PARSONS MFA DESIGN + TECHNOLOGY 12/12/2011

2. First, I HAVE a confession.
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

3. First, I HAVE a confession.
I LACROSSE.
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

4. // sTARTED PLAYING IN APPROXIMATELY 1993
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

5. // PRESIDENT AND CAPTAIN, PRINCETON LACROSSE CLUB
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

6. // PLAY WITH POST-COLLEGIATE CLUB TEAMS ON BOTH COASTS
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

7. // OFFENSIVE SKILLS + HEAD COACH, FIREHAWKS LACROSSE
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

8. // FORMATIVE ON [AND OFF ] THE PLAYING FIELD
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

9. CONFESSION #2:
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

10. CONFESSION #2:
I (also) DATA.
[visualization]
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

11. my background. why i data visualization.
// math + statistics
// analyzing and interpreting data
// economics + finance
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

12. my background. why i data visualization.
// math + statistics
// analyzing and interpreting data
// economics + finance
// fine arts // creating visually striking compositions that
// visual design bring meaning to complex information
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

13. my background. why i data visualization.
// math + statistics
// analyzing and interpreting data
// economics + finance
// fine arts // creating visually striking compositions that
// visual design bring meaning to complex information
// code/programming // pulling information from databases and APIs
// web (design + development) and transforming it into dynamic interactive
experiences
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

14. THE END RESULT?

15. LACROSSE + DATA =
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

16. IMPETUS by way of confession / I LACROSSE (and I’m A HUGE NERD)
THE PROJECT / DESIGN QUestIONS + GOALS
WHY? / THE BIGGER PICTURE
STAKEHOLDER DIAGRAM / WHERE MY PROJECT FITS IN
PROTOTYPE 1.0 / DIGITAL SCOREKEEPING
PROTOTYPE 2.0 / DATA VISUALIZATION INTERFACE
NEXT STEPS / PLANS FOR NEXT SEMESTER
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

17. THE PROJECT
DESIGN QUeSTIONS + GOALS
THE FORM THE AUDIENCE
// system of sophisticated, easy-to-use // players, coaches, and parents in the
web applications that help the user collect, lacrosse community who value exceptional
visualize, and effectively analyze team, performance
player and game data
// targeting high school age teams but could
be easily scaled to suit younger age groups
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

18. THE PROJECT
DESIGN QUeSTIONS + GOALS
THE PURPOSE
If lacrosse coaches, players, and parents had an
intuitive and engaging way to collect, visualize,
and analyze their performance data, then they would:
a) take the time explore and learn from the data,
b) be able to improve their performance by
targeting areas shown by the data to need extra
work, and
c) have a richer emotional experience in the
process.
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

19. THE PROJECT
DESIGN QUeSTIONS + GOALS
THE DESIGN QUESTIONS
Q: What benefits would athletes, coaches, and
parents in the lacrosse community receive from
having a way to collect, visualize, and analyze their
data that they would actually want to use?
Q: What impact would having unlimited access to
their own performance data have on the athletic
performance and emotional experience of
young athletes?
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

20. IMPETUS by way of confession / I LACROSSE (and I’m A HUGE NERD)
THE PROJECT / DESIGN QUestIONS + GOALS
WHY? / THE BIGGER PICTURE
STAKEHOLDER DIAGRAM / WHERE MY PROJECT FITS IN
PROTOTYPE 1.0 / DIGITAL SCOREKEEPING
PROTOTYPE 2.0 / DATA VISUALIZATION INTERFACE
NEXT STEPS / PLANS FOR NEXT SEMESTER
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

21. WHY?
THE BIGGER PICTURE
current data tracking is either WAY too simple... ...or incredibly cramped and complicated.
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

22. BUT:
objectively-collected data is the only way to get
conclusive/absolute information about performance and
progress:
allows you to track your own progress or compare
yourself definitively against competitors
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

23. ALSO:
excited about
the opportunity
to make
girls like
this...
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

24. FEEL
LIKE
THIS.
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

25. IMPETUS by way of confession / I LACROSSE (and I’m A HUGE NERD)
THE PROJECT / DESIGN QUestIONS + GOALS
WHY? / THE BIGGER PICTURE
STAKEHOLDER DIAGRAM / WHERE MY PROJECT FITS IN
PROTOTYPE 1.0 / DIGITAL SCOREKEEPING
PROTOTYPE 2.0 / DATA VISUALIZATION INTERFACE
NEXT STEPS / PLANS FOR NEXT SEMESTER
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

26. So LIke...WHERE DOES ALL THIS STUFF FIT IN?
[ THE STAKEHOLDER DIAGRAM ]

36. IMPETUS by way of confession / I LACROSSE (and I’m A HUGE NERD)
THE PROJECT / DESIGN QUestIONS + GOALS
WHY? / THE BIGGER PICTURE
STAKEHOLDER DIAGRAM / WHERE MY PROJECT FITS IN
PROTOTYPE 1.0 / DIGITAL SCOREKEEPING
PROTOTYPE 2.0 / DATA VISUALIZATION INTERFACE
NEXT STEPS / PLANS FOR NEXT SEMESTER
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

37. PROTOTYPEs 1.0/2.0
CAPTURING + VISUALIZING GAME DATA PRECEDENT
SoccerMate and Lacrosse Star Player
// iPhone and iPad apps for real-time
game data collection designed for
soccer and lacrosse, respectively
// need to input player and game data
directly into the mobile apps (no full-size
web interface to streamline the process
in advance)
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

38. PROTOTYPEs 1.0/2.0
CAPTURING + VISUALIZING GAME DATA PRECEDENT
Protovis + d3.js
// javascript libraries to help quickly create your
own interactive data visualizations
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

39. PROTOTYPE 1.0
COLLABORATiVE DIGITAL SCOREKEEPING

40. PROTOTYPE 1.0 when someone scores, you
need to find their name, find
DIGITAL scorekeeping the goals column, tick off a
goal, note the time on the game
clock, write down the time, then
the current [paper] system. record the goal AGAIN down at
the bottom....UGH.
space to hand-write in 25 players—
most teams only have between 16-20
players on the roster (wasted space!)
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

41. // SYSTEM DIAGRAM
01 02 03 04 05
(iPad/tablet)
THE MAIN SCOREKEEPING APPLICATION
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

42. // SYSTEM DIAGRAM
01 02 03 04 05
(iPad/tablet)
THE MAIN SCOREKEEPING APPLICATION
(iPhone/mobile)
SINGLE-STATISTICS COUNTERS
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

43. // SYSTEM DIAGRAM
01 02 03 04 05
PHOTO INTERFACE THAT LINKS TO TIMELINE
(iPhone/mobile)
SINGLE-STATISTICS COUNTERS
(iPhone/mobile)
THE MAIN SCOREKEEPING APPLICATION
(iPad/tablet)
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011
the proposed digital alternative.

44. // SYSTEM DIAGRAM
01 02 03 04 05
BASIC GAME INFO SCREEN FOR FANS
(iPhone/mobile)
PHOTO INTERFACE THAT LINKS TO TIMELINE
(iPhone/mobile)
SINGLE-STATISTICS COUNTERS
(iPhone/mobile)
THE MAIN SCOREKEEPING APPLICATION
(iPad/tablet)
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011
the proposed digital alternative.

45. // SYSTEM DIAGRAM
01 02 03 04 05
THE ENTIRE PROPOSED SCOREKEEPING SYSTEM
BASIC GAME INFO SCREEN FOR FANS
(iPhone/mobile)
PHOTO INTERFACE THAT LINKS TO TIMELINE
(iPhone/mobile)
SINGLE-STATISTICS COUNTERS
(iPhone/mobile)
THE MAIN SCOREKEEPING APPLICATION
(iPad/tablet)
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

46. all stats will be tied to game clock
to enable time-accurate playback
after the game is complete
goals appear wherever you
click the mouse to indicate field
position using Javascript. Future
functionality will including dragging
from the goal location to indicate
an assist and its location.
easy counter buttons
increment using Javascript
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

47. PROTOTYPES // MARKING A GOAL
DIGITAL scorekeeping
a player scores from the second click or tap on the a ball appears the goal is now recorded
hash (riiiiiight here!) location of the shot (and you will be asked the scoring and tagged with the
player’s name or number)
time on the game clock!
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

48. A BRIEF ASIDE:
A PCOMP STICK [?!]

49. BACK TO PROTOTYPE 2.0
WEB APPLICATION MOCK-UPS + PROTOTYPE
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

58. { THE INTERACTIVE SITE }

59. IMPETUS by way of confession / I LACROSSE (and I’m A HUGE NERD)
THE PROJECT / DESIGN QUestIONS + GOALS
WHY? / THE BIGGER PICTURE
STAKEHOLDER DIAGRAM / WHERE MY PROJECT FITS IN
PROTOTYPE 1.0 / DIGITAL SCOREKEEPING
PROTOTYPE 2.0 / DATA VISUALIZATION INTERFACE
NEXT STEPS / PLANS FOR NEXT SEMESTER
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

60. NEXT STEPS
PLANS FOR NEXT SEMESTER
Implementation Research
// Continue designing and building out the front // Continue researching impact of statistics
end of the web application tracking/feedback on athlete performance and
motivation
// More user testing to refine user interactions
// Dig into recently acquired books on notation
// Start delving into back end (begin to plan analysis/the science around making temporal
infrastructure/stragtegy and start building) data visually effective
// Research potential physical computing/ // User testing to refine user interactions, flow
product design component to the data collection of the system, and general approach
side of the equation
liz rutledge | fall thesis studio | FINAL PRESENTATION 12/12/2011

61. THANKYOU.
THANKYOU.

62. THE LOCKER ROOM REcap
THE DESIGN QUESTIONS
Q: What benefits would athletes, coaches, and parents in
the lacrosse community receive from having a way to collect,
visualize, and analyze their data that they would actually
want to use?
THANKYOU.
Q: What impact would having unlimited access to their own
performance data have on the athletic performance and
emotional experience of young athletes?
THE PURPOSE
If lacrosse coaches, players, and parents had an intuitive
and engaging way to collect, visualize, and analyze their
performance data, then they would:
THANKYOU.
a) take the time explore and learn from the data,
b) be able to improve their performance by targeting areas
shown by the data to need extra work, and
c) have a richer emotional experience in the process.