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

learn more… | top users | synonyms

1
vote
4answers
94 views

Heuristics for implementing good reading with columns

Users read slower with wide columns, so having multiple columns makes sense for print, but it's more complicated for desktop apps. A desktop or laptop computer screen is too wide for fast reading, and ...
1
vote
3answers
142 views

What would be a good way to present a choice between a text form and file upload?

I need some text to be entered, either through a textarea form or by uploading a file - but obviously, not both. What would be the best way to present this? This is what I have at the moment, but I'm ...
1
vote
1answer
100 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. ...
1
vote
1answer
817 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
190 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
1answer
51 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 ...
1
vote
1answer
84 views

Where to place secondary table

I have a 'primary table' of let's say, 'Suppliers'. Each supplier supplies certain parts which are displayed in a 'secondary table' called 'Parts'. When the users clicks on a row in the supplier ...
1
vote
5answers
481 views

What is the best way to condense this filter screen when you have a filter control on multiple fields?

I have a bunch of multi select list boxes vertically one after the other and listed as part of a filter web page. So when this are on top of each other it looks like this ( the below pic shows 3 of ...
1
vote
2answers
324 views

Why did browsers get rid of the standard menu across the top and now have one button in the top left corner?

It used to be typical of most computer programs to have File, View, Options etc. across the top of the application window. I have noticed that, starting with browsers, many programs have gotten rid of ...
1
vote
2answers
190 views

Visual hierarchy of contact form, testimonials on homepage?

How high should a contact form, testimonials, and business contact info rank in the visual hierarchy on a homepage for a local business? Higher than content that provides "ins" to other pages like ...
1
vote
2answers
210 views

When to use different colors?

I'm designing an IDE. I'm creating an icon to represent a function (which has at least one output parameter) and a procedure (which has no output parameters). I'm undecided about using the same icon ...
1
vote
4answers
513 views

Best practice for single-level parent-child control groupings

I have a data relationship like Teachers -> Children. The goal is to select a Teacher in order to manipulate the more user-relevant Child data. You can add a new Teacher, but you can also add a new ...
1
vote
1answer
473 views

Are there any examples of well designed applications on iPad with 3 column layouts?

I'm designing an iPad application and had an interest in a 3 column interface with 3 tableviews across the screen horizontally and I was wondering if this interface has been done anywhere well.
1
vote
2answers
158 views

Form's title and/or logo.

As you can see some applications have a logo or/and title at the top left side. Does it help to understand where is the user at this moment (what form user is working with)? Are there any other ways ...
1
vote
2answers
52 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
76 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
2answers
152 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 ...
1
vote
1answer
70 views

How to display adequate info without looking “busy”

So I'm making a section of a web page for an "event management" system. The system works as follows: The Organizer Email field is an autocomplete. You start typing an email and it performs an AJAX ...
1
vote
3answers
183 views

How to efficiently show lots of profile data in a glance?

We're in the process of creating an International Directory System for our Employees (which would provide details of Employees - summary of their education, experience, contact, and social media ...
1
vote
3answers
174 views

1) Hiding and showing a dropdown in a form 2) Advantages and disadvantages of using a three-column form layout

I have a drop-down that lists org names. After selecting, it disappears and shows the org name (and address), with a command link to change it back to a drop-down. Is this good usability, and if so, ...
1
vote
2answers
96 views

How to show row related information

I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments". This way they'll be able to access ...
1
vote
2answers
96 views

Using Modals or Extra Tabs for Organization of Data

We have been trying to implement a web-based configuration system and we have been wondering about the correct design choice to layout the options. Our current Organization is similar to this: ...
1
vote
3answers
106 views

Help on placing controls

I need some help on placing usercontrols for a financial app I'm working on (It's WPF but it's not relevant) I've created this wireframe I thinks this approach is an old style... and I need some ...
1
vote
1answer
143 views

Where to put a search button with auto-complete suggestions (usually at the top of the screen) to a more suitable location for mobile platforms

I am implementing a search bar on a mobile device (smartphone) in which I start with only a search icon button, but when the user presses it a text field becomes notice-able next to this icon and a ...
1
vote
2answers
349 views

Guiding the user through a multi-step form

We are building a kind of wizard driven by rules which will assist the user to complete a number of stages each consisting of a set of steps - I asked a question about this earlier on a different ...
1
vote
1answer
129 views

How can I clean up the information design of these piano notes?

hopefully i can attach a screenshot here... I am buried under the complexity of displaying piano notes. (hmm, thanks editor guy for including the screenshot in the message. but it's not quite hires ...
1
vote
1answer
200 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
3answers
229 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 ...
1
vote
1answer
167 views

What are the alternatives to dragging items to add to data view?

I have a list of items in a tree in a column on the left of the page. Each item can be added to one or more views by dragging the item onto a view on the right of the page. This is proving to be ...
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
1answer
136 views

Tiles and product information

I am working on the redesign of a page that has a number of product “tiles”; the information relating to each of the items is quite dense for example: start and end date, notifications, status, ...
1
vote
1answer
228 views

Better way of displaying grouped periodic data

I am working on a report where I have to display hierarchical data in relation to some type. For cumulative data over some period I have a table as presented in image below 1: The task is to ...
1
vote
1answer
128 views

How can these UI layout/style can be labeled and differentiated from a stylistic standpoint?

It is often difficult for a non specialist to label or to describe some UI layouts.. Is there a glossary or a source that can help meeting the right language to talk about an interface general look ? ...
1
vote
2answers
93 views

How to display selected filters after closing the filtering panel?

Context: a touchscreen monitor in which the user can choose which business lines or activities can be displayed in a State. After selecting some of the filters in the box on the left, the user ...
1
vote
1answer
88 views

Should we bring back the user to the ABC mode on the SmartPhone keyboard automatically after they have entered some symbols/numbers/punctuation?

Should we bring back the user to the ABC mode on the SmartPhone keyboard automatically after they have entered some symbols/numbers/punctuation marks?
1
vote
1answer
179 views

How to solve a space/content conflict in a paper form

Imagine a form that tradespeople use to manage safety on worksites. The form helps the worker identify potential safety hazards and suggests techniques for minimising risk. It also guides the worker ...
1
vote
2answers
541 views

Layout of filters in HTML form

I'm struggling to figure out a decent way of laying out a filtering system in an otherwise simple HTML form. For context, the form is used to submit issues, like those you see on an ISP or web host's ...
1
vote
1answer
142 views

Windows 8 store apps: visibility of item groupings/tabs

I am implementing sub groupings on a panel of items in a Windows 8 app. The panel is relatively thin containing a vertically scrolling list of items. The user can change the list of times by tapping ...
1
vote
3answers
63 views

Is it ok to have multiple items with different alignments with an online form? or does this break flow?

We have an on-line form that gets over 40k in hits each month on our software, I am currently performing a content audit and making some initial design suggestions to improve the aesthetics of the ...
1
vote
1answer
418 views

Need better UI representation of comparing two data source

Looking for good UI representation of showing differences in each ROW between two different two data source. One data source is Source Data and another is transformed data (destination) which is more ...
1
vote
1answer
173 views

Why dvorak's layout left home row is AOEIU?

I am trying to learn to type in dvorak keyboard, but I am having hard time with the vowels. I am ok with the consontants, but I am wandering why Dvorak didn't make it more simple to AEIOU for the left ...
1
vote
3answers
154 views

Settings button at the top or bottom of the screen?

If the settings don't need to be changed very often, but need to be very accessible when they need to be, is there any reason for putting them at the top instead of the bottom of the screen (or vice ...
1
vote
2answers
141 views

displaying product info layout

I have a product page, currently it is laid out like this: /////////////////////////////////////////// (Product Title) / (product price) / (add to cart) (product ...
1
vote
1answer
101 views

Are users more likely to share embedded videos or videos watched from a dedicated viewing experience (YouTube app/site, etc)?

I'm trying to form a best practice recommendation for either embedding videos (embedded youTube player) or launching videos into a dedicated viewing experience (leveraging YouTube app on smartphones ...
1
vote
1answer
525 views

Admin site UX design

I am building an application for multiple customers at once. So they will use the same system, but they will have their own admin site, with data, what they need. I have different kind of elements to ...
1
vote
2answers
289 views

iPad splitview layout as a website layout?

Im in the process of making a website where people can sell or buy pets/animal books/pets accessories. I was thinking about doing a very diffrent layout. And that is an iPad splitview application. ...
1
vote
1answer
84 views

How to align a shopping cart which can have only one item at a time?

We are designing the interface for our shopping cart. More precisely, we call it register page which is used for registering one course at a time. However, we ran into a little disagreement in ...
1
vote
1answer
252 views

why we need multi-column page layout? Why we do need sidebars? [closed]

Some websites only have one column. Some websites have multi-columns. So why we need sidebar, or why we need multi-column page layout in web /print media ? Is there any UX principles?
1
vote
1answer
605 views

3 column layout for a video player page?

![enter image description here][1]I'm designing a new layout for a popular video site. We are doing a "large" layout for min-width 1366px. The video player can't get any bigger, so on the video ...
1
vote
1answer
91 views

Software product page that references multiple download locations consolidate into one button or provide separate buttons

With Software needing to be made available in many kinds of stores or download locations. When developing a product page, which offers a better user experience for obtaining the software product: 1. ...