Skip to main content

Questions tagged [component]

A UI component is a single unit of representation of a user interface, usually as the result of being defined as part of a greater component library or design system. It can be either abstract or defined with the specifications (e.g. visual styling, interactions, guidelines for use) to allow it to be implemented consistently (or modified).

Filter by
Sorted by
Tagged with
0 votes
0 answers
63 views

Dropdown UI Element Names

I'm building a new dropdown, and I want to make the parts modular for ease of customization but having a hard time with names. A popover wraps everything. Inside that popover is a that is the trigger....
James Wilkinson's user avatar
0 votes
1 answer
38 views

What is the best UI to override excluded values?

I am working on a SaaS application where the user has set a list of values to be excluded from all records (let's call them global exclusions). This is a list of 7-10 string values. When creating a ...
Cindy's user avatar
  • 23
1 vote
0 answers
26 views

I'm creating a detailed component spec for an input field in iOS and I don't know exactly how to specify certain accessibility details

I'm building a detailed accessibility spec for an iOS input field component for a design system. I want to outline in the spec how voiceover should work. The design system needs an input field that ...
keganonyous's user avatar
0 votes
1 answer
52 views

If I have a stepper where the 1st step is done, can I give the user the chance to edit this steps in the next ones?

I'm working on a stepper with 3 steps, where the first one is adding your address. Once the user move forward to the next step, can I give them the chance to edit that address but without make them go ...
Agustina Puppo's user avatar
1 vote
3 answers
279 views

When to use segmented tab and tabs?

Question here is when do we segmented tabs in the design vs when do you use horizontal tabs in design? Segmented tabs Horizontal navigation
NB4's user avatar
  • 2,491
1 vote
2 answers
119 views

Should the components be drawn in the Design System?

I wanted to investigate what an design system is, but there is a part I cannot understand. In design systems, buttons, forms, that is, every component we see on the website or mobile application is ...
ardacarofficial's user avatar
2 votes
1 answer
67 views

Alert message component variants

I work in an e-commerce platform and we recently had a lively discussion about the variations of our alert message. Would you agree that it is useful to have different versions of an alert or would ...
Helge's user avatar
  • 73
1 vote
1 answer
120 views

Persistent Rich Tooltips

Material Design has rich tooltips which can also be persistent. As it's explained here, these tooltips: remain active even when leaving the target region can contain links only disappear once you ...
fury's user avatar
  • 145
1 vote
1 answer
70 views

Radio Selection before search

Context Allowing users to search for any particular job based on multiple parameters. Feedback needed I've designed this application search component, which will have a default selection and the user ...
Sheraz's user avatar
  • 1,819
1 vote
1 answer
389 views

Are radio buttons considered old-school?

I'll try not to make this a general opinion question, which is against the community guidelines. I've noticed that when I put forth an answer with radio buttons in it, there is almost always a strong ...
Izquierdo's user avatar
  • 12.7k
0 votes
3 answers
440 views

What do you call a search component that filters data inside a data-table?

Sometimes when you have a large data-table you want to narrow down the amount of data. A common approach is to use filters. But, sometimes you're given the option to use a search bar that pretty much ...
Tony Bolero's user avatar
  • 7,304
0 votes
2 answers
249 views

Progressive disclosure on hover - Best approach?

Context: I'm the sole product designer for a company with a product built around selling "knowledge packages" for getting your company on a better spot financially, fiscally, or productively....
Angel's user avatar
  • 173
0 votes
1 answer
29 views

What's the name of the greater than indicator after the sender name in the iOS Mail app?

is there a name for the small "greater than" sign used as indicator in Apple Mail on iOS? Thank you in advance :)
Andreas's user avatar
  • 103
0 votes
2 answers
162 views

Clarifying template value vs. override value

We're designing a master vehicle inventory* settings template that can be overridden at the individual vehicle dealership* level. The individual dealership Settings page opens in an Edit state so that ...
Izquierdo's user avatar
  • 12.7k
2 votes
0 answers
319 views

Is there a better pattern for 'nested' UI select controls [Users can use THEESE or THIS] [closed]

Is there a good UI pattern for this sort of specific select case? There is a search field for labels/tags. The user has 3 options they can select from to refine their search. These options are grouped ...
DannyW86's user avatar
0 votes
1 answer
115 views

Name of truncation pattern "+1 more"

Is there a proper name of the function "+1 more/other". It‘s some kind of truncation, but maybe it has a specific name?
Oleg Brukh's user avatar
1 vote
1 answer
146 views

What is this stepped design/component called?

I search for flow builder or sequence but can't seem to find references on google. This is the layout:
djangodev's user avatar
  • 123
3 votes
3 answers
148 views

Differentiate Design Systems incl. code-snippets from repositories

I'm currently doing some research on design systems (hereafter DS) because we want build one. Context Requirements for a DS guides our designers when building something that needs to conform to our ...
Arthur Boni's user avatar
4 votes
2 answers
242 views

What is the name of this UI component? (Caspio actions/logic builder)

Caspio (and other software I've seen over the years) includes a visual method of defining logic as shown in the screenshot below. Does anyone know the name of this type of component? Does anyone know ...
user avatar
1 vote
1 answer
311 views

How to display an 'either or' option in a setup page?

Hye guys, we are currently designing a setup process for a web app. At this stage, user has to select a type for the system where user needs to switch on either 'Type A' or 'Type B'. It is compulsory ...
intnnn's user avatar
  • 653
3 votes
1 answer
306 views

What is a "collapsible card docked to bottom of the page" component called?

What is this component called? It's a small modal/card-like container which is docked to the bottom of the screen, usually with the ability to collapse, expand or close. It usually have an header on ...
Shachar Har-Shuv's user avatar
0 votes
3 answers
642 views

What is this area called in UI/UX?

My web designer has made a new design for the listing page. I'm going to ask him to do a few changes but I'm wondering what is the area in the red box called in UI/UX? What should I call it when ...
TheOptimizer's user avatar
2 votes
1 answer
247 views

What is the name for Flutter's sliver-like behaviors?

I'm looking for a component name that behaves like flutter's sliver: Here is an example of sliver. What i'm looking for exactly is a list that collapses or expands based on how much you dragged, ...
Nick's user avatar
  • 246
2 votes
1 answer
181 views

What do designers do when a new Apple Components Library comes out?

I'm using the newest iOS and MacOS Components Libraries for Sketch that I downloaded from the Apple HIG site. There are some components that either don't make sense or there is a part of the component ...
James Stables's user avatar
2 votes
1 answer
254 views

UI component or design pattern for juxtaposition of images for comparison

This was a design concept/pattern that I first saw in use for an interactive on a website to show the before and after images of a natural disaster event. Since then I have seen it pop up in a couple ...
Michael Lai's user avatar
  • 27.2k
1 vote
1 answer
483 views

Uploader component design [closed]

Good morning guys. This is my first post, so hi everyone =) . I need some help with the design of a uploader angular component, what I'm trying to achieve is create two components in one, a single ...
Kto's user avatar
  • 13
1 vote
3 answers
167 views

What is the name for component of menu board in front of home slider app

What's the name / the called for the component of menus board in front of home slider app. Usually it's contains of several feature services/action of the app. I mark with red frame on this image ...
Arief's user avatar
  • 11
0 votes
3 answers
5k views

What is a simple definition to the term "Component" in UI/UX Design?

For additional context, I'm being asked to name my assets and organize elements into components. I'm not quite sure what that means. Would components be considered groups (ex. text, call to action, ...
Natomobile's user avatar
0 votes
1 answer
472 views

Best practice for use of grid in the web (desktop browser) application, scrolling is the biggest concern

Grid is the name for the extended table component, that allows the scrolling, ordering, sorting, grouping of the columns, allows to select one or more rows, sometimes allows to select single cells and ...
TomR's user avatar
  • 101
3 votes
2 answers
88 views

Name of a component that shows a hierarchy

Does anybody know if this component has a name? I think the design was very popular for breadcrumbs on the past, but in this case the options do not dissapear as we navigate backwards.
Raul Leaño Martinet's user avatar
0 votes
1 answer
104 views

Adding Items with Multiple Components

Are there any examples sites that add information to an item with several components and data? For example, a home property might have additional components and views to add: images, amenities, ...
Atma's user avatar
  • 101
1 vote
1 answer
102 views

Time Window Selection Component - For Data in "Bins"

Currently I have been asked to help someone create a component/popup that appears above a table that can allow users to select a time window (the terminology used here is "bin") that will then update ...
ClintCC's user avatar
  • 11
7 votes
7 answers
1k views

Document space between components for designers

How are spacial relations between components documented by the big design systems? They only seem to explain how the components look and behave in isolation, not in relation to each other. For ...
Martyn's user avatar
  • 2,348
0 votes
2 answers
151 views

Is there an intermediary between developing a custom UI-library and committing to someone else's library? [closed]

At my company we are a small team (not startup), our flagship product is desktop and hardware-based but we also have our own online platforms (store, user portal, and other new things to come) plus a ...
Daniel Vianna's user avatar
1 vote
1 answer
109 views

What is the name of this scroller component?

I have these arrows that when clicked scroll n cards to the side. I would like to find a React component that does that, but I don't know how is it called.
carla's user avatar
  • 113
4 votes
2 answers
839 views

Best mouse interaction on knob (dial/rotary controller)

I'm creating a custom skeumorphic dial and I have some doubts about what could be the better way of interacting with it using the mouse, which should be as intuitive and effective as possible. Right ...
musicamante's user avatar
1 vote
1 answer
433 views

Are components and patterns same in interface design?

I hear term component and pattern used widely on blogs, articles, books and by my team mates. Most of the time they are used interchangeably by few people, which makes little confusion if they are ...
Aman's user avatar
  • 100
0 votes
1 answer
36 views

Analysing a site (UX - language) [closed]

A bit of a strange question. I'm looking at a website to try and work out the thinking behind the components, positioning and or funnels but am finding it hard to find the right language. For example ...
Iamsamstimpson's user avatar
3 votes
1 answer
557 views

What is the name of this UI menu?

What is the name of this kind of tree menu where descending levels of the tree are shown in panels from left to right. The tree is navigated by clicking elements.
Samuel's user avatar
  • 133
3 votes
3 answers
581 views

Should a style guide be defined before wireframes are started

We have a number of upcoming projects that will share a common theme and look/feel, and are about to start working towards the first of those. There are two competing points of view in the business: ...
Brody McKee's user avatar
  • 1,285
2 votes
1 answer
109 views

Applying atomic design methodology to an existing style guide. When it is too complex?

i'm in the process of applying atomic design thinking to an existing style guide. However I'm noticing a few problems some compound components can't be derived from base components. so they seem to ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
58 views

Component name of hideable menus

How are the menus you can open and close (like in Blender) called? I assume that this GUI design concept will also have a pretty name I can google more information with but I can't find it.
piegames's user avatar
  • 113
0 votes
4 answers
475 views

Is there a name for a group of value-related sliders?

I need to illustrate a set of sliders. Each slider can be moved up and down by the user. Adjusting one slider will indirectly adjust the other sliders. Is there a name for this kind of UI component? ...
Trevor Hickey's user avatar
3 votes
1 answer
695 views

How to compare similiar products and highlight differences and USPs?

As a user I want to compare different product variants and evaluate the one matching best my needs. Most websites using comparison tables to show at a glance every single differenct feature. For me ...
Michael W. Czechowski's user avatar
2 votes
4 answers
578 views

Optimal interaction with dial (knob) button taking discrete values for use on touch device

What would be an intuitive way for users to interact with a dial button of 2" of diameter on a touch device taking discrete values from 1.0 to 8.0? The dial is a representation of a real one featured ...
VH-NZZ's user avatar
  • 121
24 votes
3 answers
57k views

What is the difference between Pills, Chips and Tags/Tokens?

Since all the below components looks similar, what is the difference between Pills, Chips and Tags/Tokens. Since, am confused where/when to use these components.
Pradeep's user avatar
  • 2,994
1 vote
2 answers
357 views

Separating components in a component-based UI [closed]

I've got a page for a Team Overview that currently shows everything that is possible to do with a team. I think that the design for this is loud and hard to read at first glance. The current ...
Dan Schick's user avatar
1 vote
1 answer
352 views

Zoom Slider Control Positioning

I am wondering if anyone has experience with designing a zoom in/out control slider and if they know what the best possible position for them is? Is it the best user experience to have it horizontal ...
Mike's user avatar
  • 45
3 votes
3 answers
4k views

User interface components or design patterns for multiple sort/filter orders

Has any one seen any good user interface components or design patterns for doing multiple sort orders on a data table or grid? I am wondering if this design pattern is becoming less common due to the ...
Michael Lai's user avatar
  • 27.2k
1 vote
0 answers
423 views

Name for a component with two lists? [duplicate]

I'm looking for something like a standard name for a visual component, consisting of two lists and arrows between them to swap elements from one list to the other - Is there an OS or framework ...
Konrad's user avatar
  • 275