Tag Info

Hot answers tagged

4

I think there are a few large considerations to keep in mind here: How big is the edit area (both in width and height)? If it is to be usable, it has to be very easy for users to see where it begins and where it ends, and easy for them to avoid accidentally scrolling outside of its view (for example, if a user is editing her profile and she accidentally ...


3

I'd go for: Option 3: Use a vertical ellipses to the right of the Call button that opens a flyout menu with two options: Edit and Delete. Mainly because this option is the one least likely to result in accidental deletes or unintentional entry to edit mode, but also because these are less common secondary actions but which still need to be ...


2

I would personally use an edit icon like the following This is your text By using an icon the users will know that there is an action associated with those contents, without having to interact with the mouse cursor. This solution works also on touch devices where the absence of a cursor would make it impossible to discover this functionality. I ...


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


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

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

I think it would make more sense to force the user to create the list first, rather than create the elements under it. You can name the CTA "Create a list" if none exists. Then, once at least one list exists, you can keep your "Create a new list" inside the drop down at the end like you did on your mockup. Then the "Add an element" could be called "Add a ...


1

One of the problems with using a double click or triple click is that they already have functions tied to them. A double click for example on text will select the full word, whereas a triple click will usually select all text in a paragraph or the identifying block (< li> etc..). The created dual interaction with the same input I think is very ...


1

Is this a form they use often or more like a one deal situation? Because if they see it once and will never or very seldom would see it again, just stick to form fields which are recognizable and present no usability threats, although at the expense of looking not so nice. If however, they use this often, and the pretty UI is a valid concern, why not have ...


1

You can add visibility or transparency property to your text element and manipulate it in most suitable way. For example: Add checkbox for each text element outside image so user need not to edit text to make it invisible. If user edit text and delete all symbols you can replace text in element with some placeholder text and set its visibility to false. ...


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



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