Tag Info

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

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

We normally don't critique specific designs here because it's too specific to be of use for other people. But, speaking as a general rule of thumb, if the user will be performing essentially the same action, it's best to use the same/similar view. I'm referring to the Add and Edit. When you add an Item, you probably want to deal with its Options too. There ...


2

JSON really just structures data in containers - {} or []. So the question really is what ways can you find of showing structures in a containers. I can't think of any more global container than a simple rectangle, and by using colours and some basic design elements, you can easily show a visual representation of the data. Here's a rough idea of what I ...


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

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


1

I think there are three big rules that must be taken in to account when identifying the best view/edit paradigm: I want the information to be easy to read (Summary/Print view without edit clutter) I want to prevent unwanted mistakes on important data I want to quickly and easily edit the information The UX solution for View/Edit may be different ...


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



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