Questions tagged [layout]
The way in which the elements of an interface are laid out.
907 questions
7
votes
1
answer
978
views
Price plan table with multiple payment options
I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
- 173
7
votes
4
answers
5k
views
Responsive web design technique in desktop application?
What do you think about using responsive web design techniques in a desktop application?
We need more space for large data and since all monitors today are widescreen, it could be good practice I ...
- 171
7
votes
5
answers
21k
views
How to make a long text look interesting?
I'm currently designing and building a job board website.
I've started designing the page which shows a full job description posting once the user clicks through from a list of search results.
The ...
- 478
7
votes
5
answers
10k
views
Form layout. Vertical Labels vs Horizontal Labels. Images inside
After reading
http://www.lukew.com/ff/entry.asp?1502
and
http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php
Placing labels above input fields is preferable, but if you choose to ...
- 79
7
votes
3
answers
27k
views
How to best display a lot of information or data on a single webpage?
Are there any "rules" or recommendations in UX Design for displaying a lot of data on a webpage? Or how to select the most needed information to display data?
- 173
7
votes
2
answers
298
views
How and when to go about challenging a tried and true user behavior?
There are many user behaviors that have been ingrained in us over time. Some of them good, and some of them just because, "that's the way that it has been done for years, people expect it." The ...
- 13.7k
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 ...
- 317
7
votes
3
answers
18k
views
How to let the user add and edit items in a ComboBox? (WinForms)
In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items.
I want the design to be simplistic. This was my ...
7
votes
1
answer
267
views
Order of arrangement controls for Back/Front Backward/Forward
Backstory
A discussion came up in my organization where we're looking at the conventions for ordering the Forward/Backward and Front/Back buttons for our desktop application, which runs on Mac, ...
- 111
7
votes
2
answers
2k
views
Subgrids - Tables within tables
Users wanted a way to view kinda-related data for records in different tables. The solutions was to take those and make them child tables of the rows in the parent table. It will probably be easiest ...
- 171
6
votes
4
answers
906
views
How can I show a clear label on this start page without pushing the content vertically?
I'm working on a web app which shows a bunch of charts for how the sales are going. This screenshot is from my startpage.
The label I've marked with a red arrow is a label indicating who the sales ...
- 183
6
votes
5
answers
915
views
How to avoid big banks of buttons?
What are some alternatives to having repetitive rows buttons that create large banks like the one shown below.
I think it's too visually dominant and distracting, not least because there's one of ...
- 11.7k
6
votes
4
answers
369
views
Least obstructive text input boxes within text
I have some text with many text input boxes. I have been told (more than once) that the input boxes make the text hard to read.
What I have done is available at wikilearner.net/wiki
Do you think ...
- 2,173
6
votes
3
answers
4k
views
hide vs disable and redistribute empty space
I have complex UI form dialog with ~12 tabs and want to decide what is best:
enable/disable (gray out) fields - classic convention
hide/show if not necessary - could be confusing + jumping GUI
hide ...
- 163
6
votes
1
answer
532
views
UI Layout improvement
I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
- 215
6
votes
3
answers
3k
views
Legal disclaimer on search page
I have a search screen I've created. I want the design to be very simplistic (google/amazon style) and I feel like I've achieved that.
The problem now is I've been asked to attach a visible ...
- 367
6
votes
6
answers
13k
views
Best placement for a "Go Back" button: top or bottom?
I know that it is bad practice to use a "Go Back" button (since the browser has such a function) but when it can't be avoided for some reason, is it better to put it on top (similar to how the back ...
- 4,348
6
votes
3
answers
850
views
How Many Screenshots Are Too Many
At what point am I offering too many screenshots? I am working a redesign of my company's help guides - these guides are mostly centered around our hosted mail services. How to set up Outlook, set up ...
- 133
6
votes
5
answers
5k
views
Pagination - Placement of Navigation Control Relative to Search Results?
In a web application I am building, I will have a list of search results I am displaying to a user in a tabular format. I plan to page the results in smaller groups (10 for example) for performance ...
- 460
6
votes
3
answers
4k
views
Is "above the fold" still relevant in 2014?
I'm currently researching about the validity of the "above the fold" concept in 2014.
So far the generally agreed-upon facts I've detected about the "above the fold" are:
...
- 2,432
6
votes
2
answers
3k
views
Lateral Navigation with swipe views and tabs together with mapview
I've recently designed a new Android Application for a theme park.
According to Android Design Guidelines:
If your app uses action bar tabs, use swipe to navigate between the different views.
...
- 185
6
votes
3
answers
5k
views
Is there a word for left-to-right and top-to-bottom?
When I was learning about web design, and I remember similar things from art classes, people said that the eye sees things the most on an object which are in a line from the top-left to bottom-right ...
- 203
6
votes
4
answers
3k
views
Should I use a radial menu design for a touchscreen game?
We are working on a game for android. We had a normal menu where each menu entry is below the other. As we find this boring, we looked to different approaches and came across the lock screen on ...
- 163
6
votes
2
answers
633
views
Can I trigger a browser scroll without the user explicitly requesting it?
I have a panel in the lower part of my page. It has a dropdown in it that will contain lots of items (>20 for the sake of argument) as well as some other controls and fields all related (for sake of ...
JonW♦
- 37.6k
6
votes
1
answer
702
views
When is it appropriate to use a complex interface, and when we should keep things simple?
I have a general question about layouts incorporating toolbars, sidebars, and/or panels.
Common design sense might stress simplicity, not to cram too many elements into the UI design. But we often ...
- 725
6
votes
2
answers
2k
views
Where to put a global "add item" button?
We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
- 2,247
6
votes
1
answer
378
views
How to achieve this layout in a responsive design?
I am currently, working on the below layout and I am finding it difficult to maintain alignment and layout.
Below is the layout I want, in blue border.
- 117
6
votes
2
answers
371
views
How to layout buttons/bars alongside a dynamically sized table?
I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9.
Along with this I ...
user9533
6
votes
3
answers
20k
views
Material Dialog header with background color
I'm currently working on visual design for web application which use Angular 2/ Material design. In there, I have a doubt regarding a MD dialog header design, does it need to be with background colour ...
- 734
6
votes
3
answers
625
views
Where should vertical tab-bars be placed?
we are redesigning our webbased software product. All main tabs (called: modules) have the same layout: In the upperleft of each they have a breadcrumb and the page title.
Most modules have a second ...
- 127
6
votes
3
answers
2k
views
How to display a large user info in a small space?
I am currently taking a stab at a problem that - user needs to see all his info in the header. The problem is - as per current design the header is very small .How should I include the user name,dob, ...
- 61
6
votes
3
answers
341
views
Does having a visually distinct header help the user get comfortable with the website?
We had an interesting but "un-resolved" discussion recently within the team regarding header design (logo + navigation links etc) for a web application. I would like to know if having a dark or ...
- 151
6
votes
6
answers
2k
views
UI paradigm for nested layout editor
I have an application that with a layout editor, somewhat similar to the WinForms editor in Visual Studio -- with drag-and-drop widget placement, a property panel, etc.
I'm adding the option to have ...
- 161
6
votes
8
answers
495
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 ...
6
votes
1
answer
2k
views
How to properly layout multiple interactive controls using best UX pattern?
I'm working to redesign an existing page that generates reports, based on user selections. Currently, this is a rough draft of the page layout:
The user must always begin at 1 and that selection ...
user9533
6
votes
2
answers
1k
views
What is the best way to allow users to navigate through a large amount of information on a website that is categorised in numerous ways?
As a web developer, I'm often given designs that look good from the web designer, but don't necessarily function as well as they should. This is especially true for navigation elements, increasingly ...
- 163
6
votes
3
answers
1k
views
Placement of Dashboard and sub category tabs in UI
I am in the process of reviewing this UI.
All the tabs on top navigation bar can also be opened directly by clicking the links available in the main area of the Dashboard view.
In the UI, tabs that ...
- 718
6
votes
1
answer
1k
views
Alternatives to scrolling to display long text? [duplicate]
As you can see on the picture below, my text is displayed within a 'relatively small' DIV. Currently users have the possibility to scroll down within the DIV to read the full text but I don't really ...
- 161
6
votes
3
answers
186
views
Showing preview rows of content types vs picking a default type and showing it in full?
I'm trying to figure out what would be a better experience.
We have 3 "types" of content usually, in this case let's say they are photos on user profiles.
Is it better to show a row of each type with ...
- 111
6
votes
2
answers
805
views
What is the optimal vertical margin between paragraphs?
Here on ux.StackExchange they have gaps that are a bit smaller than one line height (~88%), but I’ve read a few times that 100% of the line height provides best readability because it continues the ...
- 1,104
6
votes
2
answers
384
views
Improving a 'page layout' editor's user interface
Below you can see a screenshot of a web-based page layout editor.
It is basically a drag and drop WYSIWYG editor for interactive apps, and allows the user to use a page backdrop and add a "layer" of ...
- 161
6
votes
1
answer
454
views
Desktop application problem: how to present a new option without confusing existing users
Background:
Our user runs an internet shop, based on a SoS platform we provide. In particular we provide a desktop app (Windows), which basically stacks up the shelves of this store by uploading ...
- 259
6
votes
2
answers
374
views
How to contrast read-only labels from their corresponding data
Given the interface below, what would be the best way to contrast the labels from the data labels?
The only thing I could think of would be to shade the background of the labels, however, according ...
- 227
6
votes
1
answer
345
views
Wanted: terms and info for "display density" / "space conciousness" by Gmail
In gmail, the contents of the page is beautifully laid out with regards to how big the browser window is. There are three modes: Comfortable, Cozy, and Compact. There is a menu for switching manually, ...
- 5,620
6
votes
4
answers
3k
views
Small form, big page
When you have a huge canvas (think: responsive design) but the content you need to display is very narrow, how do you prevent it from looking awkward? Center it, left-align, find more stuff to fill ...
- 243
6
votes
2
answers
622
views
Linear vs Column layout, which one is more readable?
Are there existing/approved studies proving that one is better in readability than the other in these 2 layouts? Which one offers more chance to be read completely?
download bmml source – ...
user15161
6
votes
1
answer
339
views
UX of background advertising (or other options)
My company's users use a website that features advertising from specific sponsors. The ads are all directly related to the content of the page and the situation in which the user is viewing the page --...
- 305
6
votes
2
answers
1k
views
Stressless user experience for data entry forms
We're currently discussing a redesign of the applications we develop for internal use. Now, to change things for the better, we'd like to make as many UX considerations as possible before we go ahead. ...
6
votes
3
answers
226
views
Is "at the front" top, or bottom?
At our office we have a dual garbage bin behind a door. Let's put aside the fact that you have to open a door, and then pull out the bins.
What has puzzled me is that the labels were placed on each ...
- 175
6
votes
3
answers
348
views
Mobile post page - next post fly out vs. static next post
I am working on a heavy content site.
On desktop post page i have sticky sidebar that displays the next posts.
On mobile at the bottom of the page when the post is over, the read next stories are ...
- 141