Questions tagged [website-design]

Involves information architecture, page layout, and conceptual design of a website

Filter by
Sorted by
Tagged with
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 ...

1
2 3 4 5
57