Questions tagged [website-design]
Involves information architecture, page layout, and conceptual design of a website
2,802
questions
0
votes
0answers
2 views
Placing the stepper in the same row with the modal title or below it
Our team currently lacks a designer and the developers along with the PO must handle some UI/UX decisions.
We are defining a process that involves a modal that includes a big form split into three ...
0
votes
0answers
11 views
Bug report feature. Looking for better solution
I'm working on an application for managers who check questionnaries from other users. In this application, managers should be able to indicate errors in the questionnaires next to each field. I've ...
1
vote
0answers
32 views
Studies of the impact visual design has on user engagement
My intuition is that well-designed sites are more pleasing for us to navigate, which means well-designed sites receive more user engagement.
Are there studies that test this hypothesis? A/B tests of ...
0
votes
1answer
27 views
How much does bounce rate vary according to page load speed?
When a user loads a page by clicking on a link or image they may stay and read the content or they may "bounce" (leave).
Presuming fewer people stick around the longer the page takes to load,...
0
votes
1answer
33 views
Something management VS Manage something
I have a page listing somethings (licenses e.g.). User can see the list or do some actions related to each one. Now I doubted about the title. Which one is better suited and why ?
Licenses management
...
1
vote
1answer
94 views
How a color palette must be used on a website
I came across a website called color hunt and wondered how each color palette must be used (usage percentage and such). For example, I liked this color palette but I am not sure what color must be ...
1
vote
3answers
179 views
Back button fatigue
Let's say I have two pages, a list of products "Product List" and the "Product Page" itself.
When I click on a product (e.g. a phone) I'd like to explore its variations (e.g. ...
3
votes
1answer
91 views
Sentence Link UI
Trying to include links in sentence form to remove "learn more" links. Should the whole sentence be the link or just the "view all" part in the sentence?
3
votes
1answer
293 views
is there a limit of list items displayed on mega menus?
So I've redesigning this web that has a lot of menus (> 100 menus total in my app). Is there a limit of list items displayed on mega menus?
and what should be the best behavior for "See More&...
2
votes
1answer
51 views
Display zero height bar in chart
We have a web application displaying some values on a bar chart (values shown are difference values: our product's performance vs all other products' performance).
Time to time value to be displayed ...
0
votes
0answers
27 views
Sidebar for searching data purpose
So I've been redesigning this website when a user fill in a form, the also can search tp fill one of the text fields. the previous design is when users clicked on search button, they displayed a pop ...
1
vote
1answer
62 views
How do I make a split input that is regex friendly?
I have a web application that requires the user to enter text that is used to split another string. While I want it to be regex-friendly, I don't want it to confuse new users. For example, if the user ...
0
votes
1answer
150 views
Why are so many websites these days obsessed with having huge sticky sections at the top
For example this page
https://uk.indeed.com/viewjob?cmp=Hexagon-Recruitment&t=Refuse+Collector&jk=99dc36532252951a&q=bin+man&vjs=3
About a third of the screen is taken up by an ...
0
votes
1answer
43 views
Communicating the price on a single service, single price website
Having a pricing page or section that follows conventional pricing table design patterns seems to be a best practice for websites offering different services.
If a website offers only a single service ...
1
vote
1answer
126 views
UI patterns listed by type of UI design case
Most UI pattern libraries list patterns by UI element - e.g. "footer UI patterns", "scroller UI patterns", "button UI patterns", etc.
Do you know a library where patterns ...
23
votes
9answers
6k views
What are some good alternatives for using a lot of icons in software?
This is my first time posting here.
The company I work for uses A LOT of icons (100+) in every color to specify the meaning of a specific table row. See the image below for clarification:
I've been ...
1
vote
1answer
48 views
How to visually emphasize one card among many
I'm working on a portfolio and I want to present myself as "T-shaped designer", so I sorted my works into 3 different categories. These categories will be shown as clickable cards/gallery ...
1
vote
2answers
75 views
Login required after filling out a big form
Sometimes a user starts filling out a lengthy form but doesn't complete it before the session expires.
When the user returns (let's say after 2 hours), the website redirects to the login page and the ...
1
vote
1answer
213 views
Is it acceptable to use the same arrow icon style for two different functions on the same web page?
In this scenario I am using a chevron type icon for left/right navigation in a carousel to move through content. At the same time I am also using the same chevron inside buttons alongside text to ...
1
vote
1answer
37 views
Standard Container Size For Mobile Canvas? [closed]
I am creating a mobile design in Figma and my selected frame size is 428 x 926 px (for I phone 13 pro max). I want a container to achieve a proper grid system, can you please tell me what should be ...
1
vote
1answer
173 views
Allowing and disallowing actions from list
I am developing an app for managing user permissions and roles etc.
I have one screen where you can explicitly allow or disallow user some action, but I cannot decide how to design that page.
My ...
2
votes
1answer
104 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
1answer
76 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
69 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
vote
1answer
44 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
83 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
55 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 ...
38
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
120 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
88 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
47 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 ...
0
votes
1answer
71 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
43 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
90 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
108 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
85 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. ...
15
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.
0
votes
2answers
113 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
126 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 ...
2
votes
1answer
93 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, ...
0
votes
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 ...
1
vote
0answers
38 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
45 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 ...
6
votes
2answers
980 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, ...
3
votes
2answers
68 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
295 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
102 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
116 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
1answer
77 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 ...
1
vote
3answers
156 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 ...
