Questions tagged [website-design]
Involves information architecture, page layout, and conceptual design of a website
2,820
questions
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 ...
- 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 ...
- 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 ...
- 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 ...
- 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 ...
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 ...
- 21
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.
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 ...
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 ...
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 ...
- 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 ...
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 ...
- 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 ...
- 13
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 ...
- 3
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 ...
- 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 ...
- 101
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 ...
- 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 ...
- 21
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 ...
- 145
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 ...
- 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 ...
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 ...
- 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,...
- 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
...
- 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 ...
- 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. ...
- 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?
- 33
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&...
- 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 ...
- 203
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 ...
- 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 ...
- 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 ...
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 ...
- 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 ...
- 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 ...
- 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 ...
- 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 ...
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 ...
- 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 ...
- 111
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 ...
- 113
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 ...
- 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 ...
- 23
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 ...
- 90
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 ...
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 ...
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 ...
- 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). ...
- 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 ...
- 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 ...
- 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 ...
- 101