Questions tagged [layout]
The way in which the elements of an interface are laid out.
0
votes
2answers
62 views
How to decide max-width in XD?
I have seen old questions about this subject but they are quite old. I guess things change so that is why I ask this. I want to be updated.
I am about to design a web page mockup in Adobe XD. I will ...
0
votes
4answers
42 views
Space is not available for Text Area and Date Cell
Plan:
I'm Creating one dashboard page which required one table which dynamically adds Row when user clicks Add Row Button.
Each Row Contains key Information like Item Name,Code, Item Description, ...
0
votes
1answer
44 views
How to add in new items that don't fit in existing menus?
I have a mobile app with the general layout of having a menu menu, a queue that needs to be easily accessible and show a list of items in or previously in queue and any statuses, and a submit button ...
5
votes
8answers
214 views
Is there a mathematical formula for the Gestalt Law of Proximity?
I would like to know if there are any mathematical formulas that define the Gestalt Law of Proximity.
For example, in the picture above, at what distance of Y would the 4th square be perceived not a ...
41
votes
4answers
6k views
Button changing its text & action. Good or terrible?
After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the ...
1
vote
2answers
38 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 ...
0
votes
2answers
148 views
Are unclickable tags/chips a good practice?
Title says it all basically.
I have to show a trip that contains Title, description and a bunch of random additional info (the tags). The issue lays in those tags they should not be clickable and ...
0
votes
1answer
117 views
Icons alignment issue
I'm trying to find out another way to show the big icon (dumbbell) or re-arrange the rows, because the first icon from the third row (the clock) looks a bit strange when it's next to that big dumbbell ...
0
votes
1answer
46 views
Layout for Manuals - “Hiding” content in Large Page vs Making lots of small pages?
I've been writing down an Online Manual for a programming library, and the service I'm using (ReadTheDocs) allows me to use plenty of HTML features in Markdown + JavaScript besides integrating nicely ...
5
votes
1answer
184 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 ...
3
votes
3answers
215 views
Is there any reason the discussion is inverted in e-mail threads?
In all e-mail clients I know, when someone is responding to an e-mail, the response is written at the top, above the original e-mail.
I don't understand the reason for this choice. It seems that:
...
0
votes
1answer
103 views
What is best practice for large amounts of options in an HTML form?
I inherited an old web app, which includes an HTML form. This form has a large list of checkboxes for a yes/no on selecting counties to receive updates about.
Obviously this is not best practice, ...
0
votes
0answers
34 views
Desktop-Mobile layout change Framework
Looking for a Toolset/Framework of ~5+ different concepts about how content placement should be changed between desktop and mobile displays.
It was called something like: "The 5R's of X", which ...
0
votes
1answer
48 views
Best way to draw an app flow diagram which includes the 4 different user roles in the app
I am in the process of drawing an app flow diagram, specifically using the screenshots of the application. This specific app has 4 different user roles. Some of the screens in the application are ...
0
votes
0answers
43 views
Main page VS Side menu for long flat list of items on mobile
I am looking to implement a mobile / tablet application. It currently has two views: an items list view that shows all the items, and an item detail view which shows more detail about a single item. ...
1
vote
1answer
71 views
Advice for improving internal dashboard [closed]
I work for a book manufacturer, a component from our internal dashboard looks like this: .
I'm not a designer by trade and as it's come to refactoring the project, I figured now would be a good ...
0
votes
3answers
210 views
Best Practice for Form Layout - UI
I'm building out a form at the top of page, where we are collecting 3 pieces of information. Would it be best to display this one line at a time or show all at once?
Scenario 1:
- The first form ...
0
votes
2answers
235 views
Card Design - Layout
My mobile application has 6 cards. At any given time the user would view only one card. However, the user has an option to swipe left/right and view a different card.
I am having a hard time deciding ...
0
votes
1answer
98 views
I made a minimalist webapp for public-key encryption. How can these problems with its UI/UX be addressed? [closed]
chausies.xyz/encrypt
I probably don't know the first thing about UI design, so I wanted to get some more expert input. Forgive me if this is an inappropriate question to ask here.
Half of my ...
0
votes
2answers
80 views
Canonical web page layout articles
I need scientific works or articles about canonical layout forms used in e-commerce shops, something about prototyping and trying them on a real audience.
Maybe can you lead me were I can found ...
0
votes
1answer
70 views
What symbol/figure should I use to demonstrate a game ended in a draw in a table?
In my program, a user will write a bot and at the end of the benchmark it will be showed to them a table showing how the bot did against some premade bots in some maps.
What I have now is this:
(The ...
3
votes
2answers
188 views
0
votes
8answers
134 views
How to handle cascaded navigation in mobile design?
I'm designing an app for HR use. As you can see in the screenshot below, there is a dropdown box where you can select the person to view. There are a few different subsections of that (Details, ...
-2
votes
1answer
67 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
1answer
215 views
How to choose a color combination for main header and sub-headers for better UI and UX?
I'm always confused about the BG (background) colors or a header and sub-header of a website or an app.
There can be at least 3 options to choose BG for them:
1. A dark color for main header and a ...
2
votes
1answer
53 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 ...
2
votes
2answers
135 views
Should the 'Reset' or “Reset to default” button be made disabled before any updates are made
Should "Reset settings" or "Reset to default" be disabled if the user has not made any updates/changes to default settings?
2
votes
2answers
136 views
How to present a tree in which objects may appear more than once?
I have a window showing a number of objects that can be individually hidden or recolored. Accordingly, in a sidebar each has a checkbox and a color swatch that launches a color picker when clicked:
...
1
vote
2answers
57 views
responsive two-column layout
This might be a really basic question, but I am trying to figure out how to best create a responsive two-column layout. Let's say you have two sets of data. For example, latest departures and arrivals ...
0
votes
2answers
229 views
Responsive feature comparison layout / grid
I have a list of applications (~120 items).
Each application on the list has the same features (logo, name, OS name, price range, short product info), so basically this is a table with 120 rows and ...
0
votes
2answers
147 views
Label width in horizontal forms
In a horizontal form, each label and its corresponding form item are in one line. To make these labels aligned properly, they must be of equal width. Then what width should we choose? There're at ...
2
votes
1answer
141 views
Is a CardView-based UI the best approach to section rich content? [closed]
Im working on a "smart-home section" that is beeing redesigned at the momment and i'm not quite sure about the approach of our designers.
My question is: Is a CardView based UI the best approach to a ...
0
votes
1answer
105 views
How can I improve the experience of filling this form in? [closed]
I have a web form with several buttons - for saving/restoring drafts & also a submit button. It has the capability to display alerts when drafts get saved/restored. In the screenshot, an alert is ...
1
vote
1answer
622 views
Material design: Can you use bottom and top app bar at the same time? What's the relation between them?
I'm currently designing a B2B app that will have plenty of buttons (on top app bar) that just can't be hidden. Is it possible to transfer some of the buttons from top app bar to bottom app bar, just ...
1
vote
2answers
134 views
Switch Dashboards along with menu
I am working on a mobile application which will have two different areas in same app.
Suppose:
Area 1 -> Learning Management System
Area 2 -> School Management System
Both areas will have its own ...
0
votes
1answer
73 views
Does the location of “main buttons” affect usability?
Here we have Meta Stack Exchange:
The "Ask Question" button is part of the "search results" group. Could this possible confuse users? Should site-wide "main" buttons always be placed on the header ...
5
votes
1answer
76 views
How can I manage a module creation screen with multiple lists of templates selections
Specification:
The aim of the design below is to create one module by using 3 set of templates.
Each template is having list of templates which are coming from different database tables.
Template set ...
4
votes
1answer
86 views
What's the best way to inform users the results of their UI selections before they make the selection?
For example if a user is going through an online request form and must choose from a long list of industries, forms, job roles, types of jams, whatever but some of the items result in a different UX ...
1
vote
2answers
66 views
What is best practice on how to arrange products within a given category/department?
Customers have the option to filter by designer, price, item type, etc., but I have not been able to find any information on how to merchandise/arrange the products on the aisle level category page.
...
7
votes
7answers
567 views
Document space between components for designers
How are spacial relations between components documented by the big design systems? They only seem to explain how the components look and behave in isolation, not in relation to each other.
For ...
3
votes
1answer
78 views
How to visualize versioned data?
I work at a SaaS company that has a product for entering accounting transaction data. We are building out a new feature for visualizing versioned data, and I am needing some help on how this could be ...
1
vote
1answer
33 views
Displaying acronyms
I'm working on a website for a student society. The society has been established for a good number of years now, and in its humble beginnings it was known by an acronym. For the purpose of this ...
1
vote
1answer
102 views
Show multiple device in one location on map
I've wrote a program to manage our devices. As you see below, we show device status on the map plus junction traffic for entrance and there is ability to access configuration and reports by right ...
0
votes
2answers
194 views
Navigating a double top bar
I've ran into a UX problem in a site I'm designing. I feel like there's an obvious solution but I'm having trouble finding it.
I have a site that has a global sticky bar. In the middle of the site, I ...
0
votes
1answer
91 views
Design was made to look perfect at full and fixed width, how to deal with it on wider screens?
A website design has been provided to me which I should turn into a HTML page.
But here is the catch:
It was made to only look good when taking full width (it has a slideshow, and also a horizontal ...
2
votes
1answer
157 views
How to display a grid of images that have different aspect ratios? [duplicate]
If I have a grid of images, let's say political cartoons, that have differing aspect ratios and cannot be cropped, how can I display them in a grid or even linear fashion?
This is for a newspaper ...
10
votes
3answers
551 views
Why do 4-wheel suitcases usually have their wheels on the short side, rather than the long side?
In a 4-wheeled suitcase, there are three possible ends to put the wheels. Most commonly, the wheels are at the short end:
Public domain image
I find it hard to keep them on 4 wheels; one has to ...
0
votes
1answer
45 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
2answers
176 views
How can I hide some UI elements until the mobile version is out?
The first picture depicts a design of notification preferences that is really strongly inspired by Backplane's solution (the second picture), because it suits my case perfectly.
The client saw the ...
1
vote
3answers
404 views
How to decide whether to paginate or scroll?
This game-related app is navigated through the sidebar, and there are tabs that in the main section to further navigate an area.
In the 'Updates' tab (shown), I am questioning how much information ...
