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

learn more… | top users | synonyms

0
votes
0answers
25 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 ...
0
votes
1answer
65 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
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 ...
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 ...
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 ...
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 ...
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 ...
2
votes
0answers
129 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
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 ...
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
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 ...
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 ...
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 ...
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 ...
3
votes
4answers
63 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
2answers
69 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
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 ...
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
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 ...
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 ...
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
145 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
155 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 ...
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'...
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. ...
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 ...
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 ...
2
votes
1answer
169 views

Having the register and login options on same page - Best practices

Sorry for the making this a lengthy question, but I needed to make all info available. So I'm trying to design the home page of a web application. The home page will have the following elements ...
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 ...
2
votes
1answer
113 views

Is this clear enough for the user?

I am working on a program where many options have sub-options, and it is possible to have different values, or a 'master' value. Currently there is a checkbox dedicated to it, but I was planning to ...
0
votes
3answers
76 views

User Group Assignment Layout

I have a UI that allows admins to manage what groups a user is in. Currently the list of groups are listed as columns in a grid, stacked horizontally, and the list of users are stacked vertically. ...
0
votes
1answer
98 views

Website Forms - struggling for space, what is the best option?

I am looking for some input on a dilemma. I need to implement a newsletter signup box and I am struggling to fit it in properly to the space I have. The restrictions are: The left hand column is ...
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
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 ...
4
votes
3answers
83 views

Product links to multiple stores

The product in this case is an Album, and I am trying to decide from a few different layouts/interactions. The challenge comes from providing the options allowing user preference : itunes, amazon, ...
-1
votes
1answer
136 views

What is the best way to display multiple columns?

I have been asked to come up with a solution for displaying 50+ columns that were previously viewed in excel and now need to be brought to the desktop application UI. Mobile version is out of scope.
0
votes
1answer
32 views

For an instant message program, should your messages sent be left or right side? [duplicate]

For many IM programs, especially text apps for phones, you can see a conversation with a specific person. To quickly distinguish between messages sent and received, they are pushed to each side, like ...
0
votes
0answers
35 views

“General” game GUI (not mobile)

Looking at the general layout of a lot(but not all) of computer games across the FPS/RPG/strategy genres the format usually follows a rough pattern; Menu = top left, Chat/log = lower left, Action ...
3
votes
5answers
305 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
251 views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
0
votes
1answer
56 views

How to determine if something is 1 row vs 3 rows in bootstrap? [closed]

In the following layout, how do I determine if each element should be in their own row and column or if all of them should be in 1 row and 1 column together, but separated by line breaks? Is there ...
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 ...
1
vote
1answer
182 views

What makes this POS design look dated [closed]

We are planning to update the design of our POS screens, so I want to understand what is making them look dated. The screens currently have all the functionality that we need -- we are just focusing ...