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

learn more… | top users | synonyms

1
vote
3answers
145 views

Volume controls and mute order

I'm designing a remote control that only have Volume Up, Volume Down and Mute. But I can't decide where to put the mute button, in the middle or on the bottom. And what should I have for the Mute ...
1
vote
2answers
124 views

How should I display notifications on the tab?

I'm developing a user-script for StackExchange sites, where I display inbox notifications as well as rep change notifications. Currently, it is displayed in the following way [inbox] if inbox only, ...
3
votes
1answer
50 views

How to deal with mega-dropdown menus with inconsistent content?

Context: desktop site which shows data. The main menu has from two to four levels. Without the possibility to change the page content and the menu architecture, we have to optimize the menu view. The ...
2
votes
3answers
268 views

Improve form design for more efficient editing/browsing through data

INTRODUCTION: I am asking for advice to properly redesign the GUI so user can have the best possible user experience. Although I am generally satisfied how things turned out for entering data into ...
0
votes
0answers
14 views

Ask a Question, Get a Response Now or Later

I'm building a mobile app about asking questions and getting responses. The responses can be almost immediate (~10-15 seconds) but about half of the time it may take hours for a response to be sent. ...
0
votes
0answers
51 views

The goods of forcing the user to follow a path

Maybe this is not the best place to ask as this seems to me like a question regarding two fields: marketing and user experience. Hopefully some of my questions could be solved from the user ...
0
votes
1answer
64 views

Can not design window to be used both for inserting and reading data from database

I am working on a financial software which has a lot of data to be entered into database. I have managed to design user interface for entering data on my own, and my employers are satisfied. ...
2
votes
0answers
99 views

Displaying N levels of organisational hierarchy intuitively

I need to display top-down hierarchical data in a web browser that represents the geography of a large organisation. The data looks like this (except the actual list is enormous with 8000 staff across ...
0
votes
0answers
38 views

Resizable left hand menu panels - do they work on mobile?

Consider the three pane layout characteristic of many PC based applications and websites, with a left hand panel. In many cases, the left hand panel has a handle on it and may be resized by the user. ...
2
votes
5answers
115 views

Gratuity (tips) interface for Mobile Point of Sale (mPOS)

here is our current design of Mobile Point of Sale (MPOS) UI for the Gratuity (leaving tips if simple). MPOS is that device that you see mostly in supermarket when paying by card (small screen, card ...
8
votes
3answers
288 views

Why use 'fixed width' or boxed layout rather than fluid?

I've noticed many sites (including stackexchange) use the 'fixed width' or 'boxed' layout where 50% of my screen is white space, kind of like watching a standard definition TV show on an HD screen. ...
1
vote
1answer
123 views

How can I show a clear hierarchy in a small space?

I'm making a thing that looks like this: It's a list of pages which have tags. These tags can have a hierarchy, like this: programming | \-> perl | \-> python | | | \-> python 2 | | ...
1
vote
1answer
132 views

Usability of having content in tabs versus being stacked

I am currently working on a project where we are discussing internally about the benefits between putting content inside of tabs versus stacking that content with anchor links above it. It is a ...
2
votes
1answer
55 views

Layout changing without user control

I am having this idea pushed at work where the layout of information should change dependent on the amount of different items we have to display. Let me be specific: If up to 12 we should show the ...
1
vote
1answer
65 views

What are Layout Filters? [closed]

Website: http://thegrid.io talks about something called "Layout Filters" which are more powerful than "templates" So what are they? I tried googling but nothing came up. And how are they more ...
1
vote
1answer
86 views

Display two column table on smartphone

I've been somewhat struggling on how to display a two column table on a smartphone (iOS app specifically). My said that they would like something other than a boring UITableView to display the data. ...
1
vote
2answers
62 views

How can I most effectively communicate design specs to my developer? [duplicate]

I am currently designing a complex app for a large energy corporation and I need to provide diagrams explaining the dimensions of my UI elements, layout constraints, typefaces, colours etc to my ...
0
votes
0answers
13 views

List of sub-items on tablets

At the moment I got this setup: download bmml source – Wireframes created with Balsamiq Mockups Is there a better way to handle this?
0
votes
3answers
90 views

Should I put a button below a growing list?

I'm trying to decide on a button location for an app I'm building. The app basically generates teams using lists of players for a given position. It feels most natural to me to have the button to ...
-2
votes
1answer
41 views

User interface of a simple single image detail view

I know this sounds generic, but I'm trying to find some clues and examples. What would be the best way to present a single image (about 1/4 of desktop screen size), along with some info (name and ...
0
votes
1answer
119 views

Mobile grid views - which style is preferred by users - rounded corners with borders or rectangles? [closed]

Is there's a way in which users of mobile devices prefer to perceive grid view content? I'm a mobile developer and stare at mobile interfaces quite a lot. One of the things that was bothering me for ...
0
votes
0answers
25 views

What is the name for this UI layout? [duplicate]

I'm looking for the name of the UI layout found on sites like Airbnb, Square, Paypal and others where pretty much the whole site is on one page and the user scrolls down to see all the content, with ...
1
vote
2answers
104 views

Do users find it hard to differentiate latest information from historic information when both are displayed at the same time?

I have two panels - one contains current information for a subject, the other contains historic trend information for the subject in a graph. I can display them on the same page - one underneath the ...
2
votes
2answers
40 views

Best way to show an applied variable across multiple plan information containers

I am trying to represent a variable that is set by a user that effects the cost of an item. The same variable would show on each applicable item block. Block may or may not be stacked as in the image ...
0
votes
0answers
22 views

Would laying out a multitude of [text-only] topics/options (> 15) in a card layout increase interface clutter?

I am trying to figure out when a card layout is optimal and when alternatives are ideal. For example, Khan Academy's lists has > 50 items, and is arranged in a neat list. Observing the flat trends ...
0
votes
5answers
159 views

Displaying a hierarchy in a dropdown

I have a dropdown in my application that allows users to select a location in a hierarchy. Currently, I am showing each level in the hierarchy as a tree-type layout, with the lower items intended and ...
0
votes
0answers
59 views

Layout filterable grid and categories

Background A user goes to this page to view the levels their groups (>=1) have been placed in for certain categories, i.e., basketball, etc. Each category has an overview pdf document assigned to ...
28
votes
6answers
3k views

About fullscreen scrolling webpages

There are recently many websites using full screen scrolling pages since Apple launched their own with the iPhone 5C. (website not available anymore, but a reproduction can be found here) Some other ...
0
votes
0answers
13 views

Making 4-column table responsive [duplicate]

I have a 4 column table for displaying event information about our event. I am facing issues with narrow screens when I have 4 columns of data in the view. What would be the most feasible solution ...
2
votes
5answers
439 views

Designing gantt like schedule in grayscale

I had some problem deciding if this should go here or in Graphic Design site. I hope I got it right! So I'm redesigning a schedule application. It looks something like this: Each activity has a ...
0
votes
1answer
49 views

Surveillance System Builder Utility

I'm trying to redesign a utility that allows the user to estimate what kind of DVR they need based on the type/amount of camera(s) they need. It filters out Video Recorders models based on the ...
0
votes
1answer
63 views

Truncated string usability

I am faced with a tricky situation in a data-driven application. I have really long names and a short field for them only available. My idea was to use css-ellipsis to cut the length to appropriate ...
1
vote
5answers
118 views

What is the best way to arrange chinese words on a menu [closed]

On a English menu , the food items can be arranged according to alphabetical order For a Chinese menu , there are no alphabet, only chinese characters , what would be alternative way best to ...
0
votes
0answers
49 views

Alternatives to dragging items to add to data view

I have a design in which a list of items are in a tree in a column on the left of the page. Each of these items can be added to one or more views on the right side of the page. Currently, this is done ...
40
votes
2answers
2k views

Why don't ATMs show blank arrows for unused buttons? [closed]

Have you ever had trouble lining the arrows up with the correct button on ATM consoles and other similar interfaces? Height of user can affect perceived alignment, as well as poor installation or ...
2
votes
1answer
767 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: Scrolling is now natural ...
0
votes
0answers
51 views

How to tell a user that part of an import was unsuccessful [duplicate]

At the company I work for each week the back office needs to import a CSV file that contains about 50 rows of customer information (new customer, customer details, addresses and others). Sometimes ...
7
votes
9answers
667 views

How can I make the relationship between rows in two tables more obvious to the user?

I have a web page that at first showed a top level goal with a bunch of risks. here is an example mockup: I now realized that since I have a series of events, it would be good to break down and ...
2
votes
3answers
75 views

Grouping Similar Controls

For Windows based software regarding image processing, I am torn between two options for grouping logically similar parameter controls. The option on the left is more thrifty with screen space, ...
3
votes
1answer
42 views

Which would be more appropriate: redirecting users on a subdomain to go to my shop or stay in the same domain

I am currently designing my portfolio and I wanna integrate my shop into it but I'm quite not sure if it would work with my idea. My idea is to build my portfolio and have a button where it says ...
1
vote
4answers
232 views

Multiple search fields on directory website homepage

I am developing a web directory app whereby users main action will be to search for business addresses right from the home page. Currently, I have a search box centered on the homepage. Like this: ...
0
votes
2answers
75 views

UI Design of News Magazine with borders, boxes or no seperation [closed]

Im building a news website and want to know which UI Design is the best in terms of readability, findabiltiy and focusing of each / important sections? Example 1 - Boxed Layout - each section has its ...
0
votes
1answer
126 views

Mixing AND and OR filters — how to make it more clear and less confusing? [duplicate]

I am working on the Hotel Search App (33hotels.com), where I let the user filter Hotels by facilities. Most filters are "AND-filters" but some have to be "OR". For instance, someone may want "wifi" ...
0
votes
2answers
82 views

Applying features and add-ons for multiple lines

I want the user to have the ability to add features and add-ons for each line on the website (order page). If you look at the UI wireframe, it will ask you how many lines do you want from a ...
3
votes
5answers
364 views

Website Layout - different background colour sections with full width

Recently I have seen a lot of new websites have been redesigned that each paragraph or section have different background colour with full width. For example: http://theme-fusion.com/avada/ What ...
3
votes
3answers
91 views

Inline actions vs grouped actions

I have a page with a number of different lists on it. Each list has the option to add a new entry. Would it be better to have the actions in a separate 'action area' or position them close to the list ...
1
vote
1answer
43 views

Where to put information about an app?

I am creating an Android application where users enter in their GPA, SAT, and ACT scores and select majors that they are interested in. The output shows a list of colleges in descending order of how ...
17
votes
6answers
2k views

Ragged edges vs. alignment

In an enterprise application I have a list of items and their statuses, and we can't agree on the layout. Some people are bothered by the ragged edge that's created on the left in the first version. ...
0
votes
2answers
33 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 ...
5
votes
3answers
255 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...