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).
60
questions
0
votes
3
answers
151
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
- 2,491
0
votes
2
answers
94
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 ...
- 115
1
vote
1
answer
55
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 ...
- 63
1
vote
1
answer
79
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 ...
- 145
0
votes
1
answer
58
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 ...
- 1,809
0
votes
0
answers
32
views
Component Library
I'm a UX Designer and want to know at what point in my project should I start building my component library? Before I wireframe, during or after.
I think it would be easier to start whilst I'm ...
- 1
1
vote
1
answer
349
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 ...
- 12k
0
votes
3
answers
245
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 ...
- 7,294
0
votes
2
answers
214
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....
- 143
0
votes
1
answer
28
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 :)
- 103
0
votes
2
answers
126
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 ...
- 12k
2
votes
0
answers
218
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 ...
- 21
0
votes
1
answer
99
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?
1
vote
1
answer
145
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:
- 123
3
votes
3
answers
132
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 ...
- 191
4
votes
2
answers
230
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 ...
- 41
1
vote
1
answer
244
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 ...
- 653
3
votes
1
answer
239
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 ...
- 131
0
votes
3
answers
588
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 ...
2
votes
1
answer
243
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, ...
- 246
2
votes
1
answer
172
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 ...
2
votes
1
answer
234
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 ...
- 26.7k
1
vote
1
answer
463
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 ...
- 13
1
vote
3
answers
132
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 ...
- 11
0
votes
3
answers
4k
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, ...
0
votes
1
answer
455
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 ...
- 101
3
votes
2
answers
87
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.
0
votes
1
answer
102
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, ...
- 101
1
vote
1
answer
96
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 ...
- 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 ...
- 2,328
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 ...
- 853
1
vote
1
answer
106
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.
- 113
4
votes
2
answers
783
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 ...
- 141
1
vote
1
answer
375
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 ...
- 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 ...
- 101
3
votes
1
answer
549
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.
- 133
3
votes
3
answers
523
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:
...
- 1,275
2
votes
1
answer
108
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 ...
- 10.6k
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.
- 113
0
votes
4
answers
467
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? ...
- 101
3
votes
1
answer
687
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 ...
2
votes
4
answers
573
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 ...
- 121
20
votes
3
answers
50k
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.
- 2,934
1
vote
2
answers
344
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 ...
- 13
1
vote
1
answer
338
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 ...
- 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 ...
- 26.7k
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 ...
- 275
3
votes
4
answers
457
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 ...
- 3,950
3
votes
1
answer
97
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 ...
- 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 ...
- 26.7k