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
2
votes
2
answers
146
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?
- 111
2
votes
1
answer
80
views
How long should I wait before animating the navigation bar in/out when the user scrolls?
I'm currently working on a new design for a site and I've encountered a problem I've never found before.
I want to collapse the navigation bar up when the user scrolls down to increase available real ...
CommunityBot
- 1
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-...
CommunityBot
- 1
0
votes
2
answers
348
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?
- 19.5k
1
vote
2
answers
252
views
Mobile – Does a close button need to be on the same x-axis as the hamburger icon?
I have a mobile menu using traditional mobile menu. Due to a long logo, we've placed menu items below. Is it inconsistent that the hamburger icon does not sit on the same level as the close button? ...
- 6,816
5
votes
2
answers
2k
views
What are the accessibility concerns of a checkbox based navigation?
This is an old css-tricks article demonstrating some of the cool things you can do without javascript using checkboxes. I want to use an updated version of this pattern on my site, but I am worried ...
- 105
6
votes
1
answer
200
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 ...
- 1,114
6
votes
2
answers
665
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 ...
- 63
0
votes
2
answers
496
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 ...
- 617
0
votes
1
answer
88
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 ...
CommunityBot
- 1
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
228
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 ...
- 117
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 ...
- 875
0
votes
1
answer
134
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 ...
- 4,518
0
votes
1
answer
45
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
96
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 ...
- 137
3
votes
2
answers
515
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'...
- 19.5k
52
votes
4
answers
5k
views
Should a grammatical article be a part of a web link anchor
When hyperlinking a noun in a webpage (or in an application), which is a part of a longer text/sentence, should a grammatical article (such as "a" in English) be a part of a link anchor text?
I.e., ...
CommunityBot
- 1
1
vote
2
answers
373
views
Best Practice for Vertical scrolling through long collapsible submenus
We're redesigning some of our landing pages. In this case each landing page has 6-8 course categories each of which contain 3-4 courses by date, time and price.
Each course has a CTA button and is ...
- 817
0
votes
3
answers
230
views
In the holy grail layout of web design why is the navigation menu vertical and not horizontal?
i am a beginner with web design, while studying i came across the "holy grail layout" and i was just wondering why is it that the menu is vertically aligned while most modern websites tend to use a ...
- 116
1
vote
2
answers
108
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 ...
0
votes
1
answer
67
views
How to focus on an area / button without looking too "forceful"?
Summary: How to place a website visitor's focus on areas that'll help them see value on the rest of the page faster? It shouldn't feel intrusive, since repeating visitors might not need to see it ...
0
votes
2
answers
189
views
Is showing the same shape for different purposes a bad practice?
For instance, in this image I am using a line for both dividers and inputs.
Could there be any kind of confusion?
Maybe it's a better idea showing coloured lines, like this
Or to change the shape ...
- 273
1
vote
2
answers
445
views
Users want to create tables with many columns and infinite scrolling rows - how do we handle this?
I have a situation where users are capable of creating their own searches on extensive data sets, using a query-like user interface. Our users come from a strong Excel background and are used to ...
- 368
0
votes
1
answer
147
views
How to effectively get data from onboarding process?
We currently have a very basic onboarding process when signing up for the platform.
It consists of 3 screens:
Welcomes you to the platform
Asks to input personal data (Birthday, gender, city they ...
- 3,196
2
votes
3
answers
134
views
How can I promote a child website?
We have 2 websites - let's call them website A and B.
Website A is about event management and website B is about sustainable events, so they are very similar, albeit with slightly different themes/...
- 313
6
votes
2
answers
1k
views
tab menu + side panel - how to organize menu and "context menu"
I have a dashboard, with tab menu (tabs over the content) and a side panel with a vertical menu.
My question is: I would like to make one menu (tab or side panel) as first level menu and the other ...
- 161
6
votes
3
answers
2k
views
Guidelines/best practices for CSS hover animations in web UI
What, if any, are the accepted guidelines and/or best practices for using CSS animated transitions on hover in a web-based user interface? When does it start to simply become annoying and distracting?...
- 9,034
28
votes
5
answers
19k
views
Table with actions per row
One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns).
For each row, users can perform 3 possible ...
1
vote
2
answers
588
views
Date picker showing by week, is showing the month necessary?
I am trying to design a date picker for booking an appointment, and I think that, the most natural way of choosing a date is not by a calendar (showing full month) but by showing by week. Currently my ...
- 10.5k
-2
votes
3
answers
1k
views
Examples needed: a toggle that shows a higher-contrast version of a site [closed]
Can someone give me examples of a feature that toggles to a high-contrast version of the website?
I am only able to find 2 live website examples:
https://www.smashingmagazine.com/?source=post_page----...
CommunityBot
- 1
3
votes
3
answers
4k
views
What is the best way to tell users to scroll down in browsers?
what is the best way to tell users to scroll down in browsers?
Tests showed, that users do not scroll to the original message (which they need to answer questions):
- 6,816
1
vote
2
answers
65
views
Should I guide the user in their account set up? Designing for web
So, I know that when designing for mobile dividing processes into steps makes the user feel not so overwhelmed by the amount of options/fields that are required. Does this hold for web development?
...
- 111
3
votes
1
answer
213
views
What is the point of hiding a webpage until load? [closed]
I have noticed that whenever I go to namecheap.com, the page loads abnormally. Instead of the gradual loading like most websites, namecheap stays completely blank for a few seconds, and then suddenly ...
- 5,578
1
vote
1
answer
186
views
How to structure dashboard with schedule
So, in my current design I have something like this:
I have a dashboard that has a menu with a couple different options. In the 'home' option the user can see a schedule with their appointments if ...
- 106
2
votes
1
answer
3k
views
Need explanation how Clear input button accessibility works
I've a text input with a clear button (looks like "x"). When clicked, this button will remove all the text from the input:
The markup for this looks like:
<label for="first-name">First name&...
4
votes
3
answers
380
views
Web UX: what are the practices of content segmentation without sub-menus?
I am thinking on the following task:
I have a document with the content for the web-site.
Document is structured with Level 1 headers. Under each header there is relevant content.
One of the top ...
CommunityBot
- 1
1
vote
2
answers
595
views
Listing products on rows with multiple pagination
I had have an idea to display products in multiple rows that each of them can have pagination to see more related products, and I will love to discuss about this solution.
The results presented on ...
- 3,309
1
vote
2
answers
149
views
Is there a specific name for these graphics?
I have been tumbling the internet for some time now. I cannot do web design even to save my life, and I was thinking to change that. I have seen a lot of these simply looking web graphics, that seems ...
0
votes
1
answer
186
views
Sidebar with letters
I saw this today on Dribbble.
I would like to know what the technical name is for that sidebar with letters? If one was searching Google for that, what would one type?
Also, can this be implemented ...
- 471
2
votes
1
answer
71
views
Is it common practice to use separate identical images of different resolutions for different screen sizes? [closed]
From a design perspective is it more common to use different size images for say desktop and mobile or is it more common to use the same image for each and display them in different size using css or ...
- 341
0
votes
1
answer
88
views
Is it a problem if my form takes up twice as much space in web form than it does in the desktop application?
I am trying to migrate some forms from a desktop implementation to a web implementation, which should still primarily be used by desktop users.
Currently, we have a generic out-of-the-box theme (the ...
CommunityBot
- 1
1
vote
2
answers
138
views
Whitespace versus content
Given a larger amount of content (e.g. a table of data or a list of fields and options in a form) that absolutely need to be on a website, would it be better to space it out so that scrolling is ...
- 12k
0
votes
1
answer
79
views
Responsive Scheduler
I'm designing a simple scheduler in which I don't need any information except days/hours, no calendar information, no titles, no description, just days/hours.
The scheduler consist in a selection of ...
- 26
1
vote
2
answers
902
views
How to drive users to allow pop ups on browsers
We're having issues with Popup blockers; preventing some paying clients from seeing the expected dialog.
To combat this issue we either want to add a small line of text near the checkout button that ...
1
vote
2
answers
136
views
Why are different border radiuses used for elements on same site?
I've noticed that a lot of websites use border radiuses differently for different elements. I've noticed some patterns, but I'm not sure of them.
I noticed a lot of them use completely rounded ...
- 1,665
0
votes
4
answers
169
views
How would I convey the information that multiple options can be selected, and just one can be selected as well?
So, this is what my scene looks like:
How would I show the users that they can book only one service, or more than one? I wouldn't want to make a clickable '+' instead of a book button that adds it ...
- 2,656
7
votes
1
answer
10k
views
How to use the "help" cursor property?
The W3C allows different CSS cursor properties.
Some of them are really common, and I think a majority of users understand them because they saw them per default on any website (text when the text ...
- 3,309
3
votes
2
answers
532
views
Should a web-based non-modal dialog prevent users from leaving it via keyboard access?
Say that a dialog is non-modal, meaning that a user can use the mouse to interact with elements outside of the dialog without closing it.
Does this also mean that the user should also be able to ...
- 101
0
votes
2
answers
242
views
Help text for pressing buttons on the web
I am reviewing some help text on a web page that says...
Press Submit button to submit the form [blah blah] or press
Cancel to return to the previous screen.
Although they're using the <...
- 339