Questions tagged [web]
Use this tag only for digital experiences on the web. Not to use in physical experiences (unless they include IoT web applications)
391
questions
3
votes
2
answers
79
views
Tab order of floating buttons
We have a live support chat on our website, accessible via a button that always floats in the bottom right of the page, above other content. This chat widget inserts itself as the first child of the ...
0
votes
3
answers
92
views
How to optimize user experience on existing platform? [closed]
If you have a working website, is there a way to tell if parts of it are bad or good?
Let's take my hobby project for example which is a cryptocurrency live data platform, I develop this as a hobby ...
0
votes
1
answer
74
views
Form with multiple input fields that has an responsible Person per field
I am trying to design a web based input form for a database. For my form, I have two users groups. Both of which need to be able to edit every field. But one of the two groups is always responsible ...
0
votes
3
answers
72
views
Patterns for handling concurrent modifications to resources in web app
While making an LMS web app, I was looking for a way to provide a nice UX while communicating the user that a resource they were trying to edit was already being worked on by another user. For example,...
0
votes
1
answer
59
views
I ask for your help in this crazy modal/dialog flow
CONTEXT
We are sending companies to the clients from a draft list.
The draft list can be viewed and reviewed by clients, who have to decide if they like or not these companies
When clients like a ...
0
votes
1
answer
50
views
Full-width H1 vs "normal" size [duplicate]
Is there any best practice as to what to prefer from a UX perspective between a full width header title such as this and a more normal header size?
I have a consumer facing brand and it's important to ...
0
votes
1
answer
178
views
Why not embed payment pages in the same page?
In my experience, when purchasing something online, the checkout page of the vendor usually redirects to a payment gateway of the company handling the payments. I insert my credit card details on the ...
0
votes
2
answers
449
views
Filters in a horizontal scroll or in a dropdown; what is better? (i made an example image)
I had some discussion with a coworker over what is better.
in total 3 or 4 filter items
Would love the know what you think about this.
2
votes
4
answers
595
views
Top layer for two applications in one
I have to rebuild an application that contains two main functionalities (administrating folders and groups). Both are totally different things, cannot be combined, and will be reconstructed with ...
4
votes
5
answers
345
views
Alert colour for system errors
Currently, I'm using amber alert messages for system errors, for a web application I'm designing. The PM came back asking if red alerts would be more suitable for these system errors.
My assumption is ...
0
votes
1
answer
45
views
Should buttons' position/placement be standardised across the whole platform?
I know that there have been threads about button placement, however what I'm asking is not a specific case. Rather, I would like to know regardless of contexts, should button placements be ...
0
votes
2
answers
129
views
Is there a reason to ask for password only after typing login? [duplicate]
I saw that there is a recent trend in splitting the sign-in step into two: login followed by password (rather than in a single stage). That is, the flow is: [type username] -> [confirm] -> [type ...
0
votes
2
answers
117
views
How can I show users that an element is a 3d model that can be rotated?
I have an important element on my website that can be 3d rotated if the user clicks or touch and drag to the sides. When running a few tests with people, I noticed they skip it through it and never ...
0
votes
2
answers
170
views
How to display detailed information inside modal
I'm currently designing a 3-step creator for detecting objects in a live video stream with the help of AI.
The modal below shows the video and the radio button-like object selectors. However, I also ...
0
votes
1
answer
303
views
Best design for displaying phone call button [closed]
I am working on an e-commerce website. When a buyer opens a product page, there is a button to contact the seller, this button send a message to the seller.
Now I want to add a phone call button. ...
23
votes
7
answers
6k
views
Should my webapp's tabs use browser tabs or an in-page tab?
I'm currently working on a web application where the pages will open in different tabs. And I'm curious which UX is better:
A) tabs that open directly on the application page
B) tabs that open as ...
2
votes
0
answers
63
views
Company internal tool with SSO auth [closed]
I am developing on a web project for the company I work for that uses SSO to login. You can't use the tool if you don't log in. The app will be available to everybody(dose not require company VPN or ...
1
vote
1
answer
250
views
How to redirect user to a third-party site?
Context
A) https://appname.co
This is the main login URL for our product
B) https://abcbusiness.appname.co
We also sell our product to other business with a different URL. We add the business and ...
1
vote
1
answer
114
views
System alerts / errors in B2B web design - How to design system alerts so that users pay attention to them [duplicate]
I need some support with one problem 🙂
System messages in B2B web applications, specifically about them being ignored by users.
Can you recommend any references or share your experience in designing ...
1
vote
1
answer
40
views
Page to select similar products to Batch
I'm looking for a good UI suggestion in creating this page. From the above picture, as you can see there are two rows with same Model No:( B2FR150-150CF8Q1 ) others are different. I want to select ...
-2
votes
1
answer
499
views
What is Text-Wall Effect in web design?
I have seen this in 4th point, TIA
https://uxplanet.org/10-beginner-tricks-to-improve-your-website-design-f26bb465f745
14
votes
10
answers
4k
views
Good alternative to a slider for a long list of numeric values
I want to give the user the option to select a numeric value which falls in a range (0-1000), where most multiples of 5 are acceptable.
Usually, for this kind of thing, a slider would be perfect - ...
0
votes
1
answer
95
views
Is it bad practice to make the title of the page a link?
For example, on ux.stackexchange.com the question is a link to the current page. (for SEO purpose I suppose).
But in order to select (and copy) a line of text, I usually triple click, which is not ...
2
votes
3
answers
414
views
Best way to pick a calendar week + year
I have sub-navigation underneath my main website navigationbar. I want to display a set with calendar weeks (1-52/53) and the years (2019 - 2021) where use can pick.
Because 52 week options are a lot ...
1
vote
2
answers
552
views
How many kebab menus (more options menus) can you fit in on one screen?
I have just joined a new project and designed a part of the interface where users can see original text and translated text side by side.
The app itself has a top bar with Logo, Profile, More Options ...
0
votes
2
answers
37
views
Is it good practice to design UX tailored to specific audiences or just use the general UX guidelines regardless?
I work for a company where our users are generally older and less computer efficient ( based on user studies). Is it good UX practice to tailor the website experience taking that fact into account (...
1
vote
2
answers
135
views
Low-fi wireframes doesn't help me to structure my idea about web design. Can anyone tell me how to solve this?
I am new to web design or you can call UX design. I have gone through many tutorials, books, courses and other article related stuff. Everything helped me to structure my journey on this sector.
The ...
0
votes
1
answer
519
views
When to remind with "Remind me later"?
What are some things I should consider and think about that will help me figure out when we should remind the user of something?
For context: Our mobile app is basically a wine collecting app. When ...
1
vote
2
answers
120
views
Slider and Input for same Value - Should both be tab-selectable?
I'm working on a form where users are able to select a numeric value both with a range slider as well as a numeric input. (See mockup below)
Both inputs have to stay in the form which is a design ...
1
vote
1
answer
123
views
Progress for Data Table
Users are accustomed to viewing data within a data table. The problem is the user cannot complete one action until another action is completed. Is there a better way to lay this out, but also give the ...
5
votes
1
answer
585
views
Web page refresh (F5) user expectations and behavior
There are several good researches on how an average user expects the browser's Back/Forward buttons to work. But there are quite few well-known good practices regarding the browser-level page refresh (...
1
vote
1
answer
2k
views
Position and style of back button in web [duplicate]
After studying about the 'Back' button, I still can't decide on which best suited my case. I am designing an internal portal where the content varies in width.
Button position:
A.1
Right side seems ...
2
votes
2
answers
1k
views
Is Cumulative Layout Shift a consideration while the page is still visibly loading?
Cumulative Layout Shift (CLS) refers to unexpected change in the position of content on a page, and usually happens because resources are loaded asynchronously or DOM elements get added to the page ...
2
votes
2
answers
126
views
Should we display Title of the Menu on the header even though user can see the menu title on the sidebar?
Do we still need to display the title on the header, if the title already can be seen on the sidebar like in the wireframe?
1
vote
1
answer
870
views
Custom select component with filtering
Custom select components are seen everywhere these days due to the limitations of the native HTML select element. Ignoring the virtues (or lack thereof) of select components (c.f. https://gerireid.com/...
0
votes
2
answers
341
views
Why does Firefox delay the download button?
When you download a file with Firefox, there is a delay for a few seconds before the button to save the file becomes enabled.
What's the motivation for this feature?
2
votes
1
answer
63
views
Should console output or logs wrap when displayed in webpages?
I recently had some debates around how console/logs should be displayed inside a web page, I decided to ask people that likely know better the subject.
I tried to make a recording of vertical-...
6
votes
1
answer
185
views
Should all subsites look the same?
I am building a website where there is one main site and multiple subsites.
Each subsite targets a different audience trying to accomplish different tasks. Because of that, styling and structure on ...
6
votes
2
answers
612
views
"Missile launch" button pattern name and implementation?
I am curious about a specific confirmation pattern. The best way I could describe it is the "missile launch" pattern, where the user has to "arm" the button by removing some sort of cover before ...
0
votes
2
answers
464
views
Recommendations about the size of an scrollable area in a mobile screen? (like a map)
There is always one time when we need to insert a map in a webpage or app while there is a vertical scrolling in the whole content. For example, imagine a web that has a map as the first element of ...
0
votes
1
answer
87
views
Methods to help convince clients they need help when their UX and sites in general need a rework or are just trash?
I work with a lot of clients (especially now that COVID-19 is a big thing) who cannot understand my recommendation that their site needs to be reworked, fixed or altogether redone. They're pressing ...
3
votes
3
answers
206
views
Are there any drawbacks to using tabindex to skip navigation elements and go to an input?
With a lot of sites I have to press tab ~7 times in order to get to the input that I want to use. I'm thinking that I will set the tabindex on that input to 1 so that it gets focus first. It seems ...
1
vote
1
answer
83
views
Is it ugly to use centered text everywhere and if so how do I know where to put and not put it?
I am creating a website for myself and I need to know, is it ugly/weird to put centered text everywhere? If I could have some opinions/feedback on my website that would be great.
3
votes
3
answers
226
views
What should happen when deleting a table?
Let's say we have a table with 10-50 rows, and 3 column each.
Below the table we have a button like empty table, which removes all the rows from it.
After the click happens, what do you think should ...
3
votes
1
answer
1k
views
When to use each type of delete confirmation?
So there are several types and variations of delete confirmation, for example:
confirmation modal
popover
delete confirmation in new page
replacing the delete button with a tiny/small confirmation ...
0
votes
1
answer
127
views
"last active" or "recent activity"
There is a table of company records in our application which displays the timestamp of the last successful login. We assume that this is the last known timestamp when a user (who belongs to a company ...
0
votes
1
answer
43
views
category name for grouping: videos, podcast, blog [closed]
I need to find a category name for a top menu on a website
for grouping:
videos, podcast episodes, blog.
I'm thinking "content"
Is there a better category to group all of those options? Content ...
0
votes
2
answers
86
views
Open message in modal or in separate page?
Unfortunately I can't provide visual examples now, I hope that's not a problem.
The question is simple: we have an inbox, which displays all the private messages a user has received, nothing new so ...
3
votes
2
answers
490
views
Skeleton Screen or Loading Animation
I'm designing a loading screen for a website application. I'm having two options for this:
Skeleton Screen
Loading Animation
I haven't known how to choose one of them yet due to some reasons:
I can'...
1
vote
2
answers
105
views
What is the best practice to apply the card design in webpage? [closed]
I have a question in terms of the card design style as I was designing the website for a company.
Basically, I noticed that other company's websites apply card design on their website. Like to ...