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

learn more… | top users | synonyms

0
votes
1answer
54 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 ...
61
votes
14answers
84k views

Common screen resolution?

I'm developing a web application which is quite information heavy. This means that every pixel available in the screen for display helps a lot, to avoid the UI looking too cluttered and to display ...
0
votes
3answers
220 views

Should I place a product picture on the left or on the right?

I'm customizing an ecommerce solution and I noticed that most people would place product pictures on the left, but I wonder if there is a reason behind it. I would like to have my pictures on the ...
0
votes
2answers
54 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 ...
3
votes
2answers
60 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 ...
0
votes
2answers
23 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 ...
3
votes
1answer
84 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
56 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 ...
1
vote
2answers
156 views

How to show bunch of numeric values without any text labels as mobile app list item?

I have a case where I need to show bunch of numeric values like (2000000, 345.6, 2, 657, 567) as a mobile app tile without making it look cluttered and also allows user to easily scan the data. (among ...
3
votes
1answer
40 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 ...
26
votes
5answers
19k views

Best Design/Order/Layout For Mailing Address Form

Is there any standards out there when it comes to a mailing address form? I need to collect the following fields: address line 1 address line 2 city postal code (or zip) province(or state) country ...
1
vote
1answer
31 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 ...
1
vote
1answer
122 views

Indicating direction of an object using a basic string

I am trying to indicate the direction (left or right) of an object relative to a fixed point, which is itself located relative to a standard center, using simple text. This direction information is ...
0
votes
1answer
18 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
94 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 ...
11
votes
5answers
2k views

In a grid, how to display long column headers

When displaying data in a grid (each row contains a record, each column a different record field), vertical space need is easily solved with scrolling or paging. We are usually sooner missing ...
0
votes
2answers
68 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 ...
3
votes
5answers
304 views

How to layout a page with very long list of sub-navigation items?

We have these few pages that have an inner navigation but for some pages, the number of items is very large. For some pages, the number of navigation items is small. See below for the ones with a ...
4
votes
2answers
92 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 ...
4
votes
1answer
154 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 ...
2
votes
0answers
128 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 ...
0
votes
1answer
25 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 ...
1
vote
5answers
212 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 ...
3
votes
4answers
131 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 ...
2
votes
2answers
150 views

Should I fill empty space with more information or leave it empty?

I'm working on an application where the user is shown a map with some data on it. In mapping, there are different ways to classify the data, so the client would like to give the user the ability to ...
15
votes
8answers
4k views

What is the best way to show my users that buttons in the same line have different functionality?

I have four buttons on my interface that all look the same but don't all act the same. They are laid out like the example below. download bmml source – Wireframes created with Balsamiq ...
2
votes
3answers
99 views

Social Icons and Download Badges in mailer header?

Im currently doing a mailer design. I've placed the social icons in the header, next to the company logo. Underneath the social links I have put download badges, before the main content of the mailer....
1
vote
1answer
117 views

Ideal default content area width for a site with tons of forms

I'm doing work on a staffing related website that uses lots of forms. The forms are pretty integral to every aspect of the site--from entering work history to filling out job applications. This has ...
5
votes
1answer
104 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 ...
-1
votes
3answers
108 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
76 views

Should byline be above or below image?

A client of mine is a large newspaper and they are now doing some changes to their article template. One of the things they want to change is the byline so that it doesn't take up to much space. ...
2
votes
2answers
177 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'...
3
votes
4answers
61 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 ...
9
votes
6answers
6k 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/...
4
votes
2answers
280 views

Flashcard app - list or boxes?

I am making a flashcard webapp, and am deciding between using lists or boxes to represent the decks and cards. i.e., Lists Boxes (with create new deck/card box at the end) So far, my points are as ...
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
2answers
163 views

Best UI layout for the scenario?

We have items and settings for them. All the settings done will affect the selected item(checkbox). Now what is the best way to show them on UI Layout. Splitting screen horizontally or vertically is a ...
8
votes
4answers
6k views

Is a website with a Fixed Header good for end-users of a Web2.0 website?

Fixed Header is the header that is always visible to users even the user scrolls down. It uses the fixed-position in CSS. There a lot of websites nowadays that use a fixed header, such as gmail or ...
3
votes
1answer
154 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 ...
-3
votes
1answer
57 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 ...
2
votes
3answers
207 views

Good way to show Application reminder on home page

I am working on a financial website where people can take loan, insurance etc. I need to display a reminder of sorts when a visitor comes back again on the home page showing that they have been ...
1
vote
1answer
39 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 ...
1
vote
2answers
36 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 ...
1
vote
2answers
58 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 ...
1
vote
1answer
144 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
91 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
154 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
96 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 ...
1
vote
5answers
121 views

Thinking about splitting out similar processes. Dilemma

I am working on a project that involves sending messages. Messages come in two flavours - a simple quick message and a full message (or campaign) which includes some additional information. I am ...
1
vote
2answers
115 views

Why are desktop/laptop screens horizontally oriented?

Desktop/Laptop Screen Orientation One obvious difference when we design for desktop versus mobile is the orientation of the screen. Laptop screens are typically 16:9 or 16:10 screen ratio, which are ...