search bar appears after display preferences has been clicks
recommendations & categories on default screen
reset button replaced by on/off switch
check-mark indicator when preference has been modified
preferences in expandable/collapsable menues
multiple themes can be selected except default
after preferences have been modified default gives a quick links to view them
'my preferences' is inputed into the search field
> reset button available under this search
if no preferences have been configured message shows
> recommendations & categories show below
if a preference is not available recommendations show and option to send a request
multiple options for simplify depending of users familiarity with the site
> focus view: only elements the mouse cursor/ focus is on are at full opacity
> minimize content: users indicate content they do not wish to see
> site columns: taken from responsive version of the site
Using with Content:
> if content is selected, relevant terms are inputed into search fields
> if nothing is selected relevant recommendations are given
Options appear in a grid like structure. User can drag to resize the panel and show more options.
Limited number of options are available to the user (frequently used options appear in panel). User can use the search function to find more options.
Search appears in space on the right of the panel. Search results appear below search bar, users can click on individual results to show them in the grid or select to show all the results within the grid.
Box on bottom left of page indicates what might happen when a user is tabbed onto or hovering in a grid space. Option to pop the box out onto the page (if appropriate, i.e. site/page menu, text-to-speech control), user could possibly click on background of box to make a 'more like this' option appear.
Simplified grids in bottom right indicate how grid would behave when resized. Gray box indicates the search panel.
Grid structure of options continues
Search bar now fills space at top of panel, when a user makes a search, results automatically appear in the panel (panel resizes to fit all options).
When no search is inputed a limited number of frequently used options appear within the panel.
Simplified grid in bottom left indicates how panel will behave when resized, search always remains at top while boxes move
Search bar remains hidden until user clicks on search button in top right
Alternative to searching by keyword; user can click and drag search icon onto the page and over content (i.e. words, images, video) to bring up relevant options in the panel
Possible integration of search function into 'display preferences' tab for easy access
Features and functionality explored in the above designs:* Features
Table of contents
Emphasize key elements
Distance between columns Behavior
Options included in the features-1: in some occasions, the user will be able to customize the way in which a feature is applied. Page 2 shows how the user can select the table of contents position.
Table of contents as a draggable layer. In case the table of contents is large, the layer is resizable (page 3).
Options included in the features-2: in some occasions, the user will be able to customize the items affected by a feature. Page 4 shows how the user can select the elements to emphasize.
Undo (only for features that can be undone): undo button appears when on mouse over the panel.
Displaying the area affected by a feature: when possible, the area affected by a feature is colored, to indicate the user what he is transforming (page 5). In cases in which displaying this area my lead to confusion, the effect is avoided (page 6)
> colour choice for focus style
> radio buttons for background or outline
> enlarge input fields
> group similar elements: tooltip with more information
emphasis headings: turning it on enables options
> size: adjusting size automatically separates text size into two values
> bold & underline checkboxes
> show table of contents
> constant tooltips
> show skip to content links
> version one: radio buttons for default settings, slow down, pause & stop
> version two: slider from default to stopped, check boxes for related options
> version three: slider including all options
buttons & links
> bold & underline
> audio interaction feedback: on hover sound plays
> visual interaction feed back
keyboard shortcuts: can be turned on/off
> full keyboard appears on fullscreen: unavailable, in use, and available keys highlighted
> check box to show keyboard shortcuts hints throughout site
> keybindings are editable