Questions tagged [website-design]
Involves information architecture, page layout, and conceptual design of a website
2,786
questions
0
votes
0answers
6 views
How to know what padding to stay consistent with? [migrated]
I've heard that one should use spacing consistently, but I'm stuck on what to do here. I have the following box:
The padding above and below the five circles is not equal. Would it be more pleasing ...
1
vote
1answer
41 views
How to handle different recaptcha errors on the frontend?
I am using recaptcha v2 invisible on my Nuxt SSR website with the help of this module
I added it to my login, signup, forgot password and reset password pages
3 Recaptcha Error Conditions
There are ...
2
votes
0answers
35 views
Applicable alternatives to Dropdown when there are only 2 Options
Attached below is a concept for a entry field which leads to a Donation form. The intention is to have the user enter their donation amount in their preferred currency (EUR or USD) then proceed to the ...
1
vote
1answer
40 views
How should users be notified of license expiration and of renewal?
This is a two part question.
Licence Expiration:
When a platform license expires, users are logged out and everyone sees the paywall.
How should users be notified that this forced log out is about to ...
-1
votes
0answers
89 views
how to deliver UX and UI for different desktop screen sizes?
I have recently started doing freelance work and for my design I started using AdobeXD. The client has asked me design a single page website containing some 3-4 static sections, hero section included ...
1
vote
1answer
26 views
How do I know which measurement units to use for which elements in CSS?
My question why would I ever NOT use percentage for sizes? got some good feedback, some good comments and some good answers.
They told my why not to always use percentages, and even when certain ...
0
votes
2answers
52 views
Is it OK to break consistency in my page margins?
I am a beginner and designing my first UI wireframes for a large website with 80+ screens. My question is we set a margin width for the pages of 100px on each side of the page (the screen sizes are ...
1
vote
1answer
36 views
A question regarding registration form, social login and checkboxes
I am a frontend/backend developer. Recently I was provided a design from our UX dev for a registration form for a website. It looks something like this:
------------------------------------|
[ Login ...
37
votes
1answer
5k views
How do you decide UI colors when logo consist of three colors?
I have case where logo without name have three colors (dark blue, light blue and pink) which can be called as brand colors, but I am struggling to decide on UI surface colors (ex: cards, navbar, etc). ...
0
votes
1answer
80 views
Which option is better for read only mode?
I have an Angular application where I have used mat-form fields (Material components) to build the forms. Here I am having a requirement to implement a read only mode.
I hope disabling all mat form ...
0
votes
2answers
77 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
0answers
40 views
Menu Tree Structure - Online vs In Store products
I have a website that used to display a number of products which are available for purchase in-store. It was more like a product portfolio/catalog using WooCommerce. Given the pandemic, we had to ...
-1
votes
0answers
55 views
Out of stock alerts for a product page with multiple variants? [closed]
I'm a junior ux designer currently ideating a solution for out of stock alerts.
Our products have between 3-4 variables, and these will differ for each of the colours. (So for example.. colour, ...
0
votes
1answer
61 views
Should I use alert box or just helper?
I have a case, related to inquiring a sequence of number. User can look up to that number and processed that into another task. But not all number can be inquired in this system (due to some rules). I ...
0
votes
0answers
33 views
Grid/Column layout: Fixed-width sidebar or sidebar is within the column grid?
This question is regarding grid layout, the context is that I am designing for a platform which has a pinned sidebar on the left. I'm trying to figure out the layout settings.
According to this ...
2
votes
1answer
76 views
Should dropdowns hug its contents or should they be fixed?
When creating a dropdown filter, you can control the size of the dropdown by the size of the placeholder, therefore its inicial width.
When the user selects an option, should I refresh the dropdown ...
0
votes
1answer
64 views
Are global gateway splash screens still a UX best practice?
I was reading about Global Gateway ui/ux design and I've found out that there are two kinds: the "Global Gateway Splash Screen" and the "Permanent Global Gateway". A Global ...
0
votes
1answer
77 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. ...
16
votes
3answers
5k views
Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean?
Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean? I'm not sure if I can use it.
1
vote
2answers
106 views
UX patterns for manual review of error messages
I have a set of 80+ automated tests that run every morning on all the datasets in my database. Some are critical tests and some are non-critical. Any failed tests record in a DB table the dataset that ...
1
vote
2answers
120 views
Best Third Button Placement in Website
I'm currently redesigning a website for internal staffs in a company, I have a case that users are filled in a form and can go to the next page the form and then there would be a print button in the ...
3
votes
1answer
73 views
What are some modern examples of "steps involved" UI user patterns?
I need to create a UI element for my website that illustrates how the main process works, using some steps. The element will have the header "How It Works" followed by three steps. However, ...
1
vote
1answer
79 views
How do I space or size HTML text so that blurriness is mininized? [closed]
The image below are examples of two different methods that the letter,"J" is rendered:
When rendering text, letters seem to be, "warped", or offset by a fraction of a pixel. This ...
2
votes
0answers
36 views
Google sheets to UI [closed]
So I did a battery management project that sends data to the IFTTT webhook that displays the data on google sheets. I have 7 data that constantly update onto 3 google sheets. I use Arduino to run my C+...
2
votes
0answers
44 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 ...
7
votes
2answers
975 views
Define non-standard wine sizes (ie 375ml) to standard
Advice on how to clearly distinguish non-standard wine bottle sizes (ie 375ml) to standard on e-commerce ui cards. Below is what the card is looking like now. Icon placement is for shipping, offers, ...
2
votes
0answers
50 views
Product Purchase flow with Add-ons
I have a page where the user can purchase a digital product by itself, in a three pack, or in a five pack. The complicated part is that the user may also purchase add-ons for the products in the pack, ...
6
votes
1answer
267 views
Why has 88:31 become the standard ratio for micro bars?
A recent Hackernews article linked to http://cyber.dabamos.de/88x31/ with some animated gif banners from the 90s. Which got me to wonder: how did the ratio of 88:31 become a standard size? People ...
2
votes
1answer
86 views
How should our app provide feedback on background jobs?
I have a web application that performs background jobs triggered by the user.
Typically, a user can have 5 to 10 background jobs running at a time. A background job will run from 15 seconds to a ...
1
vote
2answers
107 views
How should I decide whether new users start with a dark theme or light theme?
My web application has a dark theme and light theme. How should I decide which one should be enabled for first-time visitors?
2
votes
0answers
49 views
Why are toolbars at the bottom of screen for video-conferencing applications?
All of the leading video-conferencing solutions like Google Meet, Teams, Zoom, Whereby, etc... have the main toolbar at the bottom of the screen. What is the reasoning behind it?
Shouldn't it be more ...
2
votes
3answers
142 views
Should a website have a search function?
Most websites have some sort of search function, but a non-trivial number don't. Is this just an oversight by the designers, or are there good reasons for not providing search? Personally I hate ...
1
vote
1answer
83 views
When Should an Auto Logout Popup Warning Message Appear?
My application is required by our security team to log users out after 20 minutes of inactivity. We don't currently have a message warning users that this will happen, leading to confusion/...
2
votes
1answer
52 views
Continuing setup on another page and/or modal a bad practice?
Background
I'm working on a project involving configuring live video feeds (contrast, brightness, focus, etc).
This is a very rough sketch of how the layout of the UI looks like:
Each grey box ...
0
votes
1answer
34 views
Is it okay to navigate out from a wizard flow to direct user to a certain page to accomplish their task?
I’m currently designing a flow where users are to link an bank. The scenario is the user wants to add another account from a bank, but while on the wizard, he sees that the bank has already been link.
...
0
votes
1answer
56 views
Material Design | Cards - Rich Media - Above Primary Title VS. Below Primary Title for a Card Grid?
I'm designing a website under Material Design guidelines for an online media organization.
I'm designing right now a card grid where each card will include a rich media component.
The page the grid ...
29
votes
8answers
9k views
No one is clicking my slide box popup - Can it be improved?
Earlier I asked when it the right time to prompt the visitor to opt in for web push notifications (they work on both PC and Android devices).
I was just loading the default prompt and every day maybe ...
3
votes
2answers
117 views
Would helping SEO hurt UX on this homepage redesign?
Our Learning Management System is undergoing a homepage redesign. Our target user is teachers, and the main goal is to drive registrations while signposting out to the learning resources available (...
2
votes
2answers
87 views
Advice on Displaying 24 Hour Opening
There's a similar question but it doesn't address the same issue so I have opened another.
I need to display opening hours to website visitors in a clear, easy to understand way. The business opening ...
2
votes
1answer
85 views
How should non-monospace code listings be marked up in HTML? [closed]
For marking up source code beyond small fragments embedded in normal text, the official recommendation seems to be to use the code and pre elements. And this works fine if your listings should reflect ...
1
vote
2answers
227 views
An alternative name for a Dashboard, with more functions?
We have an app that works in two separate pages. It involves sharing content and presenting information with other users. The secondary, optional (but highly recommended) page is called a dashboard. ...
0
votes
0answers
28 views
Nice DB GUI for Lots of (ideally rich formatted) Text
I am designing a workflow processing system. I have many (hundreds) of workflows that in many cases are variants of each other and have related characteristics.
In the beginning development stages I ...
0
votes
2answers
60 views
How to display 2 yes/no options, when one combination isn't possible?
Context
I am designing a setting panel for users to create gauge charts. A gauge can either have a handle (left), a progress bar (middle), or both* (right)… but obviously need at least one of them.
...
2
votes
2answers
108 views
Button to change language [duplicate]
I am developing a website in two languages (English and Italian) and I use a flag icon to switch between them.
What is the common/best practice if I am viewing the Italian page?
Show the Italian flag,...
1
vote
1answer
100 views
Q: How to differentiate two types of post?
I am new to UX design and I am currently developing a design prototype for our project. Our project sort of a social media + shopping website. For our website, there are two types of posts: shopping ...
2
votes
2answers
160 views
For a website, what are good ways to indicate there is more content below the fold?
On a Mac, the scroll bars are pretty minimal or invisible. This question talks about that - Is the currently most used scrollbar pattern good for ux?
I usually try to put content that gets cut off on ...
0
votes
0answers
21 views
Where should website logo link to in an organization with multiple platforms? [duplicate]
We have an organization that has a /forum (discourse), a /news (ghost CMS), /learn(learning platform) and etc.
They all share a similar navigation with the organization's logo in the middle and ...
2
votes
2answers
98 views
Subtle Hover Design Ideas
I'm using tooltips on my site to show some extra info but i'm finding it hard to make it obvious that the icons are hoverable.
I have added in a swirl line that animates, also a pulse animation to the ...
2
votes
2answers
116 views
Best way to present multiple types of data in a cluster bar chart?
This company has two different customer types and they all have two different kind of contracts. The aim here was to show all the contract prices in the same chart. As you can see I tried to map ...
1
vote
1answer
74 views
Logging in with Google, Facebook etc but using the same account
Let's say a user logs in to a site with their Facebook account, then later decides to log in with their Google account. Should a separate account be created for each method of login or should the user ...
