The way in which the elements of an interface are laid out.
3
votes
2answers
509 views
Alternative way to displaying unordered list items in 3 columns
I'm trying to find an alternative way of displaying 50 unordered list items in 2 or 3 column layout. I feel the pattern I've using looks quite "blah."
Sample layout:
Browse by Featured Topics
...
3
votes
2answers
121 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 ...
3
votes
1answer
489 views
Using JQuery DataTables to display many columns
We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item.
This can lead to having way to many ...
3
votes
1answer
107 views
Is a layout with '3D' elements easier to parse?
Contemporary web applications favor designs that make heavy use of shadows and gradients to create the effect of 3D elements.
One justification for this practice is that 3D effects can be used to ...
3
votes
1answer
206 views
Multi-pane code editor with preview: help me find a good compromise between usability and complexity
I am creating a simple web site/app for testing JavScript code in the browser, similar to jsbin.com, jsfiddle.net, and tinkerbin.com.
The usual approach is to have 3 code editors (for JS, CSS, and ...
3
votes
4answers
582 views
What are examples of complex digital interfaces? [closed]
This is a call for inspiration, as I don't seem to find any beautiful web-based UI that deals with complex actions and visualizations out there on the web.
I'm designing a (web-based) digital ...
3
votes
2answers
97 views
Advise strategy for partially translated webpage
I am working on a site and some but not all of the content is being translated into French. The content that is being translated is the long description and summaries of the content items (which are ...
2
votes
3answers
227 views
What ways can I present an addtional field to combobox when user can't find item they looking for?
I have ComboBox and it has item inside user can select item they want, if they can't find item they can select first item (Not in this list) and input data in textbox (textbox will show if user select ...
2
votes
4answers
384 views
How or where to add an explanatory legend without the use of asterisk?
We are currently working on improving an online e-commerce website, and recently we bumped into the issue of adding an explanatory legend that had not previously been requested.
There's a product ...
2
votes
4answers
197 views
Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?
I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
2
votes
2answers
214 views
What is a clean, uncluttered way to have a “Main Menu” access button in a videogame?
I am trying to design a UI system for a computer game I am creating, but I don't know how to have the player access the main menu without clutter and unnecessary distraction. The ideas I have ...
2
votes
3answers
285 views
best way to represent horizontal reports?
i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
2
votes
4answers
228 views
Which version of this upcoming beer app UI do you think is more effective and why? [closed]
I am trying to decide which version of my layout to go with from a color and post layout perspective. Any reasoning for your choice would be really helpful!
...
2
votes
4answers
1k views
A keyboard for developers? [closed]
Being a software developer, the keyboard is the most important tool to interact with the computer. Thus, the layout and placement of buttons is very essential. Especially the grouping of the ...
2
votes
2answers
380 views
Legend Or Key??
What is the difference between a legend and a key? Is a legend still a legend if it is at the top of a page? Where is the optimal placement of a legend or key for a page that scrolls?
2
votes
2answers
368 views
How to differentiate between vertical and horizontal splitting of a view
I'm working on the programming interface (public functions) to an API for graphical UI layout. The API does everything in terms of frame objects - simple rectangles in which stuff can be displayed.
I ...
2
votes
5answers
108 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 ...
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, ...
2
votes
5answers
76 views
Should a tagline be on all public pages?
I have a tagline that describes my site/business as you can see below. My question is whether this tagline should be on all public pages?
As far as I can see the benefit of it being on all pages is ...
2
votes
2answers
119 views
Showtimes for movies
I'm working on local cinemas guide (for arab users), and I want to design showtimes schedule in cinemas on movie page.. easy & simple for users and easy for developer and data entry.
Can I use ...
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.
...
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 ...
2
votes
5answers
469 views
Form layout. Vertical Labels vs Horizontal Labels. Images inside
After reading
http://www.lukew.com/ff/entry.asp?1502
and
http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php
Placing labels above input fields is preferable, but if you choose to ...
2
votes
2answers
726 views
Best way to display more table columns and rows than I have room for?
I have a similar problem to what is mentioned in Best way to display more table columns than I have room for?. But to make things a little more difficult, the table has approximately 1000 rows and 64 ...
2
votes
3answers
85 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 ...
2
votes
3answers
117 views
Which side of the screen should a user HUD be on?
I'm trying to come up with the UI for a game I'm creating for the iPhone/iPad. The game is based off another online game form years ago, and they had their HUD on the left side of the screen.
I'm ...
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 ...
2
votes
2answers
120 views
iPad Nav Strategies for presenting deeper levels
Does anyone have examples or suggestions of iPad/tablet interfaces that present more than a couple of levels of content? I'm struggling with how to properly present this information without either 2 ...
2
votes
1answer
114 views
Desktop application problem: how to present a new option without confusing existing users
Background:
Our user runs an internet shop, based on a SoS platform we provide. In particular we provide a desktop app (Windows), which basically stacks up the shelves of this store by uploading ...
2
votes
1answer
163 views
Advantages of big forms (especially in ecommerce)
What are the advantages or disadvantages using big forms? (especially in ecommerce)
I notice sites like Stack Exchange are using big form input fields with big bold labels inside of them ...
2
votes
1answer
105 views
Is the label orientation on this product a message from the manufacturer?
I posted a question on the DIY SE site, and it was recommended that maybe a part of it would be better asked here.
Consider these two outlets:
The blue WR logo indicates that the outlet is ...
2
votes
4answers
524 views
Examples of “Light table” GUIs for editing and comparing images, text or other data
I'm looking for examples of existing solutions of the following interface problem. The interface must have a table, list, thumbnail view or such of items, which depending on the example could be ...
2
votes
3answers
161 views
How should the [Big Buy Now Button] in the right gutter be linked?
I'm redisigning my website and would like to know how the "Big Buy Now Button" in the right gutter should be linked. This button will be available on every page of the site.
I sell two software ...
2
votes
2answers
344 views
Alternative to “Hover For More Information” Controls
I don't like modal popups, because they force you to close them before you resume normal input -- and because they tend to dominate the screen.
When I made Valence, I had a dilemma: where do I put ...
2
votes
3answers
202 views
How should I design a small help system for a Windows application?
Context
I've written a simple, business application which generates a report from information in a database. The only user input required are two file paths--one to a list of items to report on and ...
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 ...
2
votes
1answer
293 views
Is there a reason behind gratuitous use of whitespace on YouTube's new layout? [duplicate]
Possible Duplicate(s):
What are some advantages of left-aligning columns within the browser window?
UX design pattern for whitespace
I opened YouTube on Friday to see its new redesign. It ...
2
votes
1answer
164 views
System status and availability best practice
What are is considered best practice (layout, age of information, level of detail, etc.) for UX guidelines when creating system status and availability page(s)?
Below are links from major companies ...
2
votes
3answers
93 views
Will combining fixed and flexible layouts on the same page confuse people?
I've recently put a limit on the maximum width of my web app (similar to the Stack Exchange sites) to avoid looking ridiculous at very high resolutions and large monitors.
Most pages are limited to ...
2
votes
2answers
222 views
Responsive Layouts: Can they respond to *on-screen* keyboards? (i.e. Tablet / Mobile keyboards)
This question is fairly simple, though I'm not sure the technology exists yet. I'm building a responsive version of a website to be optimized for use with a tablet device. This is one challenge ...
2
votes
1answer
118 views
Wanted: terms and info for “display density” / “space conciousness” by Gmail
In gmail, the contents of the page is beautifully laid out with regards to how big the browser window is. There are three modes: Comfortable, Cozy, and Compact. There is a menu for switching manually, ...
2
votes
1answer
218 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 ...
2
votes
2answers
170 views
White space vs. Information [duplicate]
Possible Duplicate:
How can I defend and/or encourage white space as an effective design element?
At the company where I work, every day, there are discussions about "how to fill the ...
2
votes
2answers
513 views
How do I lay out non-rectangular UI elements?
Does anyone have a good reference for laying out non-rectangular user elements? I don't just mean circular buttons which are laid out as if they were in a square box, and I don't mean placing them ...
2
votes
3answers
5k views
Tab Bar In Split View Controller Master View
Currently I am using a UITabBarController in my iPad application in the master view of a UISplitViewController. However, in my detail view, there is a UIToolbar, and the UITabBar looks out of place. ...
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?
...
2
votes
1answer
62 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 ...
2
votes
2answers
201 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 ...
2
votes
5answers
221 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 ...
2
votes
1answer
82 views
Prize/Gift selection campaign
I'm trying to plan a wireframe/site that allows new registered users to reclaim a reward for registering. There are 3 very different rewards they can pick. Sort of like when you register an Adobe ...
