(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