| Info |
|---|
The mockups on this page show the latest mobile and responsive designs for UI (Learner) OptionsPlease see (Floe) Learner Options / UI Options - Mobile Designs 2017 for latest designs. |
Meeting Notes
Latest Mockups (no GPII integration):
Toggle mockups_black on white; white on black; preferences closed (March 15 2017)
Mobile - Disabled Button State - Text Size Panel High Contrast (Feb 10 2017)Select the image below to view larger:
Learner Options Mobile Enhance Buttons High Contrast (Feb 10 2017)
Select the image below to view larger:
Learner Options Desktop and Mobile Jan 19 2017
- unifying the desktop and mobile designs
- maintaining a horizontal layout for both
- changes to the individual adjuster designs based on usability testing feedback
- keep the “hide preferences” tab on top of the open panel (rather than having it slide down and stay below the panel as it does now)
- allows for a better keyboard/screenreader navigational flow
- requires flexibility in the lateral position of the tab, resulting in the following mockups/exploration:
...
Mobile panel flow with GPII integration:
Captions flow:
Responsive
...
Design:
Mobile
...
Panels with
...
Adjustments
(Floe) User Interface (Learner) Options Mobile and Responsive Design
...