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.

Filter by
Sorted by
Tagged with
2 votes
2 answers
44 views

How to create a Flutter UI with a divider and a button positioned between the divider?

I'm working on a Flutter project and need guidance on coding a UI that includes a divider with a button situated between the divider. Could someone provide a code example or share insights on the best ...
Aadarsh Pandey's user avatar
0 votes
0 answers
43 views

How can one give webpage feedback on a long running task in Actix web?

I might have missed it, but I cannot find how to give feedback to the user on the webpage during a long running task in actix_web. Program is in Rust. Abstracted I have a route on "/calculate&...
martinkooij4's user avatar
0 votes
0 answers
91 views

Is there a way to force sort columns for the Backlog view of Azure Devops?

In other views, you have to create various queries to get the results you want and change sorting, but the backlog view is a simple listing of team tasks and doesn't require extra steps. The only ...
not_a_generic_user's user avatar
-1 votes
0 answers
20 views

How to best create a panning UI based on cursor movement

I am wanting to create a container with set dimensions that can be navigable via using the cursor. Like this - https://movingbrands.com/
user5281710's user avatar
-2 votes
1 answer
23 views

is there a way to make your website look the same on all screen sizes..... my site looks horrible on mobile but different on desktop

I designed a UI for a website and when the team did it. the desktop version looks okay but when they opened the site on a different screen(mobile) its totally messed. misarranged texts don't fit ...
Micheal Osei kwaku's user avatar
0 votes
0 answers
29 views

Dashed line indicator for matching bracket pair in VSCode?

Is there a way to make the colored vertical lines indicating bracket pair ranges be drawn with dashed lines, instead of the default, solid style? I'd like to get something like this:
Wabbitseason's user avatar
  • 5,651
2 votes
1 answer
106 views

How do I customize Laravel Breeze's message about a password being compromised?

I'm working on an app using Laravel Breeze. When I try to create an unsafe password (something that has been leaked/pwned such as Password1!), I receive this validation error message: The given ...
erlango3's user avatar
  • 223
0 votes
2 answers
72 views

How to target element inside #shadow-root?

I want to change the display style inside of the #shadow-root and am having some trouble targeting it. First question, is it possible to target it through CSS? Or is it better to do it through JS? ...
Ripley E's user avatar
1 vote
1 answer
26 views

manifest.webmanifest varible name and image

I’m developing a PWA app that is used by multiple businesses. Each business has its own subdomain, and I would like to know if I can use a variable or generate manifest.webmanifest at the first ...
Nicolas's user avatar
  • 451
0 votes
0 answers
33 views

How to create download page with countdown in wordpress?

I'm working on a WordPress project and aiming to create a download page similar to "APK Material Download" with a countdown timer before users can access the download link. I've explored ...
OSM Fancy Text's user avatar
2 votes
0 answers
109 views

Find the closest rectangle to a given rectangle in any of four directions [closed]

Given a few dozen rectangles that are non-overlapping but clustered arbitrarily close together, how can the rectangle above, below, to the left, or right of any particular rectangle be chosen? Given ...
furious programming's user avatar
0 votes
0 answers
90 views

CSS selector property overflow value overlay is gone, now what?

The overflow: overlay CSS property was a screen reader accessible solution to emulate the immensely popular iOS scrollbars that overlay the scrollable element and are transiently visible on :hover or :...
Dylan's user avatar
  • 495
0 votes
1 answer
81 views

how to make a custom shape border like this in flutter , i want to use this shape in toolTip

here i have done something but i need to change the length of the arrow, how to reduce the length of arrow, how to do that in this code. class ToolTipCustomShape extends ShapeBorder { final bool ...
Nns_ninteyFIve's user avatar
-1 votes
1 answer
49 views

htaccess change url to one more friendly

I could recently make some of my urls more user friendly. But now I have some problems to could change other ones. for example this one: https://ugocd.com/ilustracion-filtro?id=Retrato%20Digital&...
UGO CD's user avatar
  • 3
0 votes
0 answers
23 views

How can we handle users who use Single sign on but then also use the same email to register a normal account? Multi part (UX) question

So we are planning to add SSO to our website however there are some questions that remain challenging to answer and I hope someone on here can help with this. Note: We are planning to use Google, ...
Hash's user avatar
  • 1
0 votes
2 answers
55 views

How to put a Bottom Sheet above BottomNavBar

I was wondering how do you put a bottomsheet above the bottomnavbar, like for example the binance lite app as a case right here: example i tried using rootnavigator false but it didnt work because in ...
kevin's user avatar
  • 1
0 votes
1 answer
37 views

disable child view touches when parent disabled

I am creating a clickable custom view to replace android.widget.Switch(Switch), using onDraw instead of additional Drawable. When I use Switch previously, if parent is disabled, the Switch is also not ...
Ayaka_Ago's user avatar
0 votes
1 answer
52 views

How to design a horizontal scrolling bar for random selections on Figma?

I am trying to design a cooking app in Figma and one of the screens I wanted to do a surprise me funcion where there are 4 categories (cuisine type, main protein, vegetables, and carbs) and they ...
Dani G's user avatar
  • 1
0 votes
1 answer
70 views

How to Create a Display Rearranging UI in Flutter for Multiple Displays like Windows OS?

I am working on a Flutter desktop application and I need to implement a UI that allows users to rearrange displays when they connect multiple monitors, similar to the functionality in Windows OS. The ...
Arbaz Shaikh's user avatar
0 votes
0 answers
25 views

Add a video file instead of recording it

In my angular 16.2 app I ask for a video file: <input #file type="file" accept="video/*" ... In mobile devices, android and ios ask if the user wants to select a file or ...
Matteo's user avatar
  • 7
0 votes
1 answer
83 views

When I should use readonly instead of disabled

I would like to know when I should use readonly instead of disabled because disabled in my opinion is much better: it is immediately recognizable which readonly is not. I specify that the question ...
Visibly0467's user avatar
1 vote
1 answer
112 views

Flutter table_calendar Calendar Style

I am using the table_calendar Flutter package. I was wondering if it would be possible to style the calendar similar to googles (and most) calendar(s). I want it to display the appointments directly ...
Val's user avatar
  • 41
0 votes
0 answers
25 views

Flutter: Opposite for Icons.expand?

Flutter has a material icon named "expand", Icons.expand https://api.flutter.dev/flutter/material/Icons/expand-constant.html Is there an icon that shows the arrow pointing in? Icons....
Dave King's user avatar
0 votes
0 answers
13 views

Show element by clicking/hovering on different element

Fairly new to Figma and I kindof understand how components work. But what I'm trying to do is change element 1 from variant 1 to 2 (visibility on/off) based on hovering on element 2. More specifically,...
SpectraXCD's user avatar
0 votes
0 answers
19 views

Strategy to develop a complex react component step by step

Lately I was asked what could be the best ordered strategy to develop a complex react component starting with a ticket with criteria and also a screen design which represents the Interface. Let's say ...
icke's user avatar
  • 603
0 votes
1 answer
43 views

Extracting one set of values from an array

Total n00b question. How do I extract and display just a single set of items from an array? Here I declare the array. I use a form overlay to populate it. struct visitItem: Identifiable, Codable { ...
Phillip Hunter's user avatar
0 votes
0 answers
161 views

Implementing Exclusive Face Biometric Authentication in Kotlin Android App

Greetings fellow developers, I'm currently in the process of building an Android app using Kotlin, and I've hit a roadblock while trying to implement a face biometric authentication feature. My ...
codophile's user avatar
0 votes
1 answer
15 views

Responsive navigation bar design

Is a horizontal sidebar considered unfavorable for user experience? Please provide insights and recommendations regarding the design of a sidebar as depicted in this screenshot. Are there any better ...
Suryanandana's user avatar
0 votes
1 answer
56 views

If-statement boolean logic not working within my switch statement

I am writing a function for a personal project and am trying to create a function that will center lines of text onto the console. I found a solution for Strings less than a line long, but am ...
Chance H's user avatar
0 votes
1 answer
62 views

How to complete the'create a personas for the coffeehouse project'on google Coursera UX design course 2

How to complete the Google Coursera UX design course 2. Creating personas for a coffee house project. I tried creating a persona for the Google Coursera UX design course but was scored 0.0%,I am ...
Josephine 's user avatar
0 votes
0 answers
24 views

calculating SmoothPageIndicator positioning

As you can see, the carousel dots aren't lining up as expected. I am trying to get the height of the SizedBox above the SmoothPageIndicator such that the indicator will be at the bottom of the screen....
Raj More's user avatar
  • 47.2k
0 votes
0 answers
13 views

I need to build a live demo of a user flow that takes user responses and keeps them anonymous

Hello smart people of stack overflow. My team need to create a live demo (on the web preferably) of our user flow and we want to be able to take user responses, have the responses be sent back to the ...
Norman Okolo's user avatar
0 votes
0 answers
11 views

Need starting advice on building my first DB admin and reporting app

I want to build an app for database administration and reporting and presents a web interface UX. App will need (at minimum) the following features: Separate credentials for viewing reports, ...
ShadowFox's user avatar
0 votes
0 answers
20 views

Designing a Secure and Privacy-preserving Phone Number Change System in a SMS SaaS Product

I'm working on an application where users are identified by their phone numbers. One user account can have one phonenumber but one phonenumber can be added from multiple accounts. For each ...
Ege's user avatar
  • 525
0 votes
0 answers
17 views

Safari push notification frequency limit

What is the maximum number of the push notifications in Safari browser per a minute? it seems like when I want to send some notification to users at a minute, the safari browser automatically removes ...
ILOVEJSON's user avatar
-2 votes
1 answer
42 views

Are there any tools for inspecting CSS values in a mobile app? I need it specifically for font size, color, padding

So our design team needs a stand alone tool. This is for a mobile app. This tool should be able to get CSS values of individual elements like font color, font size, padding, and other UX values. Are ...
Rishabh Batra's user avatar
0 votes
1 answer
29 views

What is the keyboard shortcut for selecting option or at least jumping to the VSCode dialogues?

When something like this appears and I want to select Overwrite without clicking, how to do it? Especially on Windows 10. I can't believe that I can't find a result for that, maybe googling unlucky ...
Lukas Salich's user avatar
0 votes
0 answers
21 views

ProgressBar like in Miui 13

how to make a progressbar like in miui 13 to simulate water and move according to the accelerometer of the smartphone, like this I tried in different ways but I can't get the result I need, I would ...
Gold Jym's user avatar
0 votes
0 answers
14 views

Lazy registration and accessing your order via email without a registration

I'm curious about the technologies used to securitize user flows where there is no registration involved (I've seen this called "lazy registration"). I've seen several e-commerce websites ...
mkorman's user avatar
  • 948
0 votes
0 answers
31 views

Email magic link for changing email

I have some hesitations to a solution we are about to build for changing emails and have a hard time finding information about it. I was hoping for some feedback from here. The constraints are: The ...
Rasmus's user avatar
  • 1
0 votes
0 answers
8 views

Design decisions behind MUI X components (number of rows below datagrid)

MUI is said to be a module based on the results of UI/UX research. Are the design decisions for components written down accordingly? I couldn't find them. Specifically for now, I wondered why the &...
Hubcske's user avatar
0 votes
0 answers
95 views

Backdrop-filter: blur not working with iOS browsers. Any solution?

I have a backdrop filter applied to a dropdown menu, on desktop and Android browsers there's no problem, but when testing on iOS browsers the blur effect is not applied. Here's my code: .dropdown_menu ...
Armando Salcedo's user avatar
0 votes
0 answers
90 views

Frontend contact form good practice

What is the good practice about email from a static website? I'm writing one without any backend. I find mailto:[email protected] annoying as it opens the default OS mail client. I may suspect it is not ...
Malvinka's user avatar
  • 1,227
1 vote
1 answer
40 views

Fine-tuning values in HTML input range using modifier keys

I'm currently working on an HTML interface that involves using an input range element. In electronic music production, it's common to have the ability to fine-tune control values using special keys ...
snoob dogg's user avatar
  • 2,559
0 votes
0 answers
8 views

regarding usability in the 'authentication pattern input' UI, such as PIN/pattern

I'm posting this to ask for opinions regarding usability. During the authentication process of entering PIN/pattern, there is a service where pressing [Back] during the second entry takes you back to ...
SEO JUN LEE's user avatar
1 vote
0 answers
39 views

What are some effective strategies for optimizing performance in a React Native application?

Details: I'm currently developing a React Native application and have encountered some performance issues. The app seems to be running slower than expected, especially when navigating between screens ...
Mason Guinn's user avatar
0 votes
0 answers
92 views

How to change the color of a select arrow in React Native using NativeBase?

I'm trying to change the arrow color, but I don't have any idea how to change it to white, for example. select imagem Anyone know how to change the arrow color? my select code: <Box maxW=&...
Gabriel Guedes's user avatar
1 vote
1 answer
39 views

From prototype to CSS Image positioning

I am new to using Figma and am new to more complex styling in CSS, but I have made a prototype within Figma of a page that I am trying to build-out. I am having trouble on the side of taking the image ...
McBraunie's user avatar
  • 107
1 vote
0 answers
106 views

While keyboard visible white flash is showing in Jetpack Compose(Android)

While the keyboard is activating I am updating the bottom padding using the following code ViewCompat.setOnApplyWindowInsetsListener(findViewById(android.R.id.content)) { view, insets -> ...
Ajay's user avatar
  • 21
1 vote
0 answers
113 views

How can I group CSS grid items together in categories?

I am trying to replicate the effect found here at the Google Cloud developer cheat sheet. Currently my larger boxes that display the name of the category, and their associated smaller boxes all fill ...
pyrtibun's user avatar

1
2 3 4 5
34