Third Pilots (2015):
PCP-MM feedback wireframes
Test Protocol
Second Pilots:
> Download all mockups (ENGLISH ONLY)
PCP mockups translation - Greek
PCP mockups translation -German
PCP mockups translation - Spanish
> Download mockups
Instructional overlay appears upon closing the PMT for the first time.
> Download mockups
Opened through keyboard shortcut.
Left/right arrow keys used to navigate through preferences. Up/down arrow keys used to modify preference values. Number values can be input for the '+/- input field' adjuster. Alternatively, user can click on the interactives (+/- buttons, arrows) to navigate/modify preferences.
Pressing tab moves focus to 'open full editor' button - selecting this button opens the PMT. Opening the PMT, pressing the escape key, or switching focus to a different application exits the PCP.
> Download mockups
Opened through top left hot corner.
Mouse navigation
- slider: handle is dragged to adjust the value - alternatively user can target and select a specific spot on the slider or select side icons to adjust the value
- radio-buttons: clicking on a contrast theme changes the value
- on/off toggle: clicking or dragging changes the value
- +/- input field: clicking on +/- buttons changes the value
Clicking on another application exits the PCP.
Keyboard navigation
User tabs through each adjuster, starting with the 'open full editor button'.
- slider: up or right arrow keys used to increase the value and down or left used to decrease
- radio-buttons: up or right arrow keys used to move selection to the right, and down or left arrow keys used to move selection to the left
- on/off toggle: hitting space or enter will toggle the value
- +/- input field: up or right arrow keys are used to increase the value and down or left arrow keys are used to decrease the value. Number values can also be input directly.
Opening the PMT, pressing the escape key, or switching focus to a different application exits the PCP.
> Download mockups
Open through swiping from the bottom up. Swiping up or down loops through available preferences.
Modifying preference values
- slider: handle is dragged to adjust the value - alternatively user can tap side icons to adjust the value.
- radio-buttons: swiping left or right loops through contrast themes
- on/off toggle: tapping or dragging changes the value
Tapping or swiping outside the PCP closes the panel.