Questions tagged [website-design]
Website design involves the structure of websites, information architecture, the layout and pages, and the conceptual design.
2,706
questions
0
votes
1answer
17 views
What is the keyword for this effect: an animated person walks out from the bottom right corner of a website?
What is the keyword for this effect: an animated person walks out from the bottom right corner of a website? Better yet, any link to any provider that still exists today?
Anybody know this may feel ...
1
vote
1answer
40 views
Does a Wireframe have to match the Prototype?
I feel like this is a UI question so apologies if I'm in the wrong place...
Does the wireframe have to match the prototype in terms of structure and layout, or can it differ to show progression/ ...
24
votes
5answers
5k views
What is better: to have a modal open instantly and then load its contents, or to load its contents and then open it?
Let's say you have a button. When you click it a GET request is fired for some data (for this example assume that the data cannot be prefetched). Then a modal opens and displays that data in a pretty ...
1
vote
2answers
178 views
Burger menu with dark mode for responsive web
I am trying to make a website with light and dark modes. On small screens I am using a hamburger menu. When I click outside the hamburger menu it closes, to indicate it I change the opacity and in the ...
-1
votes
1answer
43 views
What are the cartoony graphics on landing pages called
Many landing pages have some sort of cartoony wacky caricatures depicting humans. What are they called?.
I mean characters like the ones here, here, here, here
Thanks.
2
votes
1answer
84 views
Should alt text be added to an image of a person for WCAG compliance?
Question
I am trying to comply with the WCAG accessibility rules for alt text attributes. The decision tree at the following link explains when alt text attributes are required and when they are not: ...
0
votes
1answer
96 views
Designed UI interface for a desktop web application but did not take into account of browser heights. Any way to solve this?
I am a newbie designer and I'm working for a friend who wanted me to do the UI for their desktop web application. This is a B2B product wherein the customer will use the app to manage their storage ...
0
votes
2answers
87 views
Best input validation approach for complex and busy screen
I have an extremely busy screen for a single page application that allows people to pick their own components and build a custom printed circuit board (following a template that we provide).
Our ...
0
votes
1answer
78 views
Too much whitespace? [closed]
I do know that whitespaces play a crucial role in design.
But while doing my design, specially for larger screens (like Desktop), I feel like there is too much whitespace in my design.
Is it just me ...
1
vote
2answers
61 views
How to make nested input groups more iniutive
I have found something similar to my UI design here:
Intuitive interface for Composing Boolean Logic?
The problem I am having is I want to have a lot of functionality inline. In this example, the ...
2
votes
2answers
63 views
Should we display Title of the Menu on the header even though user can see the menu title on the sidebar?
Do we still need to display the title on the header, if the title already can be seen on the sidebar like in the wireframe?
0
votes
1answer
33 views
Is there any limitations on the no.of colors to be used in the page?
Is there any limitation on color usage in the case of a dashboard? Is there any standard pattern followed by any SaaS/B2B companies?
0
votes
1answer
82 views
How do you make a tab (or menu) less accessible?
We have a pop-up menu with 3 tabs. All three tabs rank in importance. When clicked on an element in a page, you get a pop-up with the first (base) tab active where you see all the information you ...
-1
votes
1answer
106 views
UX Reason why there aren't any “Search for project” feature in portfolios? [closed]
I'm curious what is the UX reason of not including a "search for project" feature in portfolio websites?
I find most featured websites found in places like awwwards doesn't integrate a "...
1
vote
2answers
95 views
How to make sure people will see all the items/options on my website?
I'm designing a website for a dog and cat shelter. We will put the photos with the descriptions of the animals and any other useful infos.
Since there are about 50 dogs and 100+ cats, how can I make ...
0
votes
2answers
95 views
Why people use AdobeXD if it cannot generate (reasonably well structured) HTML and CSS? [closed]
As a person who had seldom to do with web design issues, I see all the enthusiasm around AdobeXD and I don't understand it. It would be justified in my opinion, if I could design my site and then ...
1
vote
1answer
37 views
Is it a good practice to include created and last modified for technical articles?
As a software developer, I often read technical documentation. I might be biased due to the high usage of Stack Overflow and internal tools like Confluence which are full of timestamps (almost any ...
0
votes
1answer
57 views
Automatically detect preference for kilometers vs miles, or explicitly ask?
On my website / app I am currently using miles only to designate distances, and some European users have asked for the ability to have it use kilometers instead, as they are not very familiar with ...
0
votes
0answers
18 views
Dependencies of Design System on the framework used, to build/create a web app
Are there any dependencies of Design System on the framework used, to build/create a web app?
If so please name give highlights of them.
0
votes
0answers
29 views
Where to put a Map on the Contact Us page?
I’m working on a Contact Us page and trying to keep it minimal with only 3 sections (in order):
Map
Contact Us Form
Footer
Does it matter if it is:
Contact Us Form
Map
Footer?
Edit:
I have removed ...
0
votes
0answers
19 views
Thoughts of mobile design, where search input at bottom static navbar?
How do you guys feel maybe taking a slice of how starbucks does their PWA design and applying it to ecommerce?
Long story short, I am designing an ecommerce site mobile first; and I've come up with ...
2
votes
3answers
99 views
Ensuring users' email addresses are kept up to date
My site needs users to register with email addresses that are not freely available, like company or university email addresses. When users register, they get sent an email containing a link to click ...
0
votes
0answers
22 views
Designing for Incorporating multiple workspaces into one interface (WYSIWYG) with a live preview
I'm currently working on an editor for an interactive quiz program my mates have worked on. The quiz has interactive questions that require the user to interact with a passage (i.e. the photo below ...
1
vote
1answer
51 views
Quantity boxes versions for ecommerce
So I'm making an eCommerce template and now I reach the point where I need to make a card product for sites that need quantity selection (not bulk or volume).
I did 2 basic options, one with and one ...
0
votes
1answer
50 views
Why do people forget to reset their browser zoom level?
I have come along this behavior quite a few times. A friend shows me something on her computer and I notice that the website looks odd because she forgot that she set the browser zoom to more than 100%...
0
votes
2answers
55 views
How important is it to keep content above the fold?
The leadership at my company is constantly pushing to make heroes/headers thinner and thinner so that we can push more and more content above the fold. Consequently the website has a very busy, un-...
0
votes
1answer
199 views
Hardware list for testing website layout
I understand for testing websites that run cross-platform (iOS, iPadOS, MacOS, Android & Windows) and cross-browser (Chrome, Safari, Internet Explorer, Firefox, Opera) that you're better off using ...
2
votes
2answers
53 views
Should breadcrumbs contain non-navigation elements
I am working on an admin interface which uses a left menu as well as a breadcrumb at the top of the page.
I have items grouped into different levels in the menu as below:
In this menu, "...
4
votes
2answers
135 views
Best way to mark a filter as active
I'm struggling to find the best way to mark a filter as active in a multi-filter customize option panel.
Here is a screenshot of the current UI. Filters are the most right column.
I'm already using ...
0
votes
3answers
329 views
What is this area called in UI/UX?
My web designer has made a new design for the listing page. I'm going to ask him to do a few changes but I'm wondering what is the area in the red box called in UI/UX? What should I call it when ...
0
votes
0answers
54 views
Drag and drop lists - multiple items with same priority
Initially, I had the following requirements:
There are 2 lists with items. The user needs to be able to move the items from one list into the other.
Each item needs to have a priority.
I've ...
1
vote
1answer
54 views
Placement of Previous and Next button in Setup
What is the best placement of a previous and a next button for a setup kind of scene?
We have a stepper but we decided to have both a stepper and the previous and next buttons.
Is it better to place ...
-1
votes
2answers
65 views
Are there stats about height of browser windows worldwide / by industry?
I wonder because I'm working on the design of trade platform and found that a lot of moments need improvements due to the different viewports on different devices and so on. The platform does not need ...
2
votes
0answers
42 views
Advanced search for different type of results
I am working on a business directory site where a user can search for either a deal, company or event in a city. What alternatives are there for retrieving relevant results for a user in terms of UX? ...
0
votes
3answers
61 views
Placing CTA in left or right side?
Most websites will have the main form ( book a hotel, a flight etc. ) placed either on the center of the page or on the left side. I cannot recall any that has it placed on the right side.
The ...
-1
votes
1answer
40 views
What design changes will improve visual appearance of the calculator [closed]
This is the HTML code for a very basic calculator. I am at beginner level on bootstrap and definitely beginner level designer. what are some changes i can do to make the visual appearance better. i ...
0
votes
0answers
33 views
How to handle browser font size for high resolution screens?
If my laptop is set to a standard high definition resolution, then the default browser font size appears very small on the screen.
I know I can Crtl + +, but I'm afraid a lot of users don't know that....
2
votes
4answers
132 views
Why modal on modal is bad?
I'm newbie when it comes to UX, there's a thing I don't understand and couldn't find answer to that. So I hear every now and then that modal on modal is bad. But I don't understand why and no one ...
0
votes
1answer
61 views
UX Approaches to Competitive Analysis for a University Branding/Communications Toolkit Website?
I'm being asked to do a "competitive analysis" for a university website that has communications and brand guidelines/resources. This is meant at as a solo project done in a few days, I don't have many ...
5
votes
1answer
119 views
Should all subsites look the same?
I am building a website where there is one main site and multiple subsites.
Each subsite targets a different audience trying to accomplish different tasks. Because of that, styling and structure on ...
2
votes
2answers
70 views
Icon alternative for items per page [closed]
I've below pagination select input for choosing the number of records to be shown per page.
I'm looking for an alternative icon that represents the text Items per page
So that instead of showing text ...
7
votes
3answers
2k views
Avoiding Repetitive Actions
I'm developing a UI for a product that will have "Install/Configure" option and "Documentation" on the search of the cards.
However, the UI looks ugly because of the repetitive buttons. Is there any ...
1
vote
1answer
107 views
Vertical tabs to horizontal tabs [closed]
Is there any comment or best practice to use the below case
I have a vertical tab of material design used in desktop version of a website portal. It is a Resposive web and when the viewport size is ...
2
votes
2answers
74 views
Side Panel/Top Nav Panels [closed]
Can any one tell what is the advantage of using side panel menu and top menu bars, which is best in which case?
I have a project to work on next, where it is required to keep the progress indicator ...
1
vote
3answers
89 views
UI for multiple forms with several input fields needs to be designed? How do to make user not get lost filling the form? [closed]
I have long and multiple page forms. I have made them into sections by using accordions so that user has ease of identifying the sections and not get lost.
Is there any way to make the journey for ...
1
vote
1answer
54 views
How would you input sequential data?
Let's say I want a user to enter a sequence, such as boxing combos (e.g., jab-cross-hook) or even skateboarding tricks, along with individual moves/tricks, how would you go about designing the UX for ...
14
votes
13answers
5k views
Convey the meaning of “any” without using words
There is a design with several drop downs to select between multiple choices.
These choices work as filters on a large dataset. When you select one of them, only the records matching the selection ...
13
votes
7answers
5k views
How can I improve the UI/UX of this form?
I have the following form on a website I'm building. I've tried a few different approaches/designs but I can't seem to find anything clean that fits. This is a pretty high res screenshot - in reality ...
1
vote
0answers
87 views
Best UX for Tree Input
I have made a UI for creating recursive groups that can be made up of many items or other groups. I have a UI that looks like the following:
It is not more likely one way or the other that the tree ...
4
votes
3answers
1k views
Displaying page views for a Recipe website?
I just wanted some opinions on displaying the number of views a recipe has (based on GA page views) with the objective to increase click-throughs.
My hypothesis is displaying the page counter in the ...
