← Back to catalogue
Research draft

graphical widget

vr.tr.graphical-widget · INF.MED

Let an agent explain graphical widgets and their kinds, relay design guidelines and accessibility standards, describe how widgets are implemented in toolkits, and distinguish widgets from web widgets and dashboard widgets.

Thing Registry Information and virtual systems

Research draft, second pass

A second pass drafted this model: the structure a model of this thing needs, and what is known about it in the world. The line under this one says how the second half was obtained - researched against sources, or recalled without web access, in which case nothing here was read anywhere and every claim is a lead to verify. Unreviewed either way.

written by Claude from model knowledge without web access - no source was read, every claim is a lead to verify

Researched by: Claude

Purpose and description

Let an agent explain graphical widgets and their kinds, relay design guidelines and accessibility standards, describe how widgets are implemented in toolkits, and distinguish widgets from web widgets and dashboard widgets.

An element of a graphical user interface that displays information or lets a user interact with an application, such as buttons, text fields, checkboxes, sliders, date pickers, sidebars, grid views and settings panels, provided by toolkits and frameworks with consistent look and behaviour; widgets are composed into windows and pages, respond to input events, and follow platform design guidelines and accessibility standards.

What it is for: Presenting information and receiving input in graphical interfaces.

It can be explain kinds and behaviour; relay design and accessibility guidelines; describe toolkit implementation; distinguish related senses.

Distinguishing features

Reusable interface component

Event-driven behaviour

Toolkit-provided

Platform conventions

What it looks like

On-screen controls such as buttons, fields, menus and panels.

How it is recognised

Interface element for display or interaction

Buttons, fields, pickers, views, panels

Web widgets embed content; dashboard widgets are small apps; a window contains widgets

Related models

is a kind of - in registry terms

graphical user interface element

is a kind of - in registry terms

control object

is provided by - the framework

widget toolkit

is governed by - per platform

human interface guidelines

In practice

Families and kinds

controls such as buttons, checkboxes and sliders

input widgets such as text fields and date pickers

containers such as sidebars, tabs and grid views

settings panels and dialogs

developer tools panels such as browser developer settings

custom and composite widgets

Standards and regulation

WCAG and platform accessibility standards

Platform human interface guidelines

Web standards for form controls

Failure modes and hazards

Inaccessible widgets

Inconsistent behaviour across platforms

Confusing senses of widget

Also called

web browser developer settingsgraphical buttonsettingsdate pickersidebargrid viewcycle buttonprogress indicatorcontext menuscreen popsearch boxprogress bardrop-down listbreadcrumb navigationfloating action buttonclosed captions buttonfollow buttonshare buttonedit buttondislike buttoninfobuttonweb buttonMediaWiki sidebarpause/play UI buttonradial menu

Where this came from

wikidata · CC0 1.0

Drafted structure

Bundle to layer to finding to question, as the second pass will find it: 4 bundles · 8 layers · 8 findings · 16 questions.

Concept What a widget is.

Definition.

Definition

Definition and kinds.

Definition

Definition.

  1. What is a graphical widget, and what kinds exist? definition
  2. Is the question about interface widgets, web widgets or dashboard widgets? boundary

Behaviour

Behaviour and events.

Behaviour

Behaviour.

  1. How do widgets handle input events, state and layout? definition
  2. Which entry fits the specific widget kind? action
Design Design and accessibility.

Standards.

Guidelines

Design guidelines.

Guidelines

Guidelines.

  1. What do platform guidelines say about widget appearance and behaviour? provenance
  2. Which entry fits human interface guidelines? action

Accessibility

Accessibility.

Accessibility

Accessibility.

  1. How are widgets made accessible under WCAG and platform APIs? provenance
  2. Which references are standard? provenance
Build Implementation.

Technology.

Toolkits

Toolkits.

Toolkits

Toolkits.

  1. How do toolkits such as Qt, GTK, web frameworks and mobile SDKs implement widgets? provenance
  2. Which entry fits widget toolkit? action

Custom

Custom widgets.

Custom

Custom.

  1. How are custom and composite widgets built and tested? provenance
  2. Which sources are cited? provenance
Context History and evolution.

Context.

History

History.

History

History.

  1. How did widgets develop from early graphical interfaces to modern toolkits? provenance
  2. Which entry fits the history of the graphical user interface? action

Trends

Trends.

Trends

Trends.

  1. How are design systems and declarative frameworks changing widgets? provenance
  2. Which entry fits design system? action

What the second pass must settle

  • Should each widget kind be a separate entry?
  • How should accessibility standards be linked?
  • The registry entry has merged aliases naming specific widgets and settings panels; should they be split off?