Class Register

Applying a little commonsense and Fitts' Law to a basic form rapidly created to meet a tight deadline

Moving the checkbox closer to the name reduces the distance the eye has to move in order to associate the names and checkboxes. Using a little CSS to highlight the table rows on a mouseover event further reduces the effort required to form this association. Adding some JavaScript extends the target size to become the entire row of the table. Now the user can hit the target without needing to move their eye from the names. The use of red and green colours further reduces the effort required to visually confirm the data entry.

Adding an event to default all to checked may save some users a lot of mouse clicks. This is not implemented as a button to avoid confusion with the submit button. Extending this JavaScript allows the user to undo an accidental 'check all' click (the Father Dougal effect). Providing a submit button at the top and bottom of this potentially long list could reduce the effort of scrolling.

Name Present
check all
User ID
Betty Rubble000123456
Barney Rubble000123987
Fred Flintstone000123665
Wilma Flintstone000123332
Frank Thomas000123945
Dick Lundy000123974
Arthur Babbit000123216
Eric Larson000123528
Milt Kahl000123774
Robert Stokes000123903
James Algar000123117
Al Eugster000123845
Cy Young000123809
Joshua Meador000123376
Ugo D'Orsi000123465
George Rowley000123324
Les Clark000123487
Fred Spencer000123375
Bill Roberts000123798
Bernard Garbutt000123677
Grim Natwick000123755
Jack Campbell000123757
Marvin Woodward000123978
James Culhane000123987
Stan Quackenbush000123499
Ward Kimball000123088
Wolfgang Reitherman000123463
Robert Martsch000123546
Hamilton Luske000123900
Vladimir Tytla000123102
Fred Moore000123117
Norman Ferguson000123203
Lucille La Verne000123507
Pinto Colvig000123840
Roy Atwell000123486
Billy Gilbert000123956
Scotty Mattraw 000123452
Otis Harlan000123326
Harry Stockwell000123474
Moroni Olsen000123409
Stuart Buchanan000123616
Eddie Collins000123776
Nanjireddypalli Ramakrishnappa000123622