(Floe) UI Options features and functionality list

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

Introduction

This list evolved out of an ongoing brainstorm of UI Options configurations, features, and functionality. First-level items (bolded) are the general activities that UI Options could integrate. Some of these don't necessarily fit well with scope of UIO. Second-level items are reminders, descriptions, notes, or examples of the activities and are not intended to be exhaustive.

Features and functionality

General

  • Simplifying presentation/content *
    • Fewer distractions (less stuff)
    • Streamlined content (clearer structure)
  • Language assistance
    • Definitions, translations, etc.
  • Annotations
    • + export of annotations
  • Page export
    • Printing
    • eBook/PDF
    • Other platform
  • Removing health hazards
    • E.g., seizures

Trans-modalities

  • Easier/possible to listen to visuals/text
  • Easier/possible to see audio *
  • Easier to see images
  • Visual interpretation of text

Consumption

  • Easier readability *
    • Making text/images/etc. larger (scaling considerations: should paragraph and header texts scale at the same rate?)
    • Contrast and colour adjustments
    • Typeface adjustments
  • Content orientation

Interactions

  • Identification of links *
  • Easier interactions with interactables *
    • Larger inputs, etc.
    • Enhanced feedback (e.g., audio)
  • Alternative navigation *
    • E.g., different menu interactions
  • Keyboard interactions *
    • Key bindings, hotkeys
  • Alternative interfaces
    • Speech recognition
  • Reduced time dependency
    • Interactions (e.g., status fadeouts)
    • Content (e.g., audio/video playback)

Other considerations

  • Persistent profiles *
  • Prepackaged configurations/profiles

Priority features and functionality, drilled down (operationalized preferences)

Easier readability

  • Text size (+ icons)
  • Image size? Option to lock scaling with text? (i.e., w/ rest of page)
  • Contrast
  • Line spacing
  • Type style

Full list of features, ordered

Level 1

  • Full page size
  • Text size
  • Text style
  • Contrast
  • Line spacing

Level 2

  • Image size
  • Image visibility
  • Type color
  • Letterspacing 
  • Headers color
  • Headers size
  • Links color
  • Links size 
  • Underline links
  • Form items size
  • Disable flashing objects
  • Avoid italics
  • Avoid allcaps

Identification, tracking, orientation

  • Mouse cursor highlight
  • Text cursor highlight
  • Focus highlight (esp. input field)
  • Link highlight
  • Emphasis of structural elements
  • Header size
  • Table of contents
  • Input highlight/emphasis (for identification)
  • Constant tooltip visibility

Full list of features, ordered

Level 1

  • Table of contents
  • Focus highlight (both in forms and in table cells)
  • Emphasis on structural elements

Level 2

  • Mouse cursor highlight
  • Text cursor highlight
  • Headers color
  • Headers size
  • Links color
  • Links size
  • Underline links
  • Form items size
  • Constant tooltip visibility

Interaction w/ interactables

  • Input sizes (for mouse clicking)
  • Audio/visual feedback on interaction
  • Reduced time dependency
  • Focus & link highlight

Full list of features, ordered
Level 1

  • Links size
  • Underline links
  • Buttons (and clickable areas) size
  • Focus highlight (both in forms and in table cells)
  • Form items size

Level 2

  • Links color
  • Buttons (background) color
  • Add icons to textual options
  • Hover effect on links and buttons
  • Hover effect on table cells
  • Aural feedback to interactions
  • Visual feedback to interactions
  • Menu design (provide several presets for menu)
  • Disable time control for processes
  • Include search into the page
  • Keyboard alternative to voice interactions
  • Simplify the video interface (?)
  • Simplify the audio player interface (?)

Keyboard interactions

  • Keybindings & hotkeys (+ tips for keys, e.g., constant visual cheat sheet) (e.g., skipping to headers, bindings for UIO like text size)
  • Tab order
  • Creating groups/containment for elements (e.g., tabbing to navbar, and having to press enter to get to elements)

Full list of features, ordered
Level 1

  • Enable hotkeys
  • Tab highlight

Level 2

  • Customize keybinding
  • Customize hotkeys
  • Form items size
  • Assistance to typing
    • Autocomplete in input fields
    • Dictionary
    • Spelling
    • (Grammar?)

Alternative navigation

  • Skip links?
  • Changing menu behaviour
  • Table of contents (page-wide & site-wide)
  • Hotkeys for page and site navigation

Full list of features, ordered
Level 1

  • Table of contents
  • Menu design (provide several presets for menu)
  • Enable hotkeys
  • Include search into the page

Level 2

  • Customize keybinding
  • Customize hotkeys
  • Add icons to textual options
  • Keyboard alternative to voice interactions

Simplification

Full list of features, ordered
Level 1

  • Presets
  • Contrast
  • Table of contents
  • Emphasis on structural elements

Level 2

  • Image visibility
  • Disable flashing objects
  • Display the layout structure
  • Visibility of columns
  • Display only headers
  • Distance between columns
  • Margins width/height
  • Favorite contents (from table of contents, and reassemble contents)
  • Dictionary
  • Grammar
  • Textual annotations
  • Voice annotations
  • Simplify the video interface (?)
  • Simplify the audio player interface (?)
On this page