All Questions
Tagged with page-layout layout
27 questions
0
votes
0
answers
72
views
Complex table design based on diagram selection
enter image description hereI am building a web based tool to manage car repairs. The user would select an area of the car and a part from a list of supplied parts. They would then select what they ...
1
vote
1
answer
232
views
Why does Amazon NOT fill the entire page width with products [duplicate]
Amazon seems to try show you as many options as possible, each being an attempt to get you to click on something to buy. However I was surpised to see they limit the page width, in the image below you ...
0
votes
1
answer
1k
views
What are the most common screen and browser width/height sizes to handle in order to cover common devices and browsers (i.e. both web and native)?
Question
I have a library that I implemented to use in my frontend projects. (Details are not much relevant, but just in case you may wonder, they are provided below in the Background Info section. I'...
2
votes
2
answers
2k
views
Is Cumulative Layout Shift a consideration while the page is still visibly loading?
Cumulative Layout Shift (CLS) refers to unexpected change in the position of content on a page, and usually happens because resources are loaded asynchronously or DOM elements get added to the page ...
1
vote
2
answers
148
views
What layout for a nearly empty web app? [closed]
Context
I am designing an ad hoc enterprise web app that is very simple: given two parameters (year, month), click a button that generates and let you download a file (an Excel spreadsheet). Users ...
2
votes
1
answer
342
views
Handling long text in width-constrained layouts
I'm working on an application in which there are occasionally single-word strings that need to be represented in a box that isn't wide enough to contain the word unbroken:
The example above is in ...
-2
votes
1
answer
398
views
Portrait vs Landscape Mode [closed]
Portrait & Landscape layouts - What is the UX guidelines for making two distinct layouts i.e. where the layouts will be significantly different from each other.
2
votes
1
answer
254
views
Guidelines for layout of component that can have variable sub components
I've been asked to design a component that lists objects on a page. The component needs to be able to display between 3 and 6 numbers of objects in the list.
Here's what I have for 6 objects in a list:...
1
vote
2
answers
341
views
Focus style accessibility - Is colored underline enough of a change?
I am currently assessing styles for accessibility for a project onto which I am working. Overall, the layout has a black background (#050000) and text and components are either beige (#FEF0D6) or ...
7
votes
1
answer
1k
views
How to best improve information density for long, complex forms?
How to layout long, complex forms such that the largest possible number of fields is visible on the page, but legibility is maintained?
I am re-designing an enterprise web app where there are a total ...
-2
votes
1
answer
133
views
Design/development frameworks equally suitable for both desktop and mobile views
I am quite a new to (or way too old for) a modern HTML, and i had to develop simple UI. I need to support 2 types of screen in it:
So UI consists of a menu, and content, for instance, a text with a ...
2
votes
1
answer
74
views
How could I make this sheet more intuitive?
I recently wrote an open-source application that lets you practice Chinese writing and the decisions I made about its inner workings were related to my theories of how human memory works. I'm not sure ...
0
votes
1
answer
58
views
Is it useful to have navigation/location labels and the page title duplicating information?
Navigation already tells you where you are. Do we need a title? Is it useful or is the title information just increasing interaction cost?
Example:
0
votes
3
answers
1k
views
Options for card layout on website
I am creating a screen which displays courses. Currently, I am using card layout. Here each card displays a course name, and a button .on click of that button, a form will open in a modal window where ...
9
votes
3
answers
1k
views
Should I keep my website logo always visible?
I'm building a website for a new company and right at the homepage there is a main action where users need to select wich city they are located in order to show specific results, which depends on the ...
2
votes
2
answers
137
views
How to display a label-field with multiple pieces of data
Let's say I have a details page that lists various pieces of information taken from a form. This works fine when I have a single attachment (link) per field.
However, let's say the user can attach ...
4
votes
2
answers
117
views
Is it a bad idea to move the content on the right of the page?
I recently discovered a blog which has an original layout:
The left half of the page contains by the name, two menus, the social buttons and the copyright. Most of the space is not used, and is ...
1
vote
2
answers
132
views
Best way to approach statistics pages
In general what is the best way to approach a statistics page. Not a dashboard, but a page showing a number of numerical stats with labels. Say for example, there are around 10 numerical stats that we ...
0
votes
1
answer
179
views
Layouting personal developer home page [closed]
I am stuck at layouting personal home page which intended to present me as software developer and R&D man.
I am definitely don't want geeky home page like famous https://www.jwz.org/ (scrolling ...
0
votes
1
answer
138
views
Website Forms - struggling for space, what is the best option?
I am looking for some input on a dilemma. I need to implement a newsletter signup box and I am struggling to fit it in properly to the space I have.
The restrictions are:
The left hand column is the ...
1
vote
2
answers
374
views
For Wide Display Should Main Content be Centered or Left?
I am confused on how the main content layout should be on a wide screen monitor.
So should I keep my main content on the left or middle? Since I have read many places that content should be on the ...
3
votes
1
answer
2k
views
What is an effective method for in-page navigation when none of the other pages have in page navigation?
I'm updating a help page that is sectioned and navigated using a list of links at the top of the page. Since there is so much content in the help page it is easy to get lost, and the only way to ...
1
vote
3
answers
330
views
Should I put a button below a growing list?
I'm trying to decide on a button location for an app I'm building.
The app basically generates teams using lists of players for a given position.
It feels most natural to me to have the button to ...
9
votes
3
answers
23k
views
Grid View vs List View for products
I am looking for some general insight on a comparison between grid view and list view in e-commerce and not only.
I want to start from this general research, find the proper terms I don't know at ...
3
votes
1
answer
348
views
Should a book use icons to outline regions / semantics?
disclaimer: with "book" I'm mainly referring to texts that gravitate around a technical / scientific topic, like math books or programming books, not really romance or narrative.
Considering the ...
3
votes
3
answers
2k
views
Improving notification alerts UI / UX
We've got a notification system on a CRM type web app.
There are many stages in the CRM, and each stage has many projects, each project can have many notifications.
We have a dashboard showing the ...
23
votes
7
answers
40k
views
Best layout for a settings page
I have a settings page with a fair number of options. See screenshot
Each of the links will take the user directly to a form where they can change the details (ie Business Settings) or a search/list ...