Hot answers tagged

44

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 ...


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

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

Joshua First, you would decide if all the questions are required to show on particular stage. For example - Stackexchange. There are 2 steps here: (Registration) Ask user for Name/Email and Password (Continue registration or Onboarding) Ask user for Avatar, address etc. Another example is stay-on-page process: It is nice because shows to ...


4

The dropoff you experience may not necessarily be attributed to the form itself, but rather a users reluctance to enter banking details at all. Does the user feel safe handing over these details, have you proven your trustworthiness? I think these are important questions to ask, and ensure you do everything you can to provide assurance (eg. any certification ...


4

Ryna's answer suggests splitting up over more,simpler pages, but it sounds like your clients want simultaneous access to all of it. So let's see how far we get without changing the layout. The problem here isn't so much the amount of data, but the visuals. You've got a gradient background, an outline, the same background, another outline, and then a white ...


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

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

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% ...


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?


2

Simple! Before you start finalising an approach, I would suggest you invest in a tool like VWO to analyze the form first. We have implemented it on our product and I get to see exactly which field is causing issues and where the users are getting lost. Interaction Time/ Hesitation Time/ etc would give you the best idea about these. USE SMART ...


1

Optimize navigation Make sure users could logically tab through each control and make selections without the mouse. I think it could also help if each dropdown supports type ahead to pick faster Consider Templates? Allow users to save the object description as a named template. Next time user could just pick the template and all of the fields could be ...


1

A good idea for this problem is defaults. There are two ways you can do this, observe common patterns in the selections and provide them as a set options, the selection of one of which would autofill all of the options in the six drop-downs. Or, you can let users save their defaults, meaning they could configure common option sets and re-use. It would ...


1

Pay attention to what the users say they find difficult on these screens. Avoid changing things they don't have a problem with. I can't tell you exactly what you should change and what not to. That is upto you to test with your users and find out what's best for them. In general these type of screens should, Avoid making the user scroll. Make the entire ...


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 ...



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