CAP 3104
Human and Technology Interaction
Assignment 5
Group 17
Cohesive Teamwork
◈ Working together as a cohesive team
Miguel Nunez, Project Manager: created presentation, polished the requirements
matrix, provided ideas for UI mapping, HTI
Joshua Baron, Graphics artist: drew all icons, worked on UI design, and
requirements mapping
Joshua Baron: Requirements verification, added base for UI icons, added table of
contents with other documentation edits, and worked on requirements mapping.
Marcus Victoria, Documentation: Created and filled out the Requirement Matrix,
worked on UI design
Chandler Harrison, User Interface Designer: worked on requirements mapping
Images of Developed User Interface
Images of Gates Status
Images of Pop-Ups Status
Images of CMS Status
Images of CCTV Camera Status
Images of Draw Lights Status
Images of Wrong Way Lights Status
Images of Loop Detectors Status
Config
Images of FCU and DCU/MCU Status
Images of HOV End Points Status
Images of Incidents Status
Requirements Mapping: Main Menu
3.2.1.5 Draw Lights 3.2.1.8 FCU and DCU/MCU
3.2.1.3 CMS 3.2.1.10 Incidents
3.2.1.4 CCTV Camera
3.2.1.1 Gates 3.2.1.9 HOV End Points
3.2.1.6 Wrong Way Lights
3.2.1.7 Loop Detectors 3.2.1.2 Pop-ups
Requirements Mapping: Gate Status
3.2.1.1.1 Gate in 3.2.1.1.2 Gate in
closed position icon open position
icon
3.2.1.1.6 Color of icon 3.2.1.1.5 Icon image depends
depends on status of gate on state of gate (e.g. open or
(e.g. fail or working) closed)
3.2.1.1.3 Gate in
3.2.1.1.4 Name
partially open
of gate with icon
position
3.2.1.1.7 Hovering over
3.2.1.1.8 Detailed device status 3.2.1.1.9 Device control
any icon will cause text
window will appear if icon is window will appear if icon is
window to display
double clicked and circle will right clicked and circle will
summary of gate status
appear around icon appear around icon
Requirements Mapping: Pop-Ups Status
3.2.1.2.6 The color shall be changed to 3.2.1.2.7 When mouse is hovered
3.2.1.2.1 Indicates show the status of the pop-up group. over icon, a summary of the pop-up
an “UP” or 3.2.1.2.2
group will appear.
entrance closed Indicates a
position. “DOWN” or
entrance opened
position.
3.2.1.2.8 A
3.2.1.2.9 Right detailed device
click and a status will
pop-up menu appear by
will be 3.2.1.2.5 Configurable to display the state of the double
available. A pop-up group (up or down). left-clicking. A
circle will be circle will be
displayed over displayed over
icon. icon.
3.2.1.2.4 3.2.1.2.3 Some
Configurable to pop-ups are in a
display the name “DOWN” position
of the pop-up 3.2.1.2.9.1 When device is and some in an
group. locked out it will be “grayed out “UP” position.
and not selectable.
Requirements Mapping: CMS Status 3.2.1.3.8.1 If device is
locked out then for
safety the command
3.2.1.3.5 Configurable display its 3.2.1.3.3 Configurable to option will be grayed out
3.2.1.3.8 Right status of the sign.
3.2.1.3.1 An icon indicates display the name of the
click and a pop-up
changeable message sign sign.
menu will be
available. A circle 3.2.1.3.6 Mousing
will be displayed over the CMS icon
over icon. displays a window
summary of the
operational state and
status of the sign and
the text of any
3.2.1.3.2 Indicates message being
a changeable displayed on the sign
message sign and
displaying a
message. 3.2.1.3.4 The CMS icon
shall be configurable to
display an abbreviated
message text with the
icon.
3.2.1.3.7 A detailed
device status will appear
3.2.1.3.8.1 When device is by double left-clicking.
locked out it will be A circle will be
“grayed out and not displayed over icon.
selectable.
Requirements Mapping: CCTV Camera Status
3.2.1.4.6 Detailed device status 3.2.1.4.7 Device control window will
3.2.1.4.2 Name of CCTV camera with window will appear if icon is double appear if icon is right clicked and circle
icon clicked and circle will appear around will appear around icon
icon
3.2.1.4.5 Hovering over any icon will
3.2.1.4.1 An icon shall be
cause text window to display summary
selected to indicate a CCTV
3.2.1.4.4 Color of icons depends on of camera status
camera
status of CCTV camera (e.g. failed or
3.2.1.4.3 The camera icon shall be
working)
configurable to show the state of the
camera
Requirements Mapping: Draw Lights Status
3.2.1.5.9.1 If operation of the device is 3.2.1.5.8 Double clicking pops up a detail 3.2.1.5.9 Right clicking on the selected icon
locked out for safety reasons the device status window. A circle indicates will activate the device. Right clicking also
command option will be “grayed out” selection.of the icon. shows a pop-up menu of available device
3.2.1.5.2 An icon shall and not selectable actions from which the user may select. A
be selected during circle appears to show selection..
detailed design to
indicate a group of
draw lights that are on.
3.2.1.5.4 The draw light
icon shall be
configurable to display
3.2.1.5.3 An icon shall be
the name of the draw
selected during detailed
lights.
design to indicate a group of
draw lights where some are
on and some are off.
3.2.1.5.5 The draw light icon
shall be configurable to
display the state of the draw
lights.
3.2.1.5.6 The draw light icon can be
configured to a specific status color. The 3.2.1.5.7 Moving the mouse over the draw
3.2.1.5.1 An icon shall be selected lights icon will show a tooltip of the
status colors are: green for operational, during detailed design to indicate a summary of that group of drawlights.
yellow for operational with errors, gray for no group of draw lights that are off.
communications and red for failed
Images of Wrong Way Lights Status
3.2.1.6.6 Color of wrong way will represent 3.2.1.6.5 Configurable to
3.2.1.6.9 display the state of the wrong
the status of wrong way light
Right click way lights.
and a pop-up
menu will be 3.2.1.6.8 Wrong
available. A way light
circle will be window will
displayed over activate by left
icon. clicking. A
circle will be
displayed over
icon.
3.2.1.6.2 Icon
shows wrong
way lights are
on. 3.2.1.6.1 Icon
shows wrong way
lights are off.
3.2.1.6.4
Configurable to
display the name
3.2.1.6.7 When
of the wrong way
hovering over the
lights.
icon a text window
3.2.1.6.9.1 When device is locked out it 3.2.1.6.3 Icons shows some wrong way will be displayed.
will be “grayed out and not selectable. lights are on and some are off.
Requirements Mapping: Loop Detectors Status
3.2.1.7.5 Data displayed 3.2.1.7.4 color used for range can
by color can be Config be configured
configured
3.2.1.7.7 User can config color, data, and range 3.2.1.7.6 Range displayed by
without exiting application color can be configured
3.2.1.7.1 Icon 3.2.1.7.8 Name of loop
represents loop detector with icon
detector
3.2.1.7.9 Icon configurable in
config menu to display N
second volume, speed, and
occupancy values, value of N
3.2.1.7.13 Hovering over any
configurable
icon will cause text window
to display summary of loop
detector status
3.2.1.7.2 Icon
represents group of 3.2.1.7.11 Icon configurable in
loop detectors config menu to display N second
average of volume, speed, and
3.2.1.7.14 Detailed device occupancy values, value of N
status window will appear 3.2.1.7.3 Color indicates configurable
if icon is double clicked range of either speed volume
and circle will appear or occupancy
Requirements Mapping: FCU and DCU/MCU Status
3.2.1.8.4 When hovered over,
3.2.1.8.2 Name of FCU and icon should show summary of
DCU/MCU with icon site status
3.2.1.8.1 Icon to
represent FCU and
DCU/MCUs
3.2.1.8.3 The icons color 3.2.1.8.5 Activate status window by left
should change to show the clicking on icon. A circle will be displayed
status of the equipment. over icon as long as detailed device status
window is displayed for site.
Requirements Mapping: HOV End Points Status
3.2.1.9.4 Icon color depends on
status of HOV (e.g. failed or
3.2.1.9.2 Name of
working)
HOV with icon
3.2.1.9.3 Different
3.2.1.9.1 Different icons for icons depending on if
northbound and southbound HOV is opened or
HOVs closed
3.2.1.9.5 Hovering over any icon will 3.2.1.9.6 Detailed device status window
cause text window to display will appear if icon is double clicked and
summary of gate status circle will appear around icon
Requirements Mapping: Incidents Status
3.2.1.10.4 Detailed 3.2.1.10.5 An edit
incident report will window will popup when 3.2.1.10.2 Colors are used to represent
popup if user double left a user right clicks the the status of the data available
clicks an icon and circle icon and circle will
will appear around icon appear around icon
3.2.1.10.3 If icon is hovered over
with mouse then a window with
incident summary will be
3.2.1.10.1 Icons represent displayed
active incidents
HTI Discussion
◈ Based on the human factors central to usability measure:
◈ Time to learn
UI was made intuitive to reduce the time to learn. Having a linear and minimalistic approach
would reduce the amount of things to learn and guide the user through every step of the way.
◈ Speed of performance
There could be faster ways to perform some tasks fasters, but it would compromise with the
simplicity and ease to learn of the UI.
◈ Rate of errors by users
Linear and simple design of the UI makes for a low rate of errors by users. Less functionalities
means less ways for the user to make errors.
◈ Retention over time
Linear and simple design allows easy retention of the UI’s elements. In the event the user does not
retain how the UI works, it is easy to relearn.
◈ Subjective Satisfaction
Considering the context and use of the UI, it was decided to not allow for user feedback through
the program’s UI. Any user feedback would be received through communications between the two
companies.
