The way in which the elements of an interface are laid out.
1
vote
5answers
49 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 ...
26
votes
8answers
942 views
Is it a good idea to have a large footer containing many links?
In recent years, it's become quite a common design pattern to have a large footer on every page, containing a 'mini sitemap'.
For example:
This has supposed SEO benefits, but would also seem to ...
6
votes
5answers
195 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?
2
votes
1answer
85 views
Is there a disconnect between the fields of neuroscience and user experience on the topic of horizontal-bias?
Jakob Nielsen says that: Horizontal Attention Leans Left
While evidence from neuroscience, as described by Jeremy Tunnell (Product Manager for Stack Exchange) suggests that "the brain’s visual system ...
-1
votes
0answers
41 views
Entering optional list values with other components in the UI layout
I can clearly see that the layout location is not optimal here... trying not to overload the UI on the one hand, but to make it clear on the other...
A small wireframe! that explains the subject
Is ...
4
votes
1answer
52 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 ...
3
votes
4answers
136 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 ...
2
votes
2answers
91 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.
...
25
votes
3answers
534 views
What to do when a page's content doesn't fill up enough of a fixed area?
An application has a fixed size, i.e 800x600 px. However, a problem I often run in to is that the page's content isn't enough. It's simply too little content on a big area.
Consider the mockup below, ...
6
votes
3answers
173 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 ...
6
votes
2answers
115 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 ...
6
votes
2answers
86 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 ...
4
votes
1answer
125 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 ...
6
votes
3answers
77 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
3answers
120 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 ...
-1
votes
1answer
53 views
I need some help choosing the most appropriate layout for a Java dialog box [closed]
I'm relatively new to working with Java's Swing components, and I've got a layout issue I'm trying to solve simply.
In a nutshell, I'm creating a panel that has four lines:
a title
a row of three ...
13
votes
6answers
514 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?
2
votes
1answer
217 views
Best Layout for an “Object” Voting System?
I'm more of a developer and less of a designer and I'm currently working on a website that will display a list of books and will allow users to vote for their favorite book (or add a new one if their ...
3
votes
2answers
117 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 ...
0
votes
4answers
311 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 ...
29
votes
11answers
2k views
For websites, is it better to have a variable width layout or a fixed width layout?
Due to different screen resolutions, the user experience browsing a website might be different. Is it better to layout the website with a fixed width? (and if so should there be different static ...
2
votes
3answers
162 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 ...
6
votes
5answers
140 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 ...
2
votes
3answers
59 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 ...
5
votes
4answers
132 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?
...
4
votes
2answers
103 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 ...
16
votes
3answers
394 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
269 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 ...
4
votes
5answers
545 views
Encourage users to tap the “review” button
How to layout an Info screen, so as many as possible are tempted to tap the "review" button?
I wish users would tap the "review" button and write a long positive review on the app store where they ...
6
votes
2answers
511 views
How to design usable web site terms & conditions?
What are some guidelines and examples for designing usable legal terms for web sites? I know that most users don't read it, but are there innovative ways to improve readability and presentation of ...
0
votes
3answers
113 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 ...
2
votes
3answers
104 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?
...
5
votes
2answers
128 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 ...
1
vote
4answers
167 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]
...
2
votes
1answer
60 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 ...
5
votes
1answer
243 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 ...
6
votes
3answers
268 views
Does having a visually distinct header help the user get comfortable with the website?
We had an interesting but "un-resolved" discussion recently within the team regarding header design (logo + navigation links etc) for a web application. I would like to know if having a dark or ...
2
votes
4answers
144 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, ...
1
vote
2answers
133 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 ...
121
votes
23answers
13k views
OK/Cancel on left/right?
Should OK button be on left of Cancel button or vice versa?
Are there any studies suggesting either of the solutions?
4
votes
2answers
178 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 ...
17
votes
10answers
1k views
Is there a usability reason for centering a website's content area on a page?
A lot of websites these days have content area's which are centr aligned, http://ux.stackexchange.com is an example. However some sites are left aligned e.g. http://forums.adobe.com/index.jspa, ...
2
votes
2answers
199 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 ...
10
votes
4answers
499 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 ...
5
votes
7answers
219 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 ...
0
votes
0answers
86 views
Liquid vs responsive design [duplicate]
I have gone through this post but there is still one thing that confuses me.
This is my understanding of the 2 kinds of layouts:
Liquid Design
For instance, i have a 3 column layout and i decide to ...
4
votes
2answers
119 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 ...
3
votes
2answers
71 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
135 views
Dynamically Resize Pictures
I have a set of different sized images of products that I want to display on my web page with four to a row. The issue is that because they are different sizes, I don't know how to display them ...
3
votes
2answers
184 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 ...
