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

learn more… | top users | synonyms

8
votes
3answers
354 views

Default input labels and text sizes

Looking to get community feedback on a few small related form questions: For standard forms: How long should a standard text box input be? These text boxes would be for first and last name? Should ...
2
votes
3answers
257 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 ...
3
votes
2answers
205 views

What knowledge about GUI standards/design a test analyst should have?

I am a software tester who works on a newly developing software product. Sometimes I feel the GUIs are not very user friendly but could not justify as I do not have enough facts/knowledge on GUI ...
3
votes
3answers
2k views

Responsive web design technique in desktop application?

What do you think about using responsive web design techniques in a desktop application? We need more space for large data and since all monitors today are widescreen, it could be good practice I ...
4
votes
2answers
2k views

How to let the user add and edit items in a ComboBox? (WinForms)

In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items. I want the design to be simplistic. This was my ...
6
votes
4answers
307 views

Least obstructive text input boxes within text

I have some text with many text input boxes. I have been told (more than once) that the input boxes make the text hard to read. What I have done is available at wikilearner.net/wiki Do you ...
1
vote
4answers
314 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 ...
15
votes
6answers
1k views

The use of tabs

I am working on redoing a clients application, which needs to be done for other reason, but one of the changes is to remove tabs. The application is, in essence, fronting data records, very basic. ...
5
votes
3answers
1k views

What's the best way to display and navigate about a list of 2000+ items?

I've recently decided to update the look of a site and was confronted with a page that is a list of 2,000+ items sorted into a table and a blob of links that go with it. First Robotics competition ...
5
votes
4answers
354 views

Should Website “Container” elements reach the bottom of the screen?

I've got a fixed width layout site much like SE and Twitter and it personally bugs me when my "short" pages don't reach the bottom of the page. I've been wondering if this is a purely stylistic issue ...
0
votes
2answers
878 views

Date picker button placement: inside or outside the right bounds?

Which of these is a better approach for placement of the date picker button: Having the button outside the right bounds of the other textboxes: Or having the picker inside: I'm also thinking of ...
11
votes
5answers
342 views

Button placement while others ones are invisible/disabled

I have a tool bar of buttons. The state changes every time user interact with it (fig. 1). Fig. 1 Sometimes application allows user to refresh view only, so other buttons are invisible (fig. 2). ...
4
votes
2answers
270 views

Advice on layout/presentation of information to user in web page

I'm developing a website that helps connect nightlife promotion companies with consumers. Each night life company hosts events and various venues and on various nights. I want to give users/consumers ...
5
votes
4answers
3k views

Designing an Advanced Search Control for iOS?

I'm working on iOS app and part of what I'm making is an advanced search interface. The default iOS search components allow for text entry and for a "scope bar". That is, a bar which allows you to ...
6
votes
3answers
2k views

Optimal placement of share on Twitter/Facebook/social media widget on web page to encourage use

Like most every site out there, I develop a site where we encourage people to share the content through Twitter and Facebook. Also, like most other sites, the placement of the widgets is in a fixed ...
8
votes
3answers
6k views

What is a good web page resolution to design for? [duplicate]

Possible Duplicate: Common screen resolution in 2011? What would be a good web page resolution to design for? I currently work according to 1024px wide resolution screens. and create UIs ...
12
votes
5answers
2k views

Too many tabs - use buttons instead?

We have an admin page in our application that has toomanytab-itus (see the second set of tabs are stacking): I've been tasked with solving this issue. Reorganising/grouping the content to reduce ...
9
votes
5answers
328 views

What is the value of interface layout and its impact on the overall user experience?

I often have difficulty convincing people that the layout/design/visual-styling of an interface has impact on how the user feels about the product as whole. All to often the argument is that the user ...
1
vote
2answers
2k views

Grid dimensions on Android

I'm starting a mobile app on Android that displays nearby restaurants and outing places, but I'm so confused! There are lots of devices and sizes; I want the smart phones, no tablets or non-touch. ...
5
votes
6answers
427 views

Furnishing the sidebar the honest way

I'm developing yet another website (non-blog, static), and yet again I'm stumbling upon the same problem with inner (non-home) pages design. The layout is conventional: 960px wrapper header with ...
4
votes
4answers
345 views

How to prevent grey/black lines after effect?

I have made some new design for my private blog (a black design). However, If I now read a blog piece and then look around I see around me all kinds of black/grey horizontals bars as after effect, ...
5
votes
1answer
295 views

Chrome Options UI Pattern Name

I've been looking for a way to organize hierarchical data. I came across the UI in Chrome Options. I really like it and think will work well for what I need. Is there a name to this pattern? As you ...
1
vote
1answer
366 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.
6
votes
2answers
629 views

What is the best way to allow users to navigate through a large amount of information on a website that is categorised in numerous ways?

As a web developer, I'm often given designs that look good from the web designer, but don't necessarily function as well as they should. This is especially true for navigation elements, increasingly ...
2
votes
4answers
234 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! ...
5
votes
4answers
1k views

I'm looking for good examples of Welcome pages, and any good theory on how to go about it [closed]

Kind of a discussion based question, but bare with me anyway. I am working on a web app that provides reporting. It makes reporting fun, honest! I am struggling to design the Welcome page. It's a ...
4
votes
3answers
288 views

Does Usability/design matter in admin(client) sites?

I worked at many organization, few of my old employers developed old system for clients which is running from more than 5 years and work perfect. They do not care about any user experience(design, ...
1
vote
4answers
3k views

horizontal vs vertical tabs

I was wondering, in which case are horizontal tabs better, and in which case are vertical tabs better? There is one answer I can already give, but I'd like to see if there are more. Because you ...
9
votes
6answers
403 views

Which is more important, less mouse distance to travel or visual consistency?

I have an interface that I am currently working on that asks the user to make a choice of a single item. These items are divided into 3 separate categories and the client has insisted that each ...
6
votes
2answers
308 views

Is there a preferred manner of laying out a few radio buttons?

If I have a requirement to display three radio buttons, is there some UX standard that says they should be laid out vertically and not horizontally? i.e. is: o High Temperature: o ...
2
votes
3answers
254 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 ...
22
votes
5answers
657 views

When displaying statistics to a user, is it better to bold the data or the label?

The following picture shows some statistics. Here they bold the data, not the label. Which is better? Does it depend on the information being shown? What if you have a header on a report with some ...
6
votes
1answer
1k views

Is the left or right side of the screen “more clickable”?

I'm in the second year of fine-tuning a homebrew CMS, and I've been going with this theory (which I imagined) that it's best to have interactive elements like submit buttons, back buttons, and links ...
5
votes
2answers
796 views

How to lay out a list of lot of checkboxes that may vary in length?

I have a list of checkboxes under header titles (at least three, one of them has sub headers, all in one page), something like this: Problem is, these checkboxes may end up with 10 elements per ...
7
votes
6answers
459 views

Making contact detail form more friendly

I have a windows based form in my project for adding contact details. Here's a screenshot I have added textbox for First name, Last name , var and cst (vat and cst are numbers related to ...
5
votes
5answers
3k views

Is it a bad idea to put the logo in the top-right corner and the navigation in the top-left?

Firstly I would like to say that I don't think there is a concrete rule about where the logo on a website should be – but intuitively I think it should be in the top left at least for continuities ...
7
votes
2answers
422 views

Does moving the secondary navigation impact a users experience?

I'm in the process of designing the navigation for a web application. I have a few different types of views. One is a map, the others are all fairly similar and are like a standard web page. Mapping ...
17
votes
8answers
5k views

Should we provide “back” button for mobile website?

In mobile website for all smartphones (iPhone, Android, Blackberry, Windows phone 7), should I provide a "Back" button inside the webpage even when the browser has functionality to go to back? ...
13
votes
7answers
555 views

How do you go about convincing the stubborn “powers that be” to let you change a clumsy layout that users are used to?

How do you go about convincing the stubborn "powers that be" to let you change a clumsy layout that users are used to? Say there was a layout in a previous version of software from years back and ...
8
votes
6answers
5k views

What would be the best layout width when traffic monitor sizes are mostly 1280 x 1024?

I am arguing with my client, that 960 pixels layout width will be okay for the site. He keeps suggestion that the layout width should be larger. He gave me these Statistics In % descending order: ...
1
vote
3answers
156 views

How to represent a quoter and a quotee for a webapp

For my own personal project while I learn PHP, I am creating a web app where friends can quote each other. So a user will come and post what their friend said and their friends can like it and comment ...
7
votes
2answers
234 views

How and when to go about challenging a tried and true user behavior?

There are many user behaviors that have been ingrained in us over time. Some of them good, and some of them just because, "that's the way that it has been done for years, people expect it." The ...
49
votes
13answers
48k views

Common screen resolution?

I'm developing a web application which is quite information heavy. This means that every pixel available in the screen for display helps a lot, to avoid the UI looking too cluttered and to display ...
4
votes
2answers
1k views

What are unique UI controls on Android?

Apart from regular UI controls like tabview and listview, are there any unique and attractive UI controls like Quick action bar, Action bar, or iOS spinner (Date and time selector) which are ...
2
votes
2answers
371 views

Best organization option for handling a multi-level gallery or portfolio?

I am helping my cousin with a small web site for his custom upholstery business. On this site, there will be a portfolio section displaying images of his prior work. His work typically involves ...
2
votes
3answers
2k 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 ...
11
votes
8answers
5k views

What are the rules of thumb for margins in web design?

My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...
6
votes
3answers
280 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 ...
3
votes
1answer
292 views

Using mobile design elements for standard web pages?

I'm a big fan of minimalist design and really like the efficiency and layout of sites and apps designed for mobile devices (Tripit.com comes to mind). I often find myself trying to incorporate similar ...
7
votes
1answer
893 views

Reporting web app - how to design large data tables?

I'm working on a legacy webapp that's mainly focused on reporting large amounts of data - ie tables with 20+ columns reporting financial data. The main problem is table layout inconsistency depending ...