PCP mockups for paper prototype testing
Third Pilots (2015):
Second Pilots:
> Download all mockups (ENGLISH ONLY)
PCP mockups translation - Greek
PCP mockups translation -German
PCP mockups translation - Spanish
Instructional overlay appears upon closing the PMT for the first time.
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.
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.
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.