Hot answers tagged

43

Worked on a project with this exact problem. We needed a way for the admin staff to add attribute to products. Because attributes are used for search purposes, we need to ensure if that attribute type already exists, it should be selected instead of creating a brand new one. We ended up using something akin to your first idea. download bmml source ...


24

The first idea failed field testing and variants failed usability testing It sounds like we had the same idea as your option 1, and we implemented it. We were looking for a way to force users to search first without users realizing that we were forcing the search to occur. A variant of our first design actually tested OK with a small sample in ...


21

My answer shows simularities with others posted here but I want to emphasize how important the right communication is. For example: Reconsider the used language to make the intentions clear. For example use create company to add some weight to the action or use the word new to emphasize the difference. download bmml source – Wireframes ...


6

User experience is different from data design Developers who move into UX often forget this important perspective change. Users don't think in terms of CRUD. They usually think in terms of what they want to get done. Some examples: For a micro blog, an author might want to create, update, and delete posts from the same convenient interface. For a ...


5

Not commenting on the usability of this design pattern. The New Relic sign-up form uses this pattern. Example: Country drop-down/search field.


5

I would describe this situation as: dynamic nested workflows. Dynamic because you cannot tell ahead of time how deeply nested the workflow will be (user may not create any new objects, or may create multiple carriers and persons). Nested because the workflows for creating a carrier and then a person are nested within each other. The dynamic nesting ...


5

Good question, but the Wolfram reference is terribly incorrect. The use of the period . in user interfaces is almost universal nowadays, and I would advise against trying to overload the comma. The spread of the decimal point is a pretty interesting case on the effects of globalization and technology. In this case, the broad standardization of global ...


4

The problem with scrolling is that scrolling to the bottom of the list box can be inconvenient, and takes the user's attention from the text box where the item to add is located. Basically, the content to add is above the list, but the command to add is below the list. To resolve this, use the first method you described, but have the "Add" button beside ...


3

Hmm... This is just an idea and I don't have any actual examples of other sites that do this but what if there was a field where the user would type the full name or part of the company name and then clicks "search". Their entry would generate a list of clickable matches which would appear below the search box, perhaps using a "tag" style. If there's a 100% ...


3

I would move it to below the original statement and paramaterize it. Question 1 is on before or after. question 2 adds another form for the frequency. Do that below Then they can publish it or complete the item. This also might be better for a responsive design vs making it horizontally bigger. I prefer to use more space down the page vs across it to ...


3

Some reasons: Not everybody can speak Not everybody can speak clearly enough for voice recognition to work well Not everybody wants to enter text in a environment quiet enough for voice recognition to work well Speech input is clumsy at handling homonyms, accents, formatting, indentation, and multi-key keyboard shortcuts, among other things Not everybody ...


3

Three dependent values got me thinking about electricity and the rules of thumb for calculating power, current and voltage or current, voltage and resistance. In this Ohm's law calculator (at the end of the page) user has to enter two and only two values and click "Calculate" to get the third one. It's easy to click reset and to enter new values but if the ...


3

Use a non-destructive operation A merge company transaction is both complex and possibly destructive. A delete company operation, on the other hand, is destructive but not complex at all. You would need to test this solution with users but the following solution should have everything you're looking for broken down into a few simple and non-destructive ...


2

Ok, I try to provide an answer in hope that it will encourage an expert to jump in, in case I tell nonsense. First of all I think the answer to your general question Should software attempt to interpret input such as 3,14 correctly? can only be unambiguously answered with a firm "it depends". I think the keyword in my above comment "every properly ...


2

From a visual point of view, 2 sizes is OK, different sizes for input fields is very confusing, and the same applies if you expect to input 2 characters and have room for 40. The user will wonder if they need to add something else in most cases, so visual hinting plays a role. Of course, like Chris commented, you need to keep in mind that under a certain ...


2

At least one example is in spreadsheets. Both Excel and Google Docs have Enter move to the next row and Tab move to the next column. If your the end user is familiar with certain types of data entry, using Enter may be more familiar to them. For example see: This is a fake example, but many financial documents are set up to be entered a single column at a ...


2

I have to enter my University in often for various sign-ups, and I think a drop-down with an embedded search/input field might be the solution you're looking for: Start with a drop-down download bmml source – Wireframes created with Balsamiq Mockups Reveal a list with embedded search bar Allow the user to scroll through a list of colleges and ...


2

I agree with @nightning finding directions and accurately mentioning them is difficult. Not sure what device you are targeting. But if that has an inbuilt compass then this solution may work. Ask the users to point out which direction is downhill and then select their elevation. Simple mockups to demonstrate how the first step can let the users just point ...


2

Hmm... good question. Personally I would find it intuitive as all other elements worked the same way. I'm assuming on hover you also show the word "EDIT", if not , you should. One thing to try is in the read only view, add a last line to the view in smaller font [V] option 1 [V] option 2 +3 more unselected options... It would help if you explained the ...


2

I recently provided an example of an app I was working on for this exact use case, a nurse entering a patient's birth date: Should I ask the user to enter their age or their birthday?


1

You ask the most 'intuitive' way ... I think it is when user is able to 'know' at all times where he/she is while updating the settings. With hundreds of settings organized in groups, its easy to 'forget' what was changed and what was not during the course of huge update. A summary of log changes in the side bar (right side for ex: as shown in pic) would be ...


1

The "on" vs the "before/after" does make it a bit tougher and even made me think about things like is the "after" really even an option? But, I messed with the idea of letting the user pick from between "sending on" vs "sending before/after" and once selected, the additional fields show up that would help fill out "the sentence." If the user chose "send ...


1

Or you could simply just authenticate user submissions. Note: I'm not a developer with this technology but being a developer using other languages, I think front-end editing power to users is generally a bad idea since there's all sorts of people out there. I would simply just do manual authentication.


1

I think you've answered your own question, several times! They're called tags, or labels. That's both the UX term and the term for the look. UX-wise this name was chosen because functionally, they're little labels that can easily be hooked onto certain items/objects, and they illustrate values that relate to said object. The same goes for the look: they ...


1

For a product HIG, I recently defined two independent widgets, as you described, for specific workflows. Typeahead basically follows the constructs of Typeahead.js. The workflow is similar to the one you describe where, as the user types, a list of available options appears that can be selected from. The user is, however, not forced to select one of these ...


1

Filling forms is not fun and especially boring when you don't know why you are doing it.. No one likes to talk to databases. Why don't you try something more conversational and human to make the task feel less mechanical. I would try using Whatsapp and let them feel like they are chatting with a Human and not a machine.. (Creating an app that feels like a ...


1

It seems to me that to make a family tree you'd want to make a visual representation of it, and offer simple options like an input box in specific areas, all of which relate to the user. For example, everyone has two parents so they should have two parent fields. Then they each must have two parents, ad infinitum. Siblings and children, as well as cousins ...


1

Design for the primary use case, then take care of secondaries I would guess that most users will know what they want to calculate, so they will come in, fill out two fields, then calculate the third. So this is the primary use case. Sometimes, users will change their minds or want to explore other variations, so they will switch fields or recalculate. ...


1

How about showing the values for other departments under the editable value for your own department? (A system admin would need to specify which departments each user could see beyond their own.)



Only top voted, non community-wiki answers of a minimum length are eligible