Hot answers tagged

4

This can be done a couple different ways. 1. Sample Values as placeholders If your fields you can set default values as placeholders <input type ="text" placeholder="John Doe">. This will give your users immediate context in what data you want them to fill out. The placeholder is typically a lighter color to give it a "ghost" effect of what content ...


2

You might want to look at how Google's Material design solves this with its concept of chips. So in your case once the user links to a person, it is displayed on the screen as a chip. The user can could then remove the chip (unlink) or add a new chip (link a different person). Here's a link to the design guide on chips: Google Material Design Chip ...


2

Auto fill inputs with current values Fill inputs with current values if you have them. Keyboards on mobile devices are usually more difficult to use which is all the more reason to auto fill the current value. Many devices also have a way to quickly clear inputs as needed so I wouldn't worry about that use case. Just don't fill inputs with "sample" ...


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


1

Let me see if I understand you (because I think you're overthinking the problem). As a user I want to associate a person with an item. I look up a person (Josh); think I have the correct information and then realize that I have the wrong Josh and start to edit the information. (Or maybe I have Josh's updated phone number and the system is out of date so I ...


1

Disrupt the flow as little as possible I agree with you that inline editing is the way to go since it provides context to what the user is currently looking at. I don't like the idea of automatically changing modes when selecting a row since just this can disrupt the user's flow and is more prone to accidental edits. I would combine your first and last ...


1

These comments about modal dialogs "interrupting workflow" are silly and naive. If you build your parent screen and modal dialogs as symbiotic parts of the overall task process, there is no interruption. All complex operations have to be broken down into steps or "consumable chunks of task" no matter how you build the design for simplicity. Modals work ...


1

How about one tab for each object you want to create?


1

The user may be completely missing the checkbox and text, since it fades into the footer of your modal. There is nothing calling attention to it. I would try two distinct buttons for saving: "Save and Add Another" and "Save and Close" (or just "Save").


1

There's 2 factors to think about when deciding which type of editing format to use: Speed of Update and Complexity/Dependency within the data. Speedy entry of simple independent data: use Inline Edit If speed of updating individual pieces of information is important, then inline editing hands down beats editing sections. User can click into the section ...


1

How about this: User Mouse overs the image and gets a border with 2 action options(button / icon maybe) to edit and upload. (on click) Upload will open the natural operating system process and can be default to Pictures(windows). User selects the new image from his local machine. You can resize and push it on your interface. I liked the idea that you ...


1

Prior to my mock-up of how I think this could work, I'd like to say I'm not really a fan of in-line overlaid prompts such as this. They are stylish but they have a restrictive user base (i.e. generally web/mobile confident users). Older/less confident technology users may be confused by changing elements. Furthermore, I think you should consider people who ...


1

I see a number of potential issues with that spell checker/corrector UI. One issue is that it clutters up your text, your (possible) errors are much more front and center than the traditional underline that indicates a possible spelling error. With the correction suggestions inline it interrupts the flow of the text. With the corrections interline it ...


1

This is a common edit pattern used by various libraries like X-editable. Its quite intuitive to click on an element, and get a simple pop-up that lets you edit that field: This UI pattern provides the option to get the user's confirmation, and gives a quick highlight as you confirm the change (the newly changed value gets highlighted with a yellow ...



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