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
1 vote
0 answers
34 views

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

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 ...
user avatar
0 votes
1 answer
60 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?
user avatar
0 votes
0 answers
20 views

What's the name of modal-like components used in Android 2.3 Gingerbread?

I'm having a confusion with the meaning of certain components used in Android 2.3, more specifically of an old Samsung Galaxy tablet. Which of the following pictures are considered context menus, ...
user avatar
  • 101
1 vote
1 answer
139 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:
user avatar
3 votes
3 answers
86 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 ...
user avatar
4 votes
2 answers
165 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
75 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 ...
user avatar
  • 613
3 votes
1 answer
113 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 ...
user avatar
0 votes
3 answers
436 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 ...
user avatar
2 votes
1 answer
211 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, ...
user avatar
  • 246
2 votes
1 answer
134 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 ...
user avatar
2 votes
1 answer
151 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 ...
user avatar
  • 25.3k
1 vote
1 answer
378 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 ...
user avatar
  • 13
1 vote
3 answers
120 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 ...
user avatar
  • 11
0 votes
3 answers
3k 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, ...
user avatar
0 votes
1 answer
247 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 ...
user avatar
  • 101
3 votes
2 answers
82 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.
user avatar
0 votes
1 answer
82 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, ...
user avatar
  • 101
1 vote
1 answer
78 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 ...
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 ...
user avatar
  • 2,258
0 votes
2 answers
147 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 ...
user avatar
1 vote
1 answer
100 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.
user avatar
  • 113
3 votes
2 answers
630 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 ...
user avatar
1 vote
1 answer
113 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 ...
user avatar
  • 100
0 votes
1 answer
35 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 ...
user avatar
3 votes
1 answer
516 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.
user avatar
  • 133
3 votes
3 answers
380 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: ...
user avatar
  • 1,245
2 votes
1 answer
107 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 ...
user avatar
  • 10.5k
0 votes
1 answer
55 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.
user avatar
  • 113
0 votes
4 answers
416 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? ...
user avatar
3 votes
1 answer
667 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 ...
user avatar
2 votes
4 answers
552 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 ...
user avatar
  • 121
16 votes
3 answers
29k 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.
user avatar
  • 2,874
1 vote
2 answers
310 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 ...
user avatar
1 vote
1 answer
314 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 ...
user avatar
  • 45
3 votes
3 answers
3k 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 ...
user avatar
  • 25.3k
1 vote
1 answer
331 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 ...
user avatar
  • 275
3 votes
4 answers
404 views

Is it appropriate or wise to merge two similar search inputs together?

I have an application team that is building a simple search component in which there are two fields. Both accept a number only value that represents primary keys in two different tables. Would it be ...
user avatar
  • 3,940
3 votes
1 answer
96 views

Name for JS UI Component

There's a text-dragging UI component I want to use, which can be seen in detail here (drag the cookies!). This is a pretty common idea, and is used a lot in native production applications. I would ...
user avatar
  • 305
0 votes
1 answer
3k views

Spacing between UI components

I tried looking up previous questions but came up empty on this one. I am sure that there are various standards and guidelines out there for this (Android, Apple or Windows), but it also seems like ...
user avatar
  • 25.3k
1 vote
1 answer
81 views

Active layers: automatic layer group on map layer component

I'm designing a three level map layer component and I found is a good idea to have an automated smart group that contains all the opened layers. This smart group allows to (see and) quickly close any ...
user avatar
  • 179
4 votes
2 answers
17k views

What are the differences between features and components?

My boss asked me to change a software installation. He wants to change the word features to components. I'm not sure about the meaning of this change. I've gone ahead and implemented this at his ...
user avatar
  • 143
1 vote
2 answers
771 views

Proper time to create a UX vision, design statements and component libraries

So, I've been reading a lot about the benefits of creating a UX vision for your app or app suite, creating unique UX design statements and component libraries. Which all sound very interesting. But, I'...
user avatar
  • 7,200
10 votes
2 answers
2k views

How to know what should be a button and what should be a link? [duplicate]

I implemented a webpage that in practice was a dead end and it just said "Your registration is complete. Please press the button to go back." and there was a button to go back to the page from where ...
user avatar
12 votes
5 answers
16k views

Where can I find a comprehensive list of UI Components? [closed]

I think this is the site where I can ask this. Sometimes I have to build specials "slider" or "scrollbar" but when I try to look for information is difficult because I don't know the proper names. ...
user avatar
10 votes
2 answers
588 views

Proper term for conjoined choice buttons

I'm thinking of using a set of "conjoined choice buttons" to let the user filter a table of highscores. It would look sort of like this: _______________________________ ( ##EVERYONE##| FRIENDS | ...
user avatar
2 votes
2 answers
167 views

Switching language: display alternative or active first?

What is the best practices to display and switch between two languages. For example, I'm at website.com/en/ and I want to switch in french (website.com/fr/). Do you think I should display the active ...
user avatar
9 votes
8 answers
596 views

What is the name of this kind of pattern/component?

I would like to know what this approach is called. In case my incredibly high-fidelity mockups are too confusing, what I'm after is a design that explicitly links the thumb to the viewport by drawing ...
user avatar
2 votes
2 answers
1k views

Are Network Components good UX?

I was very interested in Rob's answer where he lists different options for displaying a hierarchical list of 'nodes' I was thinking that this component would be a good way for our users to manage ...
user avatar
  • 681
6 votes
3 answers
238 views

How do I inform the user a component has stopped working?

This is my design challenge: The idea is to have a separate component integrated into a website, displaying data retrieved from another system. When a problem occurs with this other system, we are ...
user avatar