Questions tagged [user-experience]
The user experience (UX) is the experiential, affective, meaningful and valuable aspects of human-computer interaction and product ownership, but also a person’s perceptions of the practical aspects such as utility, ease of use and efficiency of the system. Essentially, it's about how a person feels about using a product.
user-experience
1,699
questions
0
votes
0
answers
14
views
How to replace icon in instance of a component in Figma?
Requirement:
I used same icons for the navigation items at the beginning of the time but after creating the Figma design I want to change and use specific icons for the specific item.
Problem:
I am ...
- 37
0
votes
1
answer
85
views
SVG not taking full width of container div
Facing issue where SVG is not taking full width of parent div.
I've tried updating the viewBox and adding width and height attributes to the SVG, but neither approach has worked.
My requirement,
I ...
- 764
0
votes
1
answer
30
views
Can I have an HTML number input's arrows jump different than its step attribute?
I have an <input type="number" step="1"> element for choosing font size. However, given the context of drawing on a large canvas, changing the number by 1 is barely ...
- 19.8k
0
votes
1
answer
44
views
User interfaces for chat comments and multiple reply
I'm trying to develop chat interfaces UI by following design and below is my code but I couldn't fix corner curve and design! Maximum nested reply will be three.
Design
Code
/* styles.css */
...
- 3,300
0
votes
1
answer
37
views
Angular 17: Resizer using Cdk Drag
I am trying to rewrite a resizer using cdk drag. The way I have taken seems valid, but there is little control during resizing, the size seems to follow an exponential trend.
Surely I am missing ...
- 73
0
votes
0
answers
85
views
model gpt-4o is not working on my chatbot
I tried using the new model 4o GPT on my chatbot but it doesn't work says it doesn't exist or I have don't have access to it , I don't think its the API key problem
entered the model name in app file ...
0
votes
1
answer
36
views
Image is being cut off from the carousel
I'm building an image carousel on my website, and my images are all 1350 x 523
so i made my carousel 523 pixels in height to cover it's full extent on height
but it's width is responsive to the screen ...
0
votes
1
answer
252
views
How to do gradient masking in Figma [closed]
I have followed the YouTube tutorials exactly as they explained but still not solving my problem. I am very new to Figma so I am in the process of learning.
As per the tutorials after you place the ...
- 3
0
votes
0
answers
23
views
How to prevent image loading after it's already loaded in dom in react
enter image description here
these images are already cached by the browser and also we have implemented caching of the image URL in indexdb.
in order to improve the user experience we are facing an ...
0
votes
1
answer
64
views
Maintain row position during drag n drop when other rows collapsed
I have a draggable/sortable list of accordion items (or expandable rows) and I'm collapsing all of them during drag n drop to make it easier for the user to see what they're doing.
If I do this only ...
- 6,669
0
votes
0
answers
24
views
Disable popups when hovering over Outlook Calendar events
(Windows 10) Is there a way to turn off the popups that show when hovering over Calendar events? They will generally obscure another appointment I'm also trying to see, and they only show me ...
- 729
0
votes
0
answers
70
views
C# string length validation for SQL Server UTF-8 collation columns
I'm struggling with communicating length validation issues in my C# app to business users for string values that are stored in SQL Server using columns with UTF-8 collation (...
- 11
0
votes
1
answer
78
views
Do passkeys require discrete user flows for registration vs. authentication?
UX designer here working on an update to our authentication flow, ideally replacing passwordless email login with passkeys as a primary authentication method.
Today, our product does not distinguish ...
0
votes
0
answers
9
views
Best practices for dynamics component movement in the FE
Are there any design pattern/best practices for moving dynamic components?
This morning I was working on a page with a form and a table. The update required that the form could be switch (I'm using ...
0
votes
2
answers
38
views
How to create a downwards arrow in CSS that changes size according to screen size?
I have a CSS arrow that points down.
.bottom {
display: inline-block;
width: 2em;
height: 2em;
border: 0.2em solid #333;
border-radius: 50%;
}
.bottom:after {
content: '';
display: ...
- 350