(Floe) UI Options configurations and interactions

(Floe) UI Options configurations and interactions

Tentatively constrained to websites and webapps

Use in conjunction with (Floe) UI Options configurations and interactions for designing UIO interfaces

Configurations

On web page

  • Top panels

    • Fat panel: expanding panel of options **

    • Skinny panel: persistent panel of options

  • Full page options: account preference-like options **

  • In-line options: modular options residing inline with either the content or other page interactions

  • Drop-down options: contextual options revealed via right-click

  • Floating options

  • Spotlight-like option search **

    • Especially as combined with profile presets/easy access to frequently used options

Special considerations:

  • Responsive design

  • Expandability to many options, but also quick access to frequently used options

  • Profile presets which both: a) sets up good basic defaults, and b) gives quicker access to options likely to be of use

On platform

  • In any browser (purely web-based)

    • Desktop/laptop

    • Mobile

      • Smartphones, and other handheld-sized devices

      • Tablet

  • Browser extension (for Safari, Chrome, Firefox, etc.) *

  • Browser wrapper with options (for mobile)

  • Out-of-browser widget (e.g., on OS X, item alongside battery, clock etc. to turn on and off UIO, to change preferences quickly and globally for all browsers, etc.)

Interaction considerations

  • Input modalities:

    • Haptic/tactile

      • Keyboard

      • Mouse

      • Other physical interfaces (via something like MaKey makey)

    • Voice

    • Visual (?)

  • Semi-intelligence on system's part: detect user behaviour and provide suggestions based on it

    • E.g., intercepting Cmd-+ events on browser and suggesting other easier to read options