Questions tagged [website-design]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
20 views

Button Radius in Website

I have a theme on my website where I declare primary, secondary colors etc... and also decided that my buttons would have a border radius of 16px. My question is, if I decided to use buttons, do I ...
user avatar
  • 101
1 vote
3 answers
103 views

On/off functionality inside a dropdown?

I am working on a feature where the user can start a video recording of a YouTube live-stream. The feature is per default disabled. A required input for the recording to work is to select which stream ...
user avatar
  • 420
5 votes
1 answer
83 views

Are there known patterns to visualise the ageing of digital content

TLDR: Are there people who have worked on "ageing of pages" which will be replaced/removed in X months. Is there existing research on this topic we can use, or known issues we should learn ...
user avatar
  • 151
3 votes
2 answers
161 views

How can I better organize this table data, where rows are repeated since metrics have both a 'lights on' and 'lights off' value

I have a web app where a user needs to set a lot of values within a table like this: metric lights target max min hum on 50 70 30 hum off 40 70 25 temp on 23 26 21 temp off 21 25 18 In my app ...
user avatar
  • 33
0 votes
1 answer
27 views

Full-width H1 vs "normal" size [duplicate]

Is there any best practice as to what to prefer from a UX perspective between a full width header title such as this and a more normal header size? I have a consumer facing brand and it's important to ...
user avatar
0 votes
2 answers
83 views

Should one button do 2 actions (GitHub Case Study)?

Case in point - GitHub's "Fork" button. This button used to show all the forks that exist for the current repository but now it doesn't do that anymore. GitHub suddenly changed it to act as ...
user avatar
0 votes
0 answers
31 views

should i show action button in table header while designing for Webapp

I am going to design a table view but I have a problem that I wanted to show the action button. I am confused it is okay to show the action button in the Table header.
user avatar
0 votes
2 answers
45 views

What's the best way or practice to align the 3 lines at the bottom like the 3 ones at the top

I have too long text that I don't want to shorten or get rid of and it gets returned to the next line (Avis des tous les clients d'Abricibuis.www.Abricibuis.com) What's the best practice to align the ...
user avatar
0 votes
5 answers
162 views

Displaying a date range with labels, what is the best practice?

So I have a date range, for example: 21-05-2022 - 27-05-2022 Bear in mind that the date is in dd-mm-yyyy format. So my user wanted to add the "Start Date" and "Due date" before ...
user avatar
0 votes
1 answer
49 views

What would entail hiding the price for some products on Amazon?

I've noticed that when I search on Amazon for a product, there usually will be some results where the price will not be visible until you click on the product and then again click on "See all ...
user avatar
  • 191
0 votes
1 answer
65 views

Software that works like Google Chrome's "view page source"

I've only been using Google Chrome "CTRL+U" Tools to check my web design's responsiveness and edit styles or elements, however it started to get so freaking laggy which slows me down ...
user avatar
0 votes
1 answer
30 views

Choose way to get reply from form

The traffic from my webpage comes from different social media platforms (Tiktok, Instagram mostly), so in the contact form I wanted to add an option where the user could choose in which of those he ...
user avatar
  • 101
1 vote
3 answers
113 views

Beginner question- font limitations

I am a graphic designer veering off into the world of UX design. Currently, I´m just beginner learning through courses, so please excuse my lack of knowledge in the field. My question pertains to the ...
user avatar
0 votes
1 answer
75 views

Need help with sub form fields

Need some UI and UX suggestions and help regarding the following sub-form section Is this ok? I want to clarify to users that by clicking on "Add Extra Data" it will add Title and Extra ...
user avatar
0 votes
0 answers
51 views

UX for Disable/Hidden calculation labels in website

We designed a calculator page on a website for a loan company. This page is split into two sides. The left side includes a menu for the company services, a menu for programs following these services ...
user avatar
  • 1
0 votes
0 answers
23 views

Adding new linked items in database

I am pretty new to creating UXes in general and I'm working on a database management tool. Among other things there are tables for Members and Institutions. Institutions have multiple members, members ...
user avatar
0 votes
1 answer
50 views

showing to users that the site is in beta and things might break

We are planning to launch a new site to the public for testing and initial feedback. We're wondering about how to let users know that things might break. Currently, we're thinking of adding a banner ...
user avatar
  • 101
2 votes
1 answer
45 views

How do I solve the two column layout challenge for question and answer sections?

Overview We have a platform where students can take an online assessment anytime and anywhere. We offer this online assessment mainly for English, Science, and Math subjects. The students need to ...
user avatar
0 votes
3 answers
121 views

Is there any resource for UI patterns of web applications?

I've recently started designing a web application for a project and at times, I realize there is a better solution but don't know where to look or how to do it myself easily. Is there any resource ...
user avatar
0 votes
2 answers
66 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 ...
user avatar
  • 145
0 votes
0 answers
18 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 ...
user avatar
1 vote
2 answers
53 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 ...
user avatar
  • 227
0 votes
1 answer
33 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,...
user avatar
  • 291
0 votes
1 answer
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 ...
user avatar
  • 143
1 vote
1 answer
107 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 ...
user avatar
  • 111
1 vote
3 answers
191 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. ...
user avatar
  • 11
3 votes
1 answer
94 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?
user avatar
3 votes
1 answer
306 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&...
user avatar
  • 67
2 votes
1 answer
95 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 ...
user avatar
0 votes
0 answers
37 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 ...
user avatar
  • 67
1 vote
1 answer
69 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 ...
user avatar
  • 111
0 votes
1 answer
152 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 ...
user avatar
0 votes
1 answer
47 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 ...
user avatar
  • 103
1 vote
1 answer
137 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 ...
user avatar
  • 316
23 votes
9 answers
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 ...
user avatar
  • 231
1 vote
1 answer
54 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 ...
user avatar
  • 247
1 vote
2 answers
78 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 ...
user avatar
2 votes
1 answer
221 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 ...
user avatar
  • 123
1 vote
1 answer
40 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 ...
user avatar
1 vote
1 answer
188 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 ...
user avatar
2 votes
1 answer
185 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 ...
user avatar
  • 971
2 votes
1 answer
80 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 ...
user avatar
1 vote
1 answer
115 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 ...
user avatar
1 vote
1 answer
54 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 ...
user avatar
0 votes
2 answers
112 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 ...
user avatar
1 vote
1 answer
87 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 ...
user avatar
  • 11
39 votes
1 answer
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). ...
user avatar
  • 697
0 votes
1 answer
202 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 ...
user avatar
  • 23
0 votes
2 answers
99 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 ...
user avatar
  • 420
0 votes
0 answers
52 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 ...
user avatar

1
2 3 4 5
57