UI
Software interaction layer
UI stands for user interface—the visual elements and controls through which people interact with software or devices.
The term encompasses buttons, menus, icons, and screens: The app has a clean UI, We're redesigning the UI.
Often paired with UX (user experience) in discussions of design: UI/UX designer.
Web page code
- CSSWeb presentation language
- JavaScriptWeb programming language
- responsiveQuick to react
- browserWeb access program
viewport · breakpoint · mobile · desktop · tablet · progressive · SPA · framework
Vehicle control panel
- toolbarSoftware button strip
- menuList of available dishes
- buttonDisc through a hole
- iconPictorial screen symbol
widget · layout · screen · panel · modal · dropdown · checkbox · slider
Brief sharp noise
- tapValve controlling liquid flow
- swipeQuick sliding motion
- scrollWound document of parchment
- hoverRemain suspended midair
drag · drop · gesture · touchscreen · pinch · zoom · rightclick · focus
Known without reasoning
- learnabilityEase of acquisition
- efficiencyProductive without waste
- feedbackReturned response data
- affordancePerceived usability property
consistency · recognition · flexibility · minimalism · heuristics · cognitive · wireframe · prototype
Arranging letters for display
- colorVisual hue property
- paletteSurface for mixing pigments
- contrastNotable difference between things
- spacingInterval arrangement between objects
alignment · grid · whitespace · hierarchy · iconography · theme · branding · font
Software vocalizing on-screen text
- voiceoverOff-screen recorded speech
- contrastNotable difference between things
- ARIAWeb accessibility attribute standard
- keyboardArray of input keys
captions · transcripts · colorblind · dyslexia · enlargement · assistive · readability
HTML
Web page code
- CSSWeb presentation language
- JavaScriptWeb programming language
- responsiveQuick to react
browser · viewport · breakpoint · mobile · desktop · tablet · progressive · SPA · framework · React
dashboard
Vehicle control panel
icon · widget · layout · screen · panel · modal · dropdown · checkbox · slider · toggle
click
Brief sharp noise
hover · drag · drop · gesture · touchscreen · pinch · zoom · rightclick · focus · selection
intuitive
Known without reasoning
- learnabilityEase of acquisition
- efficiencyProductive without waste
- feedbackReturned response data
affordance · consistency · recognition · flexibility · minimalism · heuristics · cognitive · wireframe · prototype · iteration
typography
Arranging letters for display
spacing · alignment · grid · whitespace · hierarchy · iconography · theme · branding · font · kerning
screenreader
Software vocalizing on-screen text
- voiceoverOff-screen recorded speech
- contrastNotable difference between things
- ARIAWeb accessibility attribute standard
keyboard · captions · transcripts · colorblind · dyslexia · enlargement · assistive · readability
menu
List of available dishes
- breadcrumbFragment of baked grain
- tabsProjecting flaps for gripping
- sidebarAncillary text box
hamburger · pagination · search · filter · sort · link · anchor · routing · sitemap · footer
window
Glass-fitted wall opening
- dialogVerbal exchange between parties
- ribbonSlender ornamental strip
- statusbarInterface progress indicator
preferences · settings · wizard · installer · titlebar · scrollbar · resizable · minimize · maximize · close
- game developmentgame engine, game design, game engines, game designer, rendering
- diseñoindustrial, web, logo, color, forma
- graphic designlogo, font, typography, layout, color
- tech termsinternet, code, emoji, wireless, email
- Tech AcronymsCPU, RAM, ROM, URL, HTML
- tech jargonAPI, app, backend, bug, cache
UIbackend
Non-visible system layer
back-end · server-side · API · infrastructure · middleware
UICLI
Text-based computer interface
command line · command-line interface · terminal · API · shell
Self-operating system design
batch processing · background process · daemon · batch process
- UI designerCreates digital interface layouts