dataPlay: Sports Game Data Collection and Visualization [Information Design Analysis]
-
Upload
liz-rutledge -
Category
Education
-
view
108 -
download
3
description
Transcript of dataPlay: Sports Game Data Collection and Visualization [Information Design Analysis]
LIZ RUTLEDGEINFORMATION DESIGNSPRING 2012PARSONS MFA DESIGN + TECHNOLOGY 03/28/2012
dataPlayGAME DATA COLLECTION + VISUALIZATION DESIGNED FOR THE NON-PROFESSIONAL ATHLETE
AN ECOSYSTEM OF STATISTICS TRACKING TOOLS THAT ARE TAILORED TO LACROSSE BUILT ON A SYSTEM THAT COULD BE USED FOR COUNTLESS OTHER SPORTS
recreational/student/youth athletes + data =
dataPlay
There is a growing gap between the rapidly expanding field of data visualization and sports statistics tracking at the non-professional level.
WHY:
I seek to bridge this gap by creating an ecosystem of easy to use, cloud-based tools for real-time mobile statistics collection and visualization.
WHAT:
1) to facilitate and encourage the collection of data
2) to enable deeper comprehension of the data through visual exploration
3) to enhance traditional game statistics by tagging each piece of data with the location and time at which it was recorded.
PURPOSE:
This will allow for both immediate data analysis and the preservation of spatiotemporal relationships between events—without the steep learning curve or prohibitive costs of professional-grade tools.
SO WHAT?
One possible implementation of this system: an iPad app tailored to the needs of lacrosse.
THE PROJECT:
Through a case study focused on several youth lacrosse teams in New York and the Bay Area, my project will demonstrate how the thoughtful reconfiguration of existing technologies can empower a wider sports community by helping them transform data into knowledge.
HOW & WHY:
RESEARCHINFORMATION DESIGN + VISUAL THINKING
RESEARCH“Picturing the Concepts: An Interactive Teaching Strategy”— Thinking Classroom
“The Influence of Information Presentation Formats on Complex Task Decision-Making Performance”— International Journal of Human-Computer Studies
“Cognitive Models of the Influence of Color Scale on Data Visualization Tasks”— Human Factors
“The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations”— Human-Computer Interaction Laboratory and Institute for Systems Research, University of Maryland
VISION AND COGNITION
CURRENT SYSTEMTHE PAPER SCORE BOOK
current data tracking is either WAY too simple... ...or incredibly cramped and complicated.
current data tracking is either WAY too simple... ...or incredibly cramped and complicated.
GROUPED IN COLUMNS BUT NO HIERARCHY TO HELP LOCATE THE RIGHT STAT
space to hand-write in 25 players—most teams only have between 16-20 players on the roster (wasted space!)
when someone scores, you need to find their name, find the goals column, tick off a goal, note the time on the game clock, write down the time, then record the goal AGAIN down at the bottom....UGH.
COMPONENT 1.0DIGITAL GAME DATA COLLECTION
easy counter buttons increment using Javascript
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.
all stats will be tied to game clock to enable time-accurate playback after the game is complete
NO GROUPING OF STATS—JUST A ROW
STATISTICS GROUPED BY OFFENSE AND DEFENSE TO ALLOW MENTAL CHUNKING OF ITEMS
NO VISUAL CUES: STILL HAVE TO READ LABELS TO KNOW WHAT YOU’RE PRESSING
STATISTICS GROUPED BY OFFENSE AND DEFENSE TO ALLOW MENTAL CHUNKING OF ITEMS
BUT:
SIMPLIFIED TO DRAG & DROP INTERFACE USING ICONS FOR
IMMEDIATE VISUAL RECOGNITION
FIREHAWKS COYOTESvs.
FORCED TURNOVER
DRAW CONTROLGOALIE SAVE
MISSED GOAL
ASSISTED GOAL
SHOT ATTEMPTS
OUT OF BOUNDS
FOUL
CALLS
GROUND BALL
POSSESSION
INTERCEPTION
DEFENSE
MISSED PASS
COMPLETED PASS
PASSES
0 30 4
FIRST HALF
SIMPLIFIED TO DRAG & DROP INTERFACE USING ICONS FOR
IMMEDIATE VISUAL RECOGNITION
ICONS GROUPED INTO UMBRELLA GROUPS TO SIMPLIFY VISUAL LANGUAGE/AVOID INFORMATION OVERLOAD
IF AN “UMBRELLA” STATISTIC GROUP IS SELECTED, REVEALS A SECOND LAYER OF INFORMATION
(BUT ONLY IF RELEVANT TO YOU)
COMPONENT 2.0GAME DATA VISUALIZATION + MANIPULATION
ORIGINAL DESIGN OF VISUALIZATION INTERFACE:HIERARCHY IS WRONG! FIELD AND SCORE ARE MOST IMPORTANT, NOT CONFUSING LINE GRAPH OF GOALS
REUSEABLE ASPECT:USING VISUAL FAMILIARITY OF SCOREBOARD AND CLOCK TO MAKE INFORMATION EASIER TO DIGEST QUICKLY
#FAILCLEVELAND’S TASK MODEL
INCREDIBLY CONFUSING!
VISUALLY THERE IS NO DIFFERENTIATION BETWEEN DIFFERENT STATISTICS
#FAILCLEVELAND’S TASK MODEL
INCREDIBLY CONFUSING!
VISUALLY THERE IS NO DIFFERENTIATION BETWEEN DIFFERENT STATISTICS
INTENSE COLOR ON BAR CHARTS MAKES THEM APPEAR MOST IMPORTANT
(WHEREASE THE FIELD AND CLOCK HAVE MOST IMPORTANCE)
#FAILCLEVELAND’S TASK MODEL
BREAKING VISUAL LANGUAGE OF BAR CHARTS WITH LINE CHART—NEED TO BE
CONSISTENT TO TRAIN THE VIEWER
UTTERLY UN-SCANNABLE #FAILCLEVELAND’S TASK MODEL
INCREDIBLY CONFUSING!
VISUALLY THERE IS NO DIFFERENTIATION BETWEEN DIFFERENT STATISTICS
INTENSE COLOR ON BAR CHARTS MAKES THEM APPEAR MOST IMPORTANT
(WHEREASE THE FIELD AND CLOCK HAVE MOST IMPORTANCE)
THE NEW VISUALIZATION DASHBOARD FIELD GIVEN THE
SIZE AND SPACE IT DESERVES FOR A
LOCATION-INCLUSIVE VISUALIZATION
INTERFACE
THE NEW VISUALIZATION DASHBOARD
LESS SPACE DEDICATED TO BAR CHARTS BUT WITH ADDED VISUAL AIDS (ICONS)
FIELD GIVEN THE SIZE AND SPACE IT
DESERVES FOR A LOCATION-INCLUSIVE
VISUALIZATION INTERFACE
LESS SPACE DEDICATED TO BAR CHARTS BUT WITH ADDED VISUAL AIDS (ICONS)
LESS SPACE USED BUT CLEARER DUE TO
CONSISTER BAR CHART LANGUAGE
FIELD GIVEN THE SIZE AND SPACE IT
DESERVES FOR A LOCATION-INCLUSIVE
VISUALIZATION INTERFACE
THE NEW VISUALIZATION DASHBOARD
THANKYOU!