An information design take on the different interfaces and interactions in dataCoach: Lacrosse, my MFA Design + Technology thesis project that provides much-needed data collection and visualization tools to the non-professional sports community.

1. dataCoach lacrosse
data collection and visualization tools
for tHE non-professional SPORTS COMMUNITY
liz rutledge
@esrutledge
THE INFORMATION DESIGN RECAP
lizrutledge.com
@datacoachsports
datacoachsports.com

2. SPORTS = DATA

3. HOWEVER:
non-professional
coaches need a better
way to collect and
interpret their teams’
game data.

4. current data tracking is either WAY too simple... ...or incredibly cramped and OVERLY complicated.

5. that’s where we come in.
dataCoach lacrosse
STATISTICS TRACKING + VISUALIZATION TOOLS TAILORED TO THE SPORT OF LACROSSe
BUILT ON A FRAMEWORK THAT COULD BE USED FOR COUNTLESS OTHER TEAM SPORTS

6. THE INTERFACE DESIGNS

7. THE ANALOG SCORESHEET:
INFORMATION OVERLOAD!!!
both visual shock (“where is everything??”) and
information anxiety
LACKING IN VISUAL AIDS OR FAMILIARITY OF
ANY KIND
only words, columns, and numbers—all of which
need to be processed and offer very little assistance
in differentiating between them
GROUPED IN COLUMNS BUT NO HIERARCHY
STRUCTURE
certain stats are inarguably more critical than
others. This should be reflected here where every
second counts

8. THE DATACOACH DATA COLLECTION INTERFACE:
FIRST HALF
SIMPLIFIED TO DRAG & DROP
INTERFACE USING ICONS FOR
IMMEDIATE VISUAL RECOGNITION
COMPLETED PASS FORCED TURNOVER MISSED GOAL GROUND BALL FOUL
MISSED PASS INTERCEPTION GOALIE SAVE ASSISTED GOAL DRAW CONTROL OUT OF BOUNDS
PASSES DEFENSE SHOT ATTEMPTS POSSESSION CALLS
ICONS GROUPED INTO UMBRELLA GROUPS
TO SIMPLIFY VISUAL LANGUAGE/AVOID
INFORMATION OVERLOAD

9. THE ANALOG STATISTICS VISUALIZATION:
HAVE TO EITHER MAKE SENSE OF CHICKEN NO HIERARCHY OF INFORMATION
SCRATCH OF VISUALIZE FROM THE BOX SCORE they often don’t even have rich formatted text!

10. THE DATACOACH VISUALIZATION INTERFACE:
LARGE SPACE
DEDICATED TO THE
FIELD TO BE ABLE TO
VIEW ALL GAME STATS
SIMULTANEOUSLY
DYNAMICALLY MOVING BAR
CHARTS TO SHOW CHANGES
IN STATS IN REAL TIME
TIME SLIDERS TO ZOOM
IN ON CERTAIN TIME
INTERVALS/HELP IDENTIFY
CRITICAL EVENTS

11. THE INTERACTIONS

12. DEMO FOOTAGE:
ULAX Women’s lacrosse league

13. LOGGING
AN INTERCEPTION
drag and drop creates
easy way to link location
data
custom number pad and
integrated team selection
submit buttons decrease
number of screen touches

14. LOGGING AN
unassisted goal
USE VISUAL FAMILIARITY WITH
SCORE CARDS AND CLOCK TO
REDUCE PROCESSING TIME
ICONS AND NESTED
OPTIONS underneath
“parent” stats prevent
information overload

15. VISUALIZATION INTERACE: USE MULTI-TOUCH TO TAKE
THE TIME SLIDERS ADVANTAGE OF NATURAL GESTURES
ABILITY TO NARROWING
ZOOM IN AND TIME
REMOVE DATA INTERVAL
FROM VIEW CLEARS
REDUCES
OUT DATA
CLUTTER AND
INCREASES THAT IS NOT
YOUR ABILITY IMMEDIATELY
TO PROCESS RELEVANT TO
REMAINING YOU
DATA

16. VISUALIZATION INTERACE:
THE STAT FILTERS AND DETAIL POP-UPS
CAN LOOK INTO STAT AND
THE DETAILS PLAYER FILTERS
OF A SPECIFIC FUTHER
STAT ON THE REMOVE
FIELD (TABLE UNWANTED
LOOK-UP) IF DATA
THE USER ACCORDING TO
PERCEIVES THE USER’S
A PATTERN DESIRES OR
REQUIRING NEEDS
FURTHER
INSPECTION

17. THE EXHIBITION INSTALLATION

18. ECHO THE USE VISUAL
COLORS LANGUAGE
USED IN OF THE
THE APP CHALKBOARD
TO CREATE TO EVOKE A
CONTINUITY LOCKER ROOM
BETWEEN FEEL AND
INTERFACES COMMUNICATE
THE ESSENCE
OF THE APP
BEFORE YOU
CAN EVEN READ
TEXT

19. dataCoach lacrosse
data collection and visualization tools
for tHE non-professional SPORTS COMMUNITY
liz rutledge
@esrutledge
lizrutledge.com
@datacoachsports
datacoachsports.com thank you.