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

learn more… | top users | synonyms

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
466 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
322 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
189 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
505 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
467 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
47 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
62 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
144 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
68 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
182 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
171 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
93 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
95 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
140 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
321 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
197 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
223 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
226 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
92 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
81 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
178 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
538 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
60 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
404 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
169 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
153 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
511 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
83 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
597 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
90 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. ...
1
vote
1answer
123 views

Optimum distance between fields (Textboxes etc) on mobile touch screens

What should be the optimal distance between fields such as Text boxes in mobile touch screens? In order to avoid wrongly touching other fields. download bmml source – Wireframes created ...
1
vote
2answers
612 views

Admin Layout - where to put the categories list?

See the Admin layout (wireframe) below. Header - Logo and Logout Link Main navigation - Orders, Members, Shops, etc. Sub-Navigation - List of links that is related to Main navigation. Eg: If you ...
1
vote
1answer
31 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
74 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 ...
1
vote
1answer
82 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 ...