Questions tagged [layout]

The way in which the elements of an interface are laid out.

Filter by
Sorted by
Tagged with
1
vote
3answers
42 views

Search box layout problem

I have two similar kind of searches: Clients: can be searched by code, name, state (active or inactive) and zone. Companies: can be searched by code, name and zone. Client zone and companies zone ...
2
votes
2answers
790 views

How to make fluid web site consistent

I am redesigning my fixed-width web site to be (more) responsive and ran into some problems: For one, I really like using a fluid width layout since a lot of visitors are using my web site in (much) ...
14
votes
5answers
7k views

Where should form instructions or hints be placed?

I was browsing Forrst and came about a screenshot of a form designed with Twitter Bootstrap that had the label on the left, the input field on the right, and the instruction that it's required under ...
0
votes
3answers
61 views

How can i show and save details of two inter-related editable tabs on same page?

I am working on this sales app, where the manager can assign a sales target to an individual salesperson. Now the " Target Amount" can be split into two ways: 1) By adding Items and setting the ...
0
votes
2answers
57 views

Adjusting information inside a card visually

Context Currently, I'm working on Product Listing page of a web-store. Products shown on the web-store can basically be rented out and we have defined rental prices for different time duration such ...
0
votes
2answers
42 views

Showing additional details on enabling checkboxes

In the screenshot below, there is a section for vendor types. On checking (enabling) each vendor type, the application requires the user to add more details to configure it (notice the cards at the ...
0
votes
1answer
61 views

Should expanded search tools collapse automatically after searching?

We have a page with a list of elements and a hidden advanced search panel that slides down after the user clicks a button. With the advanced search panel hidden, the user will see two rows of results (...
214
votes
23answers
118k views

How To Display Too Much Data

We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
5
votes
3answers
773 views

best way to represent horizontal reports?

i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
17
votes
9answers
4k views

How do you conquer the challenge of designing for large screen real-estate?

This question is a bit more subjective, but I'm hoping to get some new perspective. I'm so used to designing for certain screen size (typically 1024x768) that I find that size to not be a problem. ...
11
votes
4answers
1k views

How to present Actions (eg. CRUD) buttons without taking focus away from main content?

I am looking for a way to present Actions (eg. CRUD) buttons while not taking focus away from main content. It'll be great to see examples of good application design (I am doing a web app (probably ...
14
votes
10answers
20k views

Should headings always use the same font as the body?

I'm working on some of the layouts for a User Handbook and right now my main concern is fonts. I'm trying to decide whether to use the same font for the body text and the headings. If I use different ...
8
votes
4answers
1k views

How many elements are too many for one screen of a mobile (iOS/Android) application?

Without scrolling, what would be the maximum amount of centered buttons I could arrange on a vertical axis before it became too cluttered? Interface Builder gives suggested distances between elements,...
35
votes
8answers
4k views

Is it a good idea to have a large footer containing many links?

In recent years, it's become quite a common design pattern to have a large footer on every page, containing a 'mini sitemap'. For example: This has supposed SEO benefits but would also seem to be ...
1
vote
4answers
81 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, ...
15
votes
5answers
5k views

Fixed width for buttons or proportional with the text?

What is the best practice for a UI, to make all the similar buttons with a fixed width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and add ...
15
votes
8answers
30k views

Security question: What questions do you ask?

Working on a save quote feature for our new website, one of the security requirements is to ask a secret question and obtain a value from the user. Does anyone have suggestions on the type of ...
1
vote
2answers
72 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 ...
9
votes
3answers
2k views

How to deal with an excess of white-space in a CRM UI?

I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "...
0
votes
1answer
60 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. ...
63
votes
8answers
10k views

Most User Friendly Color Picker

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color picker. What kind of color picker is the most user friendly, and looks best?...
1
vote
1answer
51 views

Make desktop application support the minimum resolution

Windows UX Checklist states that a desktop application should: Support the minimum Windows effective resolution of 800x600 pixels. For critical user interfaces (UIs) that must work in safe mode, ...
11
votes
3answers
5k views

How to design usable web site terms & conditions?

What are some guidelines and examples for designing usable legal terms for web sites? I know that most users don't read it, but are there innovative ways to improve readability and presentation of ...
0
votes
2answers
221 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
2answers
105 views

How to decide max-width in XD? [closed]

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
2answers
85 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 ...
5
votes
8answers
251 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 ...
2
votes
2answers
150 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?
0
votes
1answer
54 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 ...
2
votes
3answers
114 views

Content on left with image on right in magazine websites

I came across the New Yorker website and noticed that in some of the inner category pages, the content is placed on left and the image on the right. This is a structure I see quite often. Is there ...
40
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 ...
84
votes
12answers
52k views

Should checkbox labels be to the right or the left?

I've got some checkboxes with text values of varying lengths (from say 5 characters up to about 60) - which is the preferred layout? Value to the left and checkbox to the right, or vice versa?
4
votes
6answers
962 views

Is it better to put “Preview” on an iFrame with a specific height or just show it in full?

We have a page that shows a preview of another page (newsletter) on an iFrame. Now we have two ways of displaying this: Give the iFrame a specific height so that the user can scroll up / down ...
0
votes
2answers
154 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
122 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
52 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
205 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
3answers
221 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: ...
1
vote
3answers
144 views

What is a good way to let the user change screen layout?

I have 2 layouts. A 1/3 2/3 Sectioned layout and a Full 3/3 Layout. I want the user to be able to change between the two. Right now I have this in the header: Is there a better or more accepted way ...
0
votes
1answer
113 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
35 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 ...
1
vote
8answers
156 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, ...
29
votes
6answers
8k views

Usability of vertical text

I am playing with ideas for a menu that I want to add to some site designs and was wondering: How usable is vertical text in any portion of a site (specifically menus)? For example You can have ...
122
votes
6answers
35k views

Why do numpads on keyboards and phones have reversed layouts?

I came across this on the web. It's supposed to be funny, but we all know better :) So, why are the numpad layouts different, and what are the reasons behind each?
6
votes
3answers
2k views

Why is the new Twitter menu bar on the bottom on iPhone?

Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms. But, because of this goal I couldn't help noticing ...
0
votes
1answer
60 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 ...
334
votes
23answers
110k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
1
vote
1answer
72 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 ...
6
votes
3answers
10k 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 ...
2
votes
1answer
134 views

Rarely used translation function placement

I have just been looking at the analytics of one of the websites I work on, and one of the features is required - but rarely used. There is a Microsoft Translate button, with their "Powered by ...