Questions tagged [website-design]
Questions having the [tag:website-design] tag regard the design of a website in the context of user experience. For example, site-map, user flow, usability, navigation, or other information structure would fall under this tag.
2,914
questions
1
vote
1
answer
26
views
How I can make the upload of multiple files (with categories) as smooth as possible?
I'm working on a data capture feature where users are able to upload multiple files at a time. The point is they are obliged to categorize each file. The requirement is to give them as much freedom as ...
- 11
0
votes
1
answer
53
views
Best way for users to report conditions for different segments of the same road
I have developed a site that tracks the status of backcountry roads for drivers where users can view or report on the conditions of the roads they drive. At the moment report functionality is quite ...
- 103
0
votes
1
answer
63
views
How to stop User from creating too many instances at Sign-up?
I'm creating a CV website, where the user on sign up is prompted to provide his qualifications. If his qualification/skill doesn't exist in the database he is allowed to add it. But it occurs to me ...
- 3
1
vote
0
answers
20
views
What content types would you find useful in a commercial UX/UI portfolio template?
Overview
I am working my personal CMS portfolio site which I plan to provide as a free resource for designers. The CMS is set up with the idea that you create a range of content for a detailed ...
- 33
1
vote
2
answers
59
views
Feature selector on a pricing component
Currently on our website we has something like this:
You can
Either chose the main product we sell or an additional feature
You can select your contract duration, and
Then there's a CTA in the the ...
2
votes
2
answers
148
views
Help journalists implement Visual Hierarchy using their existing building blocks
I have to convince some web editors (who have a strong journalistic background) that visual hierarchy is essential when building a web page. And I have to teach them what this means using the elements ...
- 121
0
votes
2
answers
126
views
To indicate UI components are not yet usable, is the "wait" ⌛ or "not-allowed" 🚫 cursor better?
This answer makes the argument that simpler is clearer and thus is better, and the "not-allowed" CSS cursor 🚫 is more direct (in my opinion) than the "wait" cursor ⌛. Another ...
- 101
0
votes
1
answer
65
views
Input form where all values have a default
I am writing the UI for a tool that makes some plots (HTML here):
This program makes plots like this:
The input controls the limits of the axis, and the number of bins.
All of these fields (except ...
- 101
0
votes
1
answer
87
views
How to display a hierarchical Tree structure that supports CRUD and moving nodes?
Context
I have an administration Web-UI (implemented with vue and vuetify) where one should also be able to manage organization structures.
Meaning something like Daimler AG -> Mercedes Benz AG -&...
- 111
0
votes
2
answers
77
views
Dynamic Hierarchical dropdown list boxes design
We have a UI that involves several sequential dropdown where the options available in one depends on the selection in the preceding box. This works well enough in practice but some changes have been ...
- 101
0
votes
1
answer
57
views
How to design a data entry form on a wide screen with side navbar?
I'm trying to design a web form for data entry. Problem is, I have a Navbar on the left side, and the form looks like below (very wide, some contents removed for privacy):
What is the best approach ...
- 101
0
votes
1
answer
69
views
Understanding UX Differences: Creating User Personas for New vs. Existing Products
I often come across discussions about creating user personas for brand new products, but I'm curious about the UX differences when it comes to revamping an existing product. Specifically, I'd like to ...
- 3
0
votes
1
answer
102
views
Icon for select all in a dropdown with icons and text
So we have this user management app. People look up users, who can be either active or inactive. And they have icons to indicate that. They are also able to filter those users, and it looks like this
...
- 103
0
votes
1
answer
131
views
Should the search bar go above or below the tabs here?
I have a search bar to search icons. And tabs to show types of icons.
Do you think the search bar should be above or below the tabs? If so, why?
- 1,595
0
votes
1
answer
105
views
Best Practices: Converting (print) footnotes to web
I am the publisher/editor/curator of an electronic magazine/website. Occasionally, I receive submissions for publication that have footnotes; in the PDF, which is specifically intended to mimic a ...
- 393
1
vote
2
answers
91
views
Where and how to add an export button in an area with many buttons and fields
I have the following area on a website for displaying products in a CRM, and need to add a button that will export them to a CSV, however I am having trouble making it look good as there are already ...
- 21
1
vote
3
answers
294
views
Best way to offer a choice between 33+ items
I have a website for a card game that has "seasons". There are four of these seasons per year. When there were only a few seasons a dropdown sufficed to allow you to time travel between ...
0
votes
0
answers
36
views
How do you generally handle preview of markdown content?
I'm rendering a lot of markdown in my applications e.g. a forum with an overview of posts that render a preview of that markdown.
How does stackexchange handle preview of markdown?
Take for example ...
- 111
1
vote
2
answers
164
views
Difference between showing items in the list or in the gallery
I am preparing new design for filter page (something like shop page), where "items" are companies that you can choose from.
For example: You want company within UK, speaking Italian, with ...
- 153
1
vote
3
answers
442
views
When should the font size adapt to the dimensions of the website?
I tried to search online on whether or not font should adapt with the size of the window and I found a lot of results on how to do it but not many whether I should ever do it. I tested it on multiple ...
- 121
15
votes
6
answers
5k
views
After navigating from page A to page B, if a user goes back is it better to send them to the top of page A or scroll to where they were?
This is of course a very general question and circumstances will vary. But in general, which annoys most users least when they hit their browser's back button - to go to the top of the page they were ...
- 271
1
vote
1
answer
78
views
Explain a login process?
I have developed a login process using 2 separate "blocks". You can call it public part and private (safe) part. My question is if this is a good way to explain the login process using a ...
- 181
1
vote
1
answer
184
views
Singular vs plural forms for entities in CMS website
Let's say I have a (frontend) website where users can register and post, just like StackExchange, which makes use of a REST API to fetch the data. So the website is located at https://www.example.com ...
- 11
1
vote
2
answers
125
views
How to redirect viewer's attention to a certain card among similar cards?
I am a product designer but I also work on illustrations and web designs on the side. On my portfolio, I would like to motivate viewers to click the first card (UX/UI card) rather than the other two.
...
- 336
1
vote
2
answers
182
views
Neutrals in web design and how to pick them
When designing a website/mobile you need to choose your neutrals. But I can't get my head around it. Sure I can move the color picker around but I'm trying to generate neutrals in a controlled, ...
6
votes
2
answers
264
views
Did guestbook features on websites exist? Are they still used these days?
An older client asked about creating a 'guestbook' feature for a content based website, and it reminded me of going to places in the past and writing down comments on a guestbook, which served both as ...
- 27.5k
1
vote
1
answer
94
views
Updating UX for time selection
I am building a tool to convert between local times across multiples locations: cities, airports, timezones. Right now, the site updates the local time every second. I want to be able to let users ...
- 111
1
vote
1
answer
143
views
Advice on personal portfolio landing page
I am a product designer and I have worked on several B2B SaaS products last six years. The problem is that these products already had a brand. So I am not an expert on branding and marketing something ...
- 336
2
votes
1
answer
178
views
Good alternative for popups that show events?
I'm in a team that builds website templates for a wide variety of informative sites. We've had a lot of users asking for popups on the homepage and we've been saying no because it's a bad design ...
- 129
2
votes
1
answer
127
views
Are there any guidelines for using the auto focus (programmatic focus) on a webpage by WCAG 2.0?
Regarding ADA compliance and web accessibility guidelines like WCAG and WAI-ARIA, is there a specific requirement recommending the auto-focusing of input fields after service failure error (not a ...
1
vote
1
answer
52
views
Make the Information part better in a cat profile [closed]
Hello guys im creating a site for a cat breeding company. The site is 95% users on mobile web browsers. How can I make the Information section more beautiful. Do you see any other things I could ...
- 25
1
vote
0
answers
50
views
Multi Select Search Bar [closed]
I have boolean search bar and a user want to make search in a param, b param, c param but this is good for single category selection to sho
1
vote
1
answer
69
views
How to expose statistics like a filter buttons
Basically I have a pane with some basic statistic. It shows how many elements have been added, removed or changed and I would like to use it also a buttons to turn on and off filters. But ...
- 111
7
votes
4
answers
4k
views
According to the basic principles of UI Design, which alignment works the best as shown in the following picture
which alignment works the best and what is the proper way of doing it?
- 71
1
vote
1
answer
49
views
Uploading images - copying multiple form fields from one to multiple elements
Issue: We have an image upload form where the user needs to fill in several form fields related to each image, such as the author, description, expiration date, and comment. Some of these fields will ...
2
votes
4
answers
393
views
Should text links enlarge on hover?
What are the best practices for this?
Is it better to e.g. opt for underlining, box shadows, or a darker font / bgcolor when selected / on hover?
The reason I ask is that a client I have is asking to ...
- 21
1
vote
1
answer
68
views
How to ensure accessibility for a variable-length collection of name fields in a form
My company supports a legacy application which uses a data form containing a Recipient section and a Sender section. Each section, upon first load, contains three text inputs (horizontally aligned) ...
- 11
1
vote
1
answer
134
views
Icon-based sidebar navigation + sticky header. Good idea? [closed]
I'm designing a B2B web-app with a lot of tables and dense information.
Each page has a header that can contain:
Page title
Tabs
Action buttons
We're using a sidebar navigation that shows section's ...
- 371
1
vote
2
answers
55
views
Handling and parsing string with multiple elements to the form using one input
We have a problem that we want to solve in the most intuitive way.
There is a modal with one text input, but the requirements are for user to be able to put one OR multiple email in it. This is needed ...
- 11
1
vote
1
answer
499
views
What are the specific breakpoint sizes that Apple uses and references in their design guidelines? [duplicate]
Does someone know, What are the specific dimensions (primarily width) of the breakpoint sizes that Apple uses and references in their design guidelines, name as the XS, SM.... XXL?
Reference: https://...
1
vote
1
answer
209
views
Is it good UX to wait for all images to be loaded before displaying them?
Let's say there's a website or app with 20 images on the initial screen. For websites, we'd typically show images whenever they're available. Since the 20 images will likely all load at different ...
- 91
1
vote
3
answers
801
views
How can I make it more obvious to the user that he can scroll down?
I am currently trying to acquire initial users and feedback for a web app.
So far it's mostly friends and family and some freelancers.
I posted the link to a family group and not even one person ...
- 111
1
vote
1
answer
223
views
I don't understand how an 8pt grid system works with a baseline grid system, any tips?
I've been playing around with design grids, and have liked the consistency of baseline grid systems where all the baselines and elements land on the baseline grid. This is easy to implement for me, ...
- 13
1
vote
1
answer
64
views
How can i logically combine filters for organization, domain and country?
I'm working on a web app containing a lot of datatables with some well known filters on each page, all of them pertaining to a specific domain (or website):
A domain may or may not have an ...
- 111
1
vote
1
answer
101
views
How to create a web design and actually implement it via exporting to HTML code
I know it takes skill to research and create a mockup design as a UX designer, but if you want to take it to the next level - what do you do? What platform do you use to actually realize it and ...
- 41
0
votes
0
answers
39
views
Banner strip of power statements on a landing page. Is there a name for this feature? [duplicate]
I have been given a brief to design a 'banner strip' of power statements on a landing page.
I am looking for inspiration but I cant find the best term to use to find what I am looking for.
I have an ...
- 1
1
vote
2
answers
223
views
Using a single button for sign-in and sign-up
What's the best label to put on the OAuth button (google/facebook) which allows both registration and signing in?
We really see little sense of having two separate buttons which does exactly same ...
- 121
2
votes
1
answer
732
views
Why has extreme padding become so common in web/UI design since 2019?
From 2014-2019, Windows/Windows apps, macOS/macOS apps, and most websites have used modest levels of padding in their user interfaces. From what I understand, the padding is there to make it easier to ...
- 151
2
votes
1
answer
209
views
How many users *actually* land on the homepage?
A bit of an off-UX question but I think it still relates.
I've been designing a few e-commerce websites now and there is always a lot of talk about the homepage, what to include for first time users, ...
- 6,857
1
vote
1
answer
52
views
AJAX Forms and When to Load HTML to the page?
My use case is a customer coming to a landing page from an email. The page itself is doing some processing and then displays success or error messaging to the customer.
Web design isn't my day job - ...
- 113