Questions tagged [website-design]
Involves information architecture, page layout, and conceptual design of a website
2,864
questions
3
votes
1
answer
171
views
When to display a modal popup over a card flip on mobile or desktop?
I am building a Bootstrap website for a mobile application. It's basic HTML with no real backend coding involved at all.
I have a photo with a chapter and verse from the Bible. I want to show that ...
- 133
0
votes
1
answer
43
views
height of navigational header e-commerce site
What is the generic opinion on the height of the navigational banner?
I have two options that I would like to discuss from a UX perspective
Logo on the top left, search bar, cart icon and account ...
0
votes
2
answers
32
views
Width and adjustment of arbitrary data tables
We have a couple of similar pages in our web app where each shows merely a data grid for tabular data. They differ only in the type of data to be shown, i.e. with different number and kind of columns.
...
-1
votes
1
answer
47
views
What are Special Character for Purposes of Creating Passwords [closed]
Password Creation and Special Characters
Some websites have the following password creation rules:
the password must contain at least one small lower-case letter a, b, c, et cetra...
the password ...
- 119
0
votes
0
answers
4
views
Need help with selecting a color pallets for light and dark modes o a site [migrated]
I'm building a e-commerce site as part of a project and to make it more catchy, wanted to add a dark mode to my site. And, also I'm open to suggestions on the colors used for light theme built ...
- 101
1
vote
2
answers
179
views
What's the right UI of a dropdown when it's disabled?
There are several settings that users need to go through, one of them is selecting a model. By default, a model is pre-selected in the dropdown field. However, if the user expands the advanced options ...
- 11
1
vote
2
answers
111
views
What UX principles to apply to assess a sticky action menu at the bottom?
On the Awwwards website, I really like the sticky action menu at the bottom of the page (the black rounded box on the screenshot)
I think it is :
Close to the thumb on mobile, hence easy to reach
Not ...
- 111
1
vote
2
answers
93
views
What is your approach to finding the name of an element or design pattern?
Often times i'm looking for the name of a design pattern / design element and I don't know the name of it. I've tried looking at Libraries and Design Guidelines but I am often times unable to find ...
- 15
4
votes
3
answers
108
views
How can I relay to the user that there is a max number of profiles available?
So I currently have a list of profiles where the user can click a button to add more profiles if they wish. These profiles contain groups of devices (i.e. a phone, 2 laptops and a tv). The problem is, ...
- 731
0
votes
3
answers
127
views
UX hire candidates that use 'pre-built' portfolio sites?
I'm trying to think how to ask this in a way that isn't just opinion-seeking, and it's valuable to this site. Hopefully this works:
When hiring UX designers, what drawbacks should I consider in ...
- 145
1
vote
1
answer
37
views
Need help for Svg-typed-Info section
I'm currently trying to create an SVG image for my GitHub readme's top. This image would include a profile for the user, a few links for social networks or similar sites to post(pinned), and some ...
1
vote
1
answer
39
views
Custom back button vs multiple user paths
I'm working on a Hotel chain website that has custom back buttons on their hotel pages. The back button takes users to the previous level in the navigation.
E.g: A user in "Hotel page" ...
- 158
0
votes
2
answers
47
views
Clean design ideas for promoting users to explore more
I have a website which promotes local fitness events. A lot of our site visitors are through Google. They will generally arrive on a specific event page and then leave. I have put suggested events at ...
3
votes
4
answers
787
views
What can be the strategy to build a Design System?
I often wonder whether it should be a component first approach or what exactly should be the strategy to build a design system.
- 53
1
vote
1
answer
107
views
Is data table better or a card?
in a mobile responsive website is using a table with 9 columns a better idea or a card would suffice?
I have tried using a compact table to make it responsive for mobile but. it just didn't work.
0
votes
0
answers
16
views
Who should own a DAM (Digital Assets Management)
Hello fellow Designers
DAM (Digital Asset Management).
Who should be owning this if referring to an enterprise, big corpo?
The content team, Digital team, Brand team, Marketing team or DesignOps?
- 1
0
votes
2
answers
86
views
Do you need an "All" filter for chips?
Im using a filter system that involves using chips to filter by category. You can only select one chip at a time. Does it make sense to have an "all" filter, or to allow the user to deselect ...
- 731
3
votes
2
answers
157
views
Is there an Interface Hall of Shame and Fame for web design?
There's the Interface Hall of Shame and also the Interface Hall of Fame for desktop UI design. The company that created the site doesn't exist since quite a time. Their site has been archived by ...
0
votes
1
answer
61
views
UI/UX for menu tab, 1 main function has only 1 sub-function and that sub-function also has just 1 sub-function
I have a context of a function menu for an auto-recruiting system(ATS) briefing below.
I have three function cards,
Position
Question Pack
Question.
The concept is that a Position includes some ...
0
votes
1
answer
60
views
Should a "New Item" action immediately select the added Item?
Scenario: I have a button labeled "New Item" which adds a new Item to a list (for example, in the image below, "New Signal" adds a new "Signal" to a list of "Signals&...
- 101
0
votes
1
answer
42
views
How to name an option in settings that allows free input in a list (select)
In the settings of a web application, admins can select "custom fields" of different types: number, selector, multi-select, etc.
We added an option that allow user (not admin) to type their ...
- 113
1
vote
1
answer
128
views
What are some best practices on building large forms for data entry?
I am currently building a web application which has large forms (10 - 30 input fields). I am using DevExtreme's DxForm to do this. The users using this form will be on desktop computers 100% of the ...
- 111
0
votes
0
answers
45
views
Statistical breakdown of use of naked vs www and http vs https when users type URLs?
When users type URLs into the browser (i.e. in order to visit a web page), of the 6 possible permutations, what is the percent of the time that each permutation is entered?
example.com
http://example....
- 289
5
votes
3
answers
201
views
If decrease in time represents a better score, should I show an up or down arrow?
I've created a Rubik's cube timer web app, and each time a user uses the stopwatch, their time is added to a table on the webpage.
With each attempt, an arrow is shown informing the user whether ...
- 151
0
votes
2
answers
128
views
What is this component called? It looks like a table but each row has different types of data
Looking for a way to distinguish this from a table component but not sure what to call it
- 1
2
votes
1
answer
253
views
Should scrollbars be integrated into the viewport width when content differs?
If a website consists out of navigation events (such as blogs where articles can vary in height) and the content is horizontally centered - the content shifts to the left when a scrollbar is added ...
- 123
2
votes
2
answers
109
views
How can I make my website more "self explanatory"
I built the following website MyChessNotebook some months ago. The purpose is simple: it is a text editor where a user can insert some pictures of chessboards easily.
I use it and find it super easy ...
3
votes
1
answer
129
views
Multiple websites vs single website when client's businesses overlap
I work for a company that has many hotels in the country and a website where it is possible to check information about them and book a room.
The hotels have many good restaurants (2 or 3 per hotel in ...
- 158
1
vote
2
answers
32
views
Log in then subscribe, subscribe then log in, or something else?
I have a paid SaaS progressive Web app whose core functionality involves integration with Facebook. I'm primarily targeting mobile devices. New users will have to choose, and pay for, a subscription ...
- 213
1
vote
1
answer
112
views
Draggable widget - how to indicate draggability
I have a popup Javascript widget with an icon that is embedded into the right-hand corner of my site (by default.) The user can drag and drop the widget icon to another corner of the site if they wish,...
- 113
0
votes
1
answer
28
views
How to hide and show browser extension UI embedded in a full screen player page?
I am working on a Chrome extension, which helps users watch TV shows together on a media-streaming service. Basically, its functionality is similar to Tele Party (formerly known as Netflix Party), and ...
- 63
1
vote
3
answers
128
views
What to do with important information that disrupts the flow of the design?
Quite recently, we redesigned our whole application. FYI, below you'll see the old and the new design:
Old:
New:
Very short summary of what you'll see:
The top toolbar shows all the actions that ...
- 111
2
votes
1
answer
238
views
How to display filters with optional relationship(OR or AND)
We have a table of users and at the top I have 8 buttons, each one representing a filter (age, status, role...). When clicked it displays a dropdown with multiple checkboxes.
The relationship between ...
- 23
0
votes
1
answer
64
views
What are some of your favorite examples of websites presenting long form text (essays, long articles, etc.) in an interesting and/or unique manner? [closed]
I am going to put together a simple Webflow website which will feature a ~2,000 word essay on the homepage. I am looking for creative ways to present the essay in a way that is interesting/unique, but ...
0
votes
0
answers
77
views
Are there UI/UX design patterns for graphic editors?
I'm porting a vector graphic editor from the desktop-based to the web-based.
And the literature and guides whose encounters on UI/UX design patterns are very focused on e-commerce. Example: UI ...
- 101
1
vote
1
answer
150
views
What is this new insane trend to remove the "order by" feature from websites?
In the last couple of months, two major websites I use have removed the entire basic feature to order the list of items in any way other than by "relevance", if it even mentions what it ...
- 11
0
votes
2
answers
60
views
I woud like to know what type of effect has been used in the UI design of the website? [closed]
What type of effect has been used in the home page of this website as the image moves with the cursor .
https://www.niarratravel.com/
1
vote
1
answer
59
views
Flipping word animation effect
I sometimes sees some effects on websites that allows you to flip the text, for instance
We are a word company.
Where word would flip around a few adjectives like dynamics or smth like that.
Can ...
- 113
2
votes
5
answers
256
views
Radio button group or Checkbox?
Should I use a radio button or checkbox or something else to indicate which row is the primary selection?
- 131
2
votes
3
answers
209
views
Is a slight icon inconsistency ok if the icons are clear?
So I am designing something that will tell the user whether something is online or offline. The problem is, I cant decide on a final design for my icons. The various designs look better on different ...
- 731
0
votes
2
answers
300
views
Hide premium features/content or show+lock them?
We are currently building a learning platform that has two membership tiers. Let’s call them basic and premium.
With premium you get quite a bit more features and access to additional content.
...
- 1
0
votes
1
answer
113
views
How to design a complex process with 15 steps
I designed a web form using a wizard approach and my product owner liked it. Unfortunately, they now want to use the wizard for everything. Our next screens have over 15 steps and each step is pretty ...
- 131
0
votes
1
answer
68
views
How should I incorporate interactive 3D designs in a responsive website?
Description
I am currently designing a website where, for the hero section in the desktop version, half of the page is used for the company's value proposition and call to action, and the other half ...
- 101
1
vote
2
answers
168
views
Design challenge for a job interview
The task says to identify potential user issues on a website's page and to suggest an approach to test these potential issues. They also want me to outline my process/es for addressing these issues. I ...
- 11
0
votes
1
answer
143
views
Best practice for tab contents in a web application
I am designing a web application that one of its interfaces includes a two tabs interface, if the first tab is selected then one input (a div containing tags) are shown above the tabs and if the ...
- 3
0
votes
1
answer
122
views
Is it a best practice to place a button action column on every row within a web page list?
Let me set the stage:
Think of a web page with a pages long list of rows of data with a handful of columns.
Now there is work planned to add an action button column to this list such that every row ...
- 103
2
votes
2
answers
69
views
When you are designing for a web browser can you create a different design for mobile than for desktop? or does it have to be the same for both
Would this be considered a responsive design?
- 21
0
votes
3
answers
117
views
Single input multiple choice UI
I am working on small project(web page) where a user can have two options to get results. But only one can be used at a time.
Being a noob with UI and stuff, I would like to know how to work on such ...
- 1
1
vote
1
answer
62
views
Can a visual concept hinder an understandable navigation?
Anyone who has read anything about graphic design will know the strength of blank space as a compositional element, whether as a design itself, as a concept, or as a style, such is the case of the ...
- 17.1k
9
votes
6
answers
3k
views
Why is there no "closing sidebar button" in the mobile world
When I'm using a google product, I'm always wondering why there is no "closing sidebar button". For example in gmail I have to swipe the sidebar or click outside it's area to close it.
More ...
- 191