user-interface

Do edit pages and view pages need to have the same basic layout?

From a design and usability perspective is it best that an edit page mimics the layout of the view page? Our view page is very dense. The data is tightly packed together, but when editing there are going to be extra controls next to each entry field. If we leave the layout the same it will be overly crowded. Will this cause problems wi...

How can I handle fractional quantities in an e-store shopping cart?

I am building an e-store and I need to have the ability to add fractional quantities to the shopping cart. Admin would set a denominator per product (e.g. 8 would mean that the minimum purchase is 1/8 of a case) I currently use a jQuery slider and display the quantity in the asp:Label which works just fine on product pages, however it...

Best UI Library to use with jQuery

What do you guys recommend for a UI library to use with jQuery. jQuery UI seems to have less widgets compared to other frameworks. I've been playing around lately with the Dojo Toolkit which seems pretty nice so far, and I know that there is always the Yahoo! User Interface, but is there anything else? I also need to consider licensing...

When to use ellipsis after menu items

In pretty much all applications that have a menu bar, some of the items have an ellipsis (...) after them, and some don't. Is there a well known convention on when to put that ellipsis there and when not to? When do you do it? Do you do it? I have looked at various windows applications, and this is what I have come to: Ellipsis Menu...

C# Winforms - Adding forms to a FlowPanel control

I have a page where I have to modify variables which are strings with pairs of values and labels. I was using a datagrid object but its not sufficient for whats required ( or eventually will not anyway ). So I have a form which is a text label and textbox, and a flowpanel, and I'm trying to programmatically add instances of this form fo...

How do I resize controls on a form to fit different resolutions?

I'm developing a small application that has a few button and labels. On my development PC it fits on the window, but on other machines the controls of forms get smaller. My screen resolution is 1680x1050 and client screen solution is 1024x768. Is it possible to make controls auto fit the screen solution? ...

Separation of concerns; MVC; why?

I'm currently reading up on OO before I embark upon my next major project. To give you some quick background, I'm a PHP developer, working on web applications. One area that particularly interests me is the User Interface; specifically how to build this and connect it to my OO "model". I've been doing some reading on this area. One of...

web application interface optimisation - fonts / tips ?

Hola stackoverflow, I'm building an interface with a lot of info on the screen.. dozens of inputs, with accompanying labels. as a result of the volume of info the fonts have necessarily become pretty small. but I'd like this to be as readable and usable as possible.. is there a really nice font that's both readable and compact, that wo...

Back / Forward buttons and usability

The Back and Forward buttons in a browser or browser-like application navigate temporally (sequence in which user navigated pages), which may not necessarily reflect the logical order of the pages. Are there any studies that looked at how this impacts the user's mental model? Any thoughts on how to improve usability and reduce confusion?...

DisplayMember getting reset on DataSource=null

I have a ComboBox whose items are set using the DataSource property. The DataSource is a collection of a custom object (that has a string property 'Value' and int property 'Id'). In the initialise controls, I set the DisplayMember as Value and ValueMember as Id. Now I tried to clear the DataSource by calling, myComboBox.DataSource = nu...

Should a dropdown list be used to enter your state abbreviation?

Very simple question: should a dropdown list be used to populate state abbreviations? From my experience, I think most e-commerce sites do this so I would expect that it's acceptable. However, Jakob Nielsen has something to say about this. I think I disagree; I use the tab key then type the first letter of my state. Heck, even if it w...

Implementing a node-based graphical interface?

I would like to implement a nodal-interface, basically a DAG where each node performs an operation on it's input connections, and outputs something (which you can connect to another node) Some example applications: Apples "Shake" - screenshot The Foundrys "Nuke" - screenshot MindNode - screenshot vvvv - screenshots Quartz Composer - ...

Using TouchScreens for game control

I'm working on my first video game for the Android platform as a bit of a nights and weekends project. It is coming along nicely, but I am very unhappy with the control sensativity. In this game, you move an object left and right on the screen. On the bottom of the screen is a "touchpad" of sorts, which is where your finger should rest...

Why can I not paste the output of Pythons REPL without manual-editing?

A huge amount of example Python code shows the output of the Python REPL, for example: >>> class eg(object): ... def __init__(self, name): ... self.name = name ... def hi(self): ... print "Hi %s" % (self.name) ... >>> greeter = eg("Bob") >>> greeter.hi() Hi Bob >>> Now, the obvious thing you want to do...

Best animation to show addition/removal of list element

What is the best way to communicate visually that an element has been added to or removed from a list of items? (I'm going for usability, not gratuitous eye candy) Slide the other items up or down to show the new item or hide the deleted item Fade items in or out, but do not animate the other items A combination of #1 and #2 No animat...

What is the difference between a UI designer and an Information Architect?

What is the difference between a UI designer and an Information Architect? ...

iPhone-like (slot machine) 'picker' select box for the web?

I'm looking for a iPhone-like "picker" control that I'm able to use on the web. Accessibility is not a concern. JavaScript will be available on all clients and the web app will be run on an environment provided to the user. If the solution could gracefully degrade to a select box though, that would be great. Flash & Silverlight are not...

UI Metaphor for sorting large lists

As part of a web app, I have a queue of items that need to be sorted in an arbitrary order. If there are a few items (say less than 20) I can just present it as a list and let the user drag and drop rows around to set the sort order. But if I have a lot of items (say, more than 100) how can it be done? Are there any existing metaphors...

restrict user input using javascript

Hi there, Can someone show me some example for restricting user input (on input tag) in Javascript? Something that when we set the input (type="text") to only accept numeric, so it will ignore any other input except for numeric... I think it's handy for number input (such as zip, credit card, money, value, score, date etc...), and if ...

Multiple Payment options within the same order

I have a requirement to be able to accept different forms of payment within the same order - ie not just the usual credit card or paypal for the whole thing, but perhaps paypal for one item, cheque for another. I know this sounds quite crazy, but there is a good business reason for the requirement so I can't just push back. The best wa...