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

learn more… | top users | synonyms

1
vote
1answer
124 views

Content grouping based on time and theme

I have some articles which need to be arranged on a new website based on time and theme. For example on a blog site the content is usually arranged by date (descending latest first) - see first figure ...
1
vote
3answers
157 views

How can I decide whether to use a button or a hyperlink? [duplicate]

I have web page that shows the detail information for a parcel of land. You can do the following things from the page. I included an image with the current setup. return to results show an ...
3
votes
2answers
136 views

How to distribute selected listitem through a table (days of week)

What 's the best way to do the following : I want to distribute my employees among the specific periods in the week My current UI is like that on The right side : The list box of employees and ...
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 ...
0
votes
2answers
145 views

Studies about button placement to download reports?

Would it be more natural for the user to click under the text area or in a centralized area of actions. In our example at http://www.bruxzir.com/science-bruxzir-zirconia-dental-crown/, we have ...
8
votes
4answers
623 views

Multiple email address field in a simple form

This is a survey site, and after completing the survey the user has the option to send a copy of the report to themselves. There is a small container on the page, with a text field and a submit ...
5
votes
2answers
5k views

Why does the Xbox controller have non-symmetrical analog sticks?

The image below shows the controllers of the three eighth-generation consoles (Xbox One, PS4, Wii U). As you can see, both the PS4 and Wii U controllers have symmetrical analog sticks, which seems ...
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 ...
7
votes
3answers
525 views

select from predefined list if exist ,else insert a new item to the list?

What's the best experience to do the following: The user will insert a new subject(text) only if it isn't in the existing list. So, it will be added to the existing list for all users. I have ...
2
votes
6answers
3k views

Best placement for a “Go Back” button: top or bottom?

I know that it is bad practice to use a "Go Back" button (since the browser has such a function) but when it can't be avoided for some reason, is it better to put it on top (similar to how the back ...
4
votes
2answers
172 views

Best way to display support, contact, and preferences in Mac App

I'm trying to decide what the best way to display the following options to a user is: Contact / Social Connection Links (ex. find "company name" on Twitter / Facebook) Support options (ex. in-app ...
7
votes
3answers
441 views

How to organize multiple information popup areas over a table?

How might you best organize multiple popups over a table when both the table content and the popup content are equally important. Scenario: Tabulated data, for which the user may be interested in ...
5
votes
1answer
701 views

Alternatives to scrolling to display long text? [duplicate]

As you can see on the picture below, my text is displayed within a 'relatively small' DIV. Currently users have the possibility to scroll down within the DIV to read the full text but I don't really ...
7
votes
5answers
3k views

Two-level menus: Why? and When?

Two level menus: should they be used? Why are they important? I never found any resource explaining this. Should I avoid them and only use them when you really have too much stuff to present?
6
votes
3answers
157 views

Showing preview rows of content types vs picking a default type and showing it in full?

I'm trying to figure out what would be a better experience. We have 3 "types" of content usually, in this case let's say they are photos on user profiles. Is it better to show a row of each type with ...
3
votes
2answers
733 views

How do I simplify my complex form? wizard vs. scrolling

In making recommendations for a lengthy registration form, I am faced with the challenge of how to lay it out without confusing the user. In the current implementation, there are many possible pages ...
6
votes
2answers
383 views

Data listed horizontally or vertically?

I am currently building a data entry application and a lot of our data is contained in Div's on a page. Right now all of our data is listed horizontally because I feel that it is more readable and is ...
0
votes
4answers
405 views

Why does this layout look so weird with the pictures on the right?

I'm trying to decide between these two layouts. For some reason, putting the pictures on the right makes it feel really funky but I can't explain why. Someone suggested that's it's because we read ...
2
votes
3answers
303 views

How can I display lots of controls that are contained within expanders?

I'm currently building and Dashboard system for a factory and there is a control panel to control all the displays in the factory and to decide which detail(KPI type) to be displayed. Following is the ...
7
votes
5answers
260 views

How to lay out a screen with dozens of fields and have help for each

We have a screen that has a form that gathers a lot of input. Many of the terms and questions are confusing so we have help for them. We are trying to put a little (?) help icon for each line. We ...
3
votes
4answers
307 views

Should I include any other information on a page with a long signup form?

I'm working on a form users will fill out to start a free trial of our product. Unfortunately all of the fields I've included are required for us to put them in our system properly. What I'm ...
6
votes
4answers
1k views

Is it OK if asterisk is put after label that is above the field?

Look at wireframe: download bmml source – Wireframes created with Balsamiq Mockups Does it look OK that labels above fields have asterisks? Or should labels be placed left of the fields? ...
3
votes
4answers
394 views

iPad full screen in landscape mode - which side to put on my controls panel?

I have an app which helps the user to design a full screen sized postcard. The result is exactly what the user sees on the screen. Because a lot of users scan things in an F pattern, I assume that ...
4
votes
2answers
144 views

How to better display metadata about a card?

A Card has the following metadata: Information: Status (ready or not), Stage (one of nine) Actions: Edit, View Statistics, Edit, Delete, Archive I need to display both sides of the card on this ...
8
votes
2answers
272 views

Should I combine multiple User and Group management panels into a single screen?

Currently I am developing a user and group management plugin for out application with ExtJs 4.1 This is my first version. I packed all into 1 window, each panel has its toolbar and user/group ...
3
votes
2answers
353 views

What is a good way to position chart elements on a dashboard?

I'm designing some dashboards for a client who will see sliced and diced versions of data based on a lot of parameters. I plan to give him a Pie Chart, Bar Graph and a Table on the same dashboard. ...
24
votes
5answers
2k views

Usability of vertical text

I am playing with ideas for a menu that I want to add to some site designs and was wondering: How usable is vertical text in any portion of a site (specifically menus)? For example You can have ...
6
votes
1answer
1k views

How to properly layout multiple interactive controls using best UX pattern?

I'm working to redesign an existing page that generates reports, based on user selections. Currently, this is a rough draft of the page layout: The user must always begin at 1 and that selection ...
0
votes
3answers
525 views

Where to place registration form and its contents in page horizontally?

In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
5
votes
2answers
245 views

How to calculate the best width of a text element

I am developing a visual editor where the nodes in the editor can contain text. The size of the text can vary, and can contain any character. Since it is important for me to minimize the size of the ...
2
votes
3answers
141 views

Layout of information on registration page

I am making the registration page for a website. How should the different components be laid out relative to each other? For example should the heading be on level or above the text input field? ...
1
vote
4answers
1k views

What's more readable, reading an ordered list vertically or horizontally? [duplicate]

For example, I have a numbered list, what is easier for an average user to read ? Vertically [1] [5] [2] [6] [3] [7] [4] [8] OR Horizontally [1] [2] [3] [4] [5] [6] [7] [8] ...
7
votes
3answers
416 views

Group of checkboxes and supporting text fields

What is the best way to layout a group of checkboxes and supporting form fields? For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
2
votes
1answer
92 views

Rarely used translation function placement

I have just been looking at the analytics of one of the websites I work on, and one of the features is required - but rarely used. There is a Microsoft Translate button, with their "Powered by ...
6
votes
1answer
389 views

UI Layout improvement

I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
1
vote
2answers
240 views

Is there a better way to layout this UI using the Microsoft Office Ribbon?

I am building a Microsoft Outlook VSTO addin and I am trying to figure out the best way to lay out the UI and from looking through the office apps i can't seem to find the right layout pattern that ...
2
votes
4answers
330 views

How should a website handle signup for two types of accounts?

For instance, say a site is for merchants and consumers; people should either sign up as a merchant or a consumer – they require two different forms located on different pages. From the home page, ...
5
votes
2answers
312 views

How Many Screenshots Are Too Many

At what point am I offering too many screenshots? I am working a redesign of my company's help guides - these guides are mostly centered around our hosted mail services. How to set up Outlook, set up ...
14
votes
4answers
3k views

Should the search box be on the left or the right side

In a web app with a search box in the header - where should the search go, on the left or the right side of the header? What considerations should be taken into account when making this decision? In ...
2
votes
1answer
853 views

ecommerce: optimal width

I am going to redesign an ecommerce shop. Currently the shop has the standard 940px width. I was wondering if 940px/960px is still the recommended width? Nowadays we have responsive grids and bigger ...
4
votes
2answers
205 views

Adding comments to a list of items, is there an elegant solution?

I've been looking through the forums and haven't had much luck. I have kind of a weird dilemma, I hope someone can help. I have a list of items (like a list of favorite movies) each item has buttons ...
9
votes
9answers
979 views

How should text wrap in a code block?

I am working on an application where code will be shown on a mobile device. This gives us a constrained width as horizontal scrolling isn't a desired choice for code with long lines. So we have to ...
23
votes
7answers
3k views

Greyed-Out vs Invisible

What is a good criterion or rule-of-thumb for determining when a control should be greyed-out and when should it be completely invisible?
3
votes
2answers
100 views

Visually distinguish an index versus a single view

I think I'm having a hard time pulling this off because no one has yet done a good job of this. Think of the home page of most blogs as the index, just a list of the latest blog posts. When you ...
3
votes
3answers
124 views

Is better to have two columns of the same size instead of the typical sidebar? Could it confuse the user?

I´m working on the new version of this site and I would like some feedback. The new site has two columns of the same size with information in both, instead of one main content column (bigger) at the ...
29
votes
3answers
2k views

Odd or even number of products per row on a product listing page?

I heard from a reputable source that on e-commerce websites, users find it easier to choose a product when there is an odd number of items in row, as compared to an even number. In their experience, ...
2
votes
4answers
687 views

Small form, big page

When you have a huge canvas (think: responsive design) but the content you need to display is very narrow, how do you prevent it from looking awkward? Center it, left-align, find more stuff to fill ...
3
votes
2answers
510 views

mobile first design - main navigation placement & considering desktop users too

I'm considering placement of the main navigation for a responsive site in a thin sidebar similar to the navigation on Twitter's iPad app, as seen on the left. However with the icons and links ...
4
votes
2answers
295 views

Scrollbar width in Component Vs. Containers (UX dilemma)

Do you think a thinner scrollbar should be applied in components (such as combo box and text area) and wider scrollbar in containers such as window & panel? And if not, will you apply a thinner ...
3
votes
1answer
126 views

Using a column based layout for text content

Text typically falls into a single column on the majority of websites - the user reading down the page. The only scroll motion therefore is downward. I've been experimenting recently with the CSS3 ...