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)
390
questions
3
votes
2
answers
174
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
101
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
107
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
98
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
60
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
54
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
234
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
557
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
607
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
538
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
50
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
131
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
216
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
364
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
7k
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
67
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
265
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
126
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
580
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
113
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
509
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
594
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
38
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
138
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
567
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
123
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
130
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
654
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
2k
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
147
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
1k
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
349
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
64
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
202
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
678
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
505
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
89
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
226
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
229
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
2k
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
136
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
46
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
97
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
520
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
109
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 ...