Questions tagged [layout]

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

Filter by
Sorted by
Tagged with
16
votes
1answer
2k views

How should horizontal dashboard numbers react on a responsive page?

I have a set of dashboard values on a sticky horizontal panel on the top of the UI. These numbers are sales values so they are pretty important to the user. The layout looks something like this: But,...
0
votes
2answers
101 views

List Alternative Names on Info Page

I'm designing a website for sharing sheet music. As many songs are often known by different names, I'd like to incorporate those somehow into the informational page for each song. For example, "Piano ...
0
votes
1answer
50 views

How to display multiple t-shirt fabric options with scalability in mind?

So I'm making a website (and web app for mobile) to sell t-shirts, and the client wants to be able to display all the fabrics available. Right now we have a displayed sample shirt and below it is a ...
1
vote
3answers
276 views

Best table layout to compare definitions and examples (text)

I want to present a table that compares correct and incorrect definitions of words, with examples. What is the best table layout for this? Eg Too Correct: More than expected; also. Example: I, too, ...
2
votes
4answers
1k views

Comments and Attachments UX

I'm trying to find examples of sites which have the ability to make a comment and add multiple attachments to said comment. So far, the only example I have found of this is teamgantt.com which is kind ...
0
votes
1answer
329 views

Design for hovering over tile [closed]

I'm creating a portfolio for my websites. I'm going to have tiles that show my work. When you hover over a tile, it will show a title, description, and a preview button. What's the best layout to show ...
1
vote
7answers
4k views

How would you explain the difference between layout and structure to business people?

I'm working on an article to help email marketers understand how email templates should be built-up. I would like to clarify the difference between layout and structure as clearly as possible. How ...
1
vote
2answers
771 views

Best way to display a list of information for an object such as a recipe in an Android App?

Currently, I have this: However, it doesn't seem like a proper way to display it (I censored two lines to hide the main idea of my application). What would be a proper way to display it?
4
votes
2answers
101 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
2answers
94 views

How should input fields be laid out on larger view ports?

Within the context of Enterprise UX, where the focus of forms is not on conversion rates, but on quick and efficient data input process, which of the following patterns would you recommend for laying ...
0
votes
3answers
107 views

Guiding users through updating generated content

I have a page that lets a user generate a comment for students in a class, based on their performance during the year. For the most part, each student will have the same score in all areas, and will ...
2
votes
3answers
391 views

What is the best position for a submenu in a page with a sidebar?

I'm currently working on a project in which navigation positioning is key for the UX flow of the user. I've been trying several options, but I'm not sure I've found a solution that captivates the ...
0
votes
2answers
77 views

On a knowledgebase homepage, how much information is too much?

I am involved with putting together a knowledge base website where users of a suite of software products can go to learn how to use certain features and to help troubleshoot problems that may arise. ...
0
votes
3answers
1k views

When To Vertically or Horizontally Align Independent Checkboxes

Given a form and a series of sequential checkboxes whose values and context are independent of each other, how should they be aligned on the form; vertically or horizontally? download bmml source &...
0
votes
3answers
425 views

How to connect items together that have hundreds of inputs and outputs?

We are working on a product that has to connect inputs and outputs together of different items. There can be hundreds of I/Os for each item and 1 O can go to many Is, but each I can only accept 1 O. ...
2
votes
2answers
135 views

Force orientation change or allow scroll left/right

I am in the process of updating an app I have, at the moment if the device is not a tablet it will force the orientation to horizontal mode because the information displayed wouldn't fit on phones (...
0
votes
2answers
465 views

Single Input Form - Save button below or to side?

I'm playing around with Bootstrap's Input Group Addons and I'm struggling to decide which is better from a UX perspective. versus: This is a single input form to add priorities to a list (for ...
1
vote
2answers
100 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 ...
1
vote
1answer
91 views

Main screen with left and top bars layout

I'm developing an windows desktop application (WPF) and we are using top and left bars to interact with a 3D Map. My first layout idea is: I was thinking of changing the Left Side bar to the right ...
2
votes
2answers
116 views

How to fill up a side bar which only has a form with 3 fields?

So I have a page where left sidebar takes 25% and the actual thing takes up 75% on the right. Basically a user would select something from the main app and fill out the form in the left side bar and ...
1
vote
1answer
406 views

Alternative for dashboard without sidebar?

I'm trying to build an app with dashboard. The app would contain tables, but I don't really know a pretty nice way to display 'em. I'm using MeteorJS, and for the meantime I'm having a problem with ...
0
votes
2answers
85 views

Is there a standard/preferred layout for displaying accounting/book keeping information?

Within a windows (WPF) application (or in general), is there a preferred layout for columns for accounting type processes. e.g. Do debits or credits come first? Do totals sit above or below the ...
2
votes
1answer
628 views

3 Column CRUD layout

At my company we are developing an windows desktop application (WPF) and we are using 3 column as default of our system CRUD's. In the first column, at the top there is the buttons to add " + " and ...
0
votes
1answer
136 views

What is the best way to design layout a screen on a tablet that's supposed to only show two button?

I know that the simple answer will be just add two buttons on the screen and I'm good to go. But I just feel that it's awkward to just put two button on the center of a big screen, especially because ...
2
votes
1answer
72 views

Platform selection mechanism on documentation website

I am working on a website that hosts technical documentation. Some pages have sections of content that are specific to certain host operating systems, hardware configurations, etc. In total there are ...
1
vote
1answer
47 views

Is it better to separate settings from task tab or to group it?

I'm currently developping the v2 of my bot so i want to redesign the whole UI. As a part of that work, there is one question that i don't achieve to answer myself. Is it better to separate settings ...
0
votes
1answer
49 views

How to present 3 types of Economic systems?

I would like to build a 'homework-helping' community site, where students provide simple services for each other and earn a non-monetary form of credit (which I've called 'blue coins'). The purpose of ...
0
votes
2answers
200 views

way to show more than 10 roles

Our users have more than 10 roles, they can shift between roles at any time. Is there any way or design pattern to show > 10 roles on UI? Below is sample: in image 1 there is a profile dropdown ...
0
votes
1answer
67 views

How to treat 'activity' panel with no activity

I have a Web based UI, and it has a one line panel in which a summary of ongoing background activity is shown. When background activity is occurring, a spinner shows in the panel with a summary of the ...
5
votes
2answers
1k views

UX/UI Responsive - Long forms with multiple language content

I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported) The ...
1
vote
5answers
945 views

Best practice for collapsible submenus?

I have a website navigational menu: Lorem Ipsum < Situs Pratius Quisque Dolor Duis Proin < Folios Artius Zalto Ramo Neque What should be the best practice for users; if a user opens up ...
0
votes
2answers
75 views

Show overview and detailed information en same screen?

Do any of you have experiences with changing the overall layout of an application. The existing layout is shown with an overview grid in the top to change the records, and the detailed information in ...
2
votes
4answers
233 views

New and Existing Addresses in Form

I have working in designing and implementing a form for adding the address in the Shopping Cart for our website, the form initially for first timers or without existing address will looks like the ...
3
votes
2answers
2k views

When using a grid for a web app, does a sidebar /side tray fall within the grid or outside of it?

I have had this problem for a while. Designed many applications with a sidebar navigation but have never fully concluded on how to best use it within the grid. A, inside the in grid just included ...
5
votes
1answer
152 views

How to show linked entity inside another entity

I need to show some way to indicate that the green colour entity is linked and not owned by the parent (blue) entity you were currently in. Currently i'm using colour variation like here and wrapped ...
0
votes
3answers
190 views

What are some alternative ways to record data instead of a long form? [closed]

How to deal with long forms (Not conventional ways like form wizard etc) and what could be some alternative ways to gather information instead of a form layout? I really liked how TypeForm looks at ...
5
votes
3answers
263 views

Name for vertically sliced interfaces?

I'm wondering if there's already a commonly used name for these types of interfaces. The idea is that the content is sliced in to several columns, with very little in the way of horizontal menus ...
3
votes
4answers
370 views

Use System Font or custom font in controls?

I'm looking for a design opinion. My OS X app uses System Font for textfield and button titles. Problem is, Apple has changed the value of System Font twice in recent releases of OS X, and this has ...
0
votes
4answers
256 views

How to group common (to a list and other input groups) input fields

Here's my scenario - I have the following three input fields: Type Remarks Uploads (Popup which allows users to drop files) Now, these three fields are associated to a person object. The user has ...
-4
votes
1answer
70 views

What is the best layout to get an image from multiple sources? [closed]

I have a mobile application and would like a better image getting layout. Image sources: URL, Local file, Camera, Facebook It's a simple mobile picture application and I would like to develop a ...
10
votes
4answers
2k views

Counter in a corner of a button

I'm creating a user control which is essentially a wide tile-like button (think Windows 8 "wide" start menu tiles), but in the upper-right corner there's a darkened area which contains a counter. This ...
1
vote
1answer
75 views

Hierarchy file display

I am working on an application which should display multiple files with each file being dependent on one or more files. There are 2 levels of nesting (fileA -> fileB -> fileC) and there can be 25 ...
3
votes
2answers
737 views

What would be a better typing experience in landscape mode of a keyboard?

While designing a keyboard app for android, I went through a lot of testing of various existing keyboards. One thing found in common was that typing in landscape mode of every keyboard wasn't very ...
1
vote
2answers
53 views

user controlled map direction

This is an app which provides the location of grocery items in a grocery store. I am trying to figure out the best way to communicate to the user which side of the aisle the item is located, based on ...
2
votes
2answers
199 views

Table Elements Placement

I have a web application where I need to show certain data in tabular format.I have certain queries from a UX perspective based on my diagram below : What should be the ideal placement of elements ...
2
votes
1answer
1k views

Best design for profile page? [closed]

I am building a website where students can register themselves build their profiles. These profiles could be viewed by registered institutions to see if they are a right fit for them and invite them ...
1
vote
1answer
5k views

What is the difference between PHONE NUMBER & NUMERIC TEXT inputtype in android text fields?

I'm designing a keyboard application for android. Came across the various input types such as - phone number, email, url, etc. for which the keyboard should ideally change layout for the user. I ...
0
votes
1answer
175 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 ...
1
vote
3answers
627 views

Is there a preferred location for Expand / Collapse?

I'm in the process of designing a form that contains both required and optional groups of information. We currently use group section headers throughout the application so I've leveraged them here ...
2
votes
2answers
1k views

Best practice for game navigation - portrait orientation for menus and landscape for actual game screen?

I've been working on a mobile game and I'd like to know your opinion on the usability. The game must be played in landscape mode but the other screens such as menus/home screens have a listview and I'...