FIH — International Hockey FederationMatch Report · Wireframes Field hockey · Match reporting
App wireframes · Match Official · v0.1

Match reporting
in two taps.

A focused match-day app for field hockey officials, in FIH colours. Log in, open today's game, tick who's playing, record goals and cards, submit the report. No dashboards, no league admin — every action a couple of taps, usable from the side of the pitch.

iPad · landscape first iPhone · responsive 7 screens + waiver page FIH brand
Open the clickable prototype → View system flow
14-step scenario · links navigate like the real flow
T
Roster
Teams
01
Login
Login
02
Games
03
Players
05
Match
06
Report

System flow

Three swimlanes · two phases
Team once per season  ·  Login → Games → Players → Match → Report every match day match day    season setup
Once per season · Team Every match day
Match Officialdrives every step
T
Teams
Season squads
+
Add New Player
Name + email
1
Login
Email + password
2
Games
Today's fixtures
3
Players
Tick who's playing
4
Match
Goals + cards live
5
Report
Review + submit
Playeronce a season
Sign Waiver
No app · no account
Systemautomatic
Send Waiver Email
Auto on add
Signed · 2026
Valid all season
i The two phases never interleave. A player is created once, in Teams, and signs one waiver for the season — so by match day the roster is just a list of names to tick. Waiver status never appears in the match-day flow.

Screens

Seven app screens · iPad + iPhone · plus the public waiver page
T · TEAMS & WAIVERSiPadiPhone

Teams & Waivers

Season squads. The only place a player is created, and where waivers are sent and tracked.

Open
01 · LOGINiPadiPhone

Login

Minimal sign-in. No self-registration — accounts come from the league.

Open
02 · TODAY'S GAMESiPadiPhone

Today's Games

A clean list of today's fixtures — time, teams, venue, status. Teams sits alongside.

Open
03 · SELECT PLAYERSiPadiPhone

Select Players

Both season squads side by side. Checkbox, shirt number, name — no waiver column.

Open
04 · ADD PLAYERiPadiPhone

Add Player to Team

Three fields at team level. One button adds to the squad and emails the season waiver.

Open
05 · LIVE MATCH EVENTSiPadiPhone

Live Match Events

Six big buttons for goals and cards. One tap opens the entry sheet; undo is one tap back.

Open
06 · FINAL REPORTiPadiPhone

Final Report & Submit

Score, players, goals, cards and timeline, reviewable — then submitted in one tap.

Open
W · WAIVER SIGNINGWeb

Waiver Signing Page

A simple web page outside the app. Signed once, valid for the whole season.

Open

Prototype scenario

The exact flow the clickable prototype demonstrates
  1. Once per season · Team
  2. Official opens Teams and picks Blue Hawks.Season squad, waiver status at a glance
  3. Adds a new player to the squad.04 · Add Player — name, email, shirt number
  4. System emails the season waiver automatically.Status shows Pending in Teams — nothing is blocked
  5. Player signs once, on the web.W · Waiver page — status flips to Signed · 2026 for every fixture
  6. Every match day · Login → Games → Players → Match → Report
  7. User logs in.Email + password on 01 · Login
  8. User sees today's games.02 · Today's Games — clean list, no calendar
  9. User selects Blue Hawks vs River City HC.One tap on the fixture row
  10. User ticks participating players for both teams.03 · Select Players — checkbox, number, name. No waiver shown
  11. User starts the match.Continue to Match → live entry opens
  12. User records a field goal.05 · Live Events — team → player → minute → save
  13. User records a yellow card.Same sheet, card colour preserved
  14. User ends the match.Confirms once, then the report opens
  15. User reviews the final score and events.06 · Final Report — everything editable before send
  16. User submits the match report.Confirmation screen with view / export / return