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
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 ...
- 56
2
votes
3
answers
2k
views
Loading indicator on modal dialog
From a technical point of view, a loading animation benefits with synchronization because user can't make multiple requests.
What are the implications of using a loading animation in a modal window? ...
- 21
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 ...
1
vote
2
answers
375
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 ...
- 13
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 ...
- 13
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., ...
- 892
1
vote
2
answers
262
views
WebView or open in a browser for user guide
In an android app I have user guide section, where some helpful info is shown to the user. These helpful information are in form of web pages.
So I am planning to show web content to the user. I could ...
- 697
0
votes
2
answers
197
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
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 ...
- 31
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/...
- 31
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 ...
- 23
1
vote
2
answers
593
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 ...
- 273
-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----...
- 99
0
votes
1
answer
333
views
What's the standard way to show downloading notification to user for file downloads that require authorization in web applications?
Our web application needs to enable secured file download by requiring HTTP requests to have authorization token.
Due to this, when user clicks download the file will be retrieved using AJAX GET ...
- 101
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 ...
- 133
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?
...
- 273
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 ...
- 273
2
votes
5
answers
2k
views
Does the 980px screen width rule still stand?
I work with a graphic designer, she was asked to create a full width slider images, she asked me about the screen width, I said I don't know it varies, she wanted a number to use when designing I ...
- 162
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&...
- 131
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 ...
- 358
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 ...
- 113
2
votes
1
answer
72
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 ...
- 925
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 ...
- 101
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 ...
- 21
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 ...
- 161
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 ...
- 103
1
vote
2
answers
137
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 ...
- 443
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 ...
- 273
1
vote
2
answers
910
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 ...
- 39
0
votes
2
answers
244
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 <...
- 178
0
votes
1
answer
165
views
Select elements in the sidebar, which is better?
So, my friend and I are building a web app and we were having a little argument. We need to have two select elements in the sidebar and one of them is not relevant to a few pages. Which of the ...
- 3
12
votes
4
answers
2k
views
What's the tradeoff for using an icon driven navigation?
It seems a common theme these days for the UI design of many web applications to use icon driven navigation (so fixed sidebar on the left consisting of only icons for navigation)
Wondering why this ...
- 313
2
votes
2
answers
2k
views
Get the user to accept Terms & Conditions when signing up with OAuth
The register form I'm working on allows the user to sign up using their Facebook account or to create a new account by typing their email and password. Here a mockup:
Currently, clicking on the ...
- 51
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? ...
2
votes
2
answers
427
views
'Yes to all' or 'No to any' with multiple individual questions - The best way to present to the user
I have list of approximately eight questions that need to be answered on a form (yes/no). If the answer to any of these questions is 'no' then the user is taken to page x, while if the answer to all ...
- 123
0
votes
1
answer
412
views
Why do coupon/deal sites open the merchant's homepage after revealing a coupon code?
This is something which has always annoyed me a lot and also confused me from a UX standpoint. It stands out to me as an example of a very poor UX decision that I see constantly.
When I'm browsing an ...
- 169
1
vote
1
answer
116
views
How Do I Encourage Users Best to Download An Application from a Landing Page? [closed]
I do consider about the best experience about the getting more conversion rate from a webpage of ours. Is putting phone number field to send the app is best or putting app store buttons? Which one do ...
256
votes
16
answers
103k
views
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
I'm part of a MediaWiki site called D&D Wiki. Among others, one of our longstanding issues in the public eye was our failure to label clearly enough that certain pages are categorised 'Homebrew', ...
anon
1
vote
1
answer
267
views
Reasons for seemingly inefficient design of Evernote login process
Evernote's login form works like this:
When you go to their website, there is no login form. There only is a form for registering. If you enter your login credentials into that form, it won't log you ...
- 113
1
vote
5
answers
554
views
Black & White Web Design (UI/UX Wise)
One of my client(He has a SEO agency)need to design a website with blog. He want 100% black and white design. That means text, images everything are 100% black and white.
Is there any UI/UX research ...
2
votes
3
answers
152
views
Why do web browsers keep showing the old page when they load a new page [closed]
I was wondering why web browsers keep showing old content once a user has clicked a link. It's confusing if one doesn't look at the loader(which is generally at one corner and thus can easily be ...
0
votes
2
answers
480
views
Override browser shortcuts
The company that I work for is suggesting that we override browser shortcut CTRL + S in our single page app to apply changes (save). It's a complex editor so autosave would not work for this ...
- 151
2
votes
3
answers
722
views
How can I replace 3 cascading dropdown menus?
I have a big form where the user must select a category and a location, each have 3 levels, user must select the first option that enables the 2nd and then the 3rd one. Each dropdown have at least 5 ...
- 121
2
votes
1
answer
4k
views
Phone number click to call on desktop?
I'm designing a web flow in which one of the outcomes is to call our support team. On mobile, this is simple enough as pressing on a phone number triggers the alert below.
However, I'm not sure what ...
1
vote
1
answer
470
views
Should we provide form navigation in 2 step forms?
It is said that multi-step forms should have form navigation in them. But is it also needed in 2-step forms?
- 80
0
votes
2
answers
122
views
Best way to ask a question about how users got to the webpage?
This would be in the form on a short online survey where users will see it pop up some time after they land on the page.
I want to know the exact traffic source from which a user lands on a specific ...
3
votes
3
answers
188
views
Multiple prices for multiple countries
I'm working on a multiple countries project. Until now, we only sold to one country, but we're working on letting users from its neighbour country (speaking the same language) buy our products.
For ...
- 33
0
votes
1
answer
339
views
Are there any good web accessibility training courses/tutorials (online)?
I'm looking for recommendations for online courses on web accessibility. I know the actual guidelines are out there, but my aim is to find a survey of guidelines and best practices in an easy-to-parse ...
7
votes
3
answers
570
views
How come there's no standard way to submit a web form with the keyboard?
I know that in general you can hit Enter while focused on a form field to submit a form. However certain elements like selects and textareas break this behavior. How come we don't have a web standard ...
- 203
1
vote
3
answers
185
views
Should a button or link translate on hover?
Sometimes I see websites using a pattern, where a button or link translates (for example 5px to the top) when hovering it.
See an example in that SO answer
Is this a good or bad thing to do, UX-...
- 265