New answers tagged

2

I completely agree the content should not shift. I would put a message showing the "staleness" of the data, e.g. "Last scanned 10 minutes ago" or "Last scanned on 6/27 at 9:30" This gives the user the context they need to decide whether or not they want to trigger a manual re-scan (or helps explain why something they are looking for isn't shown- it is ...


0

1 - Depends on your use case. If it's likely that a user will just want to see the page without making changes, then I'd prefer to minimize the chances that the page will go live by mistake: I'd make the users request the internal page explicitly by navigating to Edit mode. But if that's not a likely scenario and in most cases users will only want the page ...


2

Switching from a 4 inches to 4.7 inches and then to a 5.7 inches phone, the major difference I have observed is the Travel. Even after getting used to, a person with an average size of the palm will still struggle to reach out to parts of the screen which are beyond reach. This might require several readjustments of the hand's grip to the phone to reach ...


0

I think to consider simply mirroring the UI will produce equally usable results might be not true, as we will use the UI better with our more dominant hand. Given that most people in the world are right handed, more consideration should be taken when designing the ui to be easier to use in the less dominant left hand.


1

You want your users to pass validation as soon as possible and in as few attempts as possible. If I understood your option 1 correctly, you're talking about providing on-the-fly validation for server errors. Purely in terms of UX this would be the best solution because it helps to achieve the goal above. It is however perfectly legitimate to say that that's ...


3

I'll agree with you, showing errors one by one could be really annoying and might have a negative impact on your business or users. A form is like a conversation with your users. Why not be a great communicator and use inline form validation that's delivered at the right place and at the right time? For example, take a look at Twitter's sign up form: In ...


0

Without all the details and user info this is hard. I do not envy you. Here's some general thoughts that may help iterate through some more ideas. Try swiching layout to left side bar with controls and the right area the drop area. That way the user has less distance to cover when dragging. This is where it gets complicated as new additional controls ...


1

To restate what others have said: There's nothing wrong with looping but Don't do a hard loop. Have an in-between. Idea 1: Run the 2 sec video and hold on the last frame. Quick cross fade to a text sign "Boat.", for 2 seconds. Quick cross back to the first frame of the video. Run the vid - repeat. Idea 2: Run the 2 sec video. Hold on the last frame. ...


1

The first question is "Do you need either of those buttons?" "Back" is a universally-available browser control. There is no need to replicate existing browser functionality inside your interface -- at best it'll be redundant, at worst it's a source of confusion (is it going to act exactly like the browser 'back' button, or do something different? does it ...


0

On Back button you should navigate to the previous page without any confirmation or any message..... On Cancel you should just ask for a confirmation and reset the field(clear all fields) so do look for proper validation upon that...


0

For arguments sake lets say this is a two step wizard and you are on step 2. Back - goes back to step 1. Retain any values entered on step 2 when going back unless fields on step 2 are reliant on options chosen on step 1 (in which case retain what makes sense on step 2). Cancel - cancels the entire wizard with a confirmation to confirm cancel. Cancel ...


3

Avoid having a jump cut from the end of the video to the start without anything to indicate that's what's happening. Starting with a freeze-frame and a caption, then letting the animation play, and then having a freeze-frame which dissolves quickly (e.g. 0.1 second) back to the first freeze-frame+caption combo will make it very clear where the loop is, and ...


0

Depends on the function and result of the interaction. If both buttons basically have the same effect, you'll only need one button. Back means navigating away from your current page, but it doesn't tell the users what happens to their input on the current page. Cancel clearly communicates that you are about to abort the process, and thus clearing the info ...


7

Do not have the video on repeat by default; if a repeat option is offered to the user or if the sign is repeated within the video itself, make sure it's completely obvious when the sign starts and when it ends. Some signs repeat parts of the sign. Do not confuse users into thinking a sign must be repeated by repeating it.


12

From personal experience, I can comfortably watch a 2 second gif repeatedly, if and only if the transition from end to start is quite smooth. If you are working with computer generated models: Perhaps the hands could return to the default position after they finish. If you are working with content you can't influence: Perhaps you can add a fade out of the ...


1

First option is much more explanatory for the user. I would use some blank slate that describes the cause (why the table is empty, who & when erased it) and possible actions that can be undertaken (Undo, Import of new data). If your product allows to manually fill in the table, you need some empty rows at the beginning, with option to add more of them. ...


2

The problem with patterns is that it’s hard to stand out when you’re doing the same thing everyone else is doing. But you don’t want to deviate too far from functionality with something as important as navigation. You need to find that sweet spot right between familiarity and creativity. While thinking outside the box is usually a good idea, but there are ...


0

In a multi-step-wizard like scenario this would make sense, but if I understand your case correctly and you really only have one step then Cancel would probably be enough.


2

Assume that you are deleting entire folder containing 3 (just random) files. Let us name them file-1, file-2, file-3. Now consider file-1 is in use, so system could not permit your request to delete that file, while remaining files(file-2 & file-3) are not being used currently. So in this case when the process of deleting entire folder starts it will ...


2

Continue means to keep retrying, this might run the risk of the current operation being a blocker for the remaining operations in the queue. Skip means to skip this operation and proceed to the next task in the queue.


0

For your main point, using something that toggles visibility that is distinctly different from your accordion interaction is key here - left-right division between the choices if your accordion is up-down, for example. Also - if this choice is the primary choice the user makes before making choices in the form itself, it can be used as the frame for the ...


48

A 1 or 2 seconds video is really short; and looping it will make it look like it is stuttering. I suggest create a longer video showing the sign 2, 3 times; with different camera angles (if possible). have a repeat/replay button easily accessible.


66

Why not let the user decide? I'd simply have a toggle that enables/disables the auto repeat feature. I see two use cases: Someone is wanting a quick review of things that they have just learned (autorepeat is not really needed) Someone is learning new vocabulary and needs to absorb the nuances of each sign (autorepeat is very useful) I believe it would ...


0

I think one of the toughest things to parse here is the typography. All that extra tracking plus all-caps is making this look like a jumble of individual characters, instead of recognizable words.


0

It's common for developers to use past tense for implying dates (created, printed, deleted, etc.) because it's semantically correct and short. But there's no need to shorten the form labels as long as the form layout allows it. That's why I would recommend to prepend the "date" suffix. But in the end, this question might not be relevant anymore if you ...


1

Another **possible fix ** could be just swap the position of the form in the second case (where few addresses are already there). And make the entire address chunk/div clickable with different prominent states (hover, selected). Also you can change the visual style of showing it as possible options(in this case the position of the radio button). In the ...


1

The design as you show it assumes people want to add multiple shipping addresses and then choose one for the current order. I think this is not the typical use case. Adding a new shipping address is needed only if it is not yet in the list of existing addresses: Either this is the first shipment, or the current order should go somewhere else. Having this ...


1

You can ask the user to name the address by something at the end of the check out. So that for the next purchase, s/he can directly select the address from a drop down. In case of new address a specific and prominent button will be present with "Add New" label.


1

The task of a label is to unambiguously identify the meaning of the value associated. The task of a label is not to be consistently worded with all other labels on the screens (and this probably reveals my preference :-). But apart from anyone's preferences (be it UXD, QA, or DEV), the ultimate benchmark is the user. Ask 10 potential users of the software ...


1

One thing that is missing and you should have is - information on total number of pages available. In your screen shot user does not know how many pages there are when the grid loads. Knowing that information is good but you still need validation. I suggest an alternate solution. I think this is simpler UI , no explicit go to buttons , it keeps controls ...


0

I think both approaches are correct as long as the users knows the number of pages S/he can navigate to. Something like this...


1

Did you consider using other ways to select a page number? One of the challenges of allowing a person to type into a field is they may not even type a number, so you will need to consider all sorts of other types of data entry field validation. If you use an alternate way for selecting the page, which doesn't involve typing, then the person cannot enter ...


0

You can either leave the Go button enabled or disabled. But, disabling it without providing the reason might confuse the user which may ask himself "why is this disabled?". Your suggestion to highlight the box and providing the tool-tip is a common and good solution to validation of the page number.


2

This seems like a case where you could employ progressive disclosure to hide some of the elements until they're needed. For instance, you could hide the filter controls by default, revealing them when users make the decision to "filter." (Usually that decision is represented by a button or dropdown control.) download bmml source – Wireframes ...


4

Checkbox Grid/Matrix I believe you were on the right track by using a checkbox grid. It's just your design of it that needs improving. I would go with the objects as headers for a table and the attributes as the rows. Benefits The objects and corresponding available attributes are clearly visible The selected attributes are obvious - emphasised by ...


3

You're correct about the matrix of checkboxes becoming ugly :) It's also not scalable to smaller screens (if that's a concern). Several solutions come to mind: MultiSelect This seems like a great use case for a multiselect. The advantage being its scalable to nearly any number of potential options, only selected options are shown, and its searchable so ...


0

The Android time picker is pretty good. You first select the hour around the edge of a clock face and then you pick the minute. No need for scrolling or lists. The below example is a recreation taken from ESTimePicker. The 12-hour clock is similar.


2

I took a similar approach in solving this with a 24 hour circle. I found this much easier to use. Once implemented, most users loved it - others felt like its was hard to set smaller 15 min increments. However, fine tuning into these increments depends on where on the circle the user would tap (on the outer edges are best as more surface/touch area) and ...


0

Hover is certainly discoverable if the user might expect that clicking on the element would give more information. In your design, a user who wants more information about a menu item is very likely to try clicking on the item, or its title. Such an action would often lead to more information. So, they would discover the hover functionality (given your ...


1

In short, yes, hover states will be more discoverable on a site that has fewer elements. Imagine these two scenarios: A full-screen page with a single element in the center with a hover state A full-screen page with a 16x16 grid of elements, of which only 2 elements have a hover state Being an interactive medium a user's instinct is to interact with ...


1

You should probably use material design steppers because its simple and it would fit in with the rest of your android environment. Since they are designed by google the general idea is to look clean and neat while providing enough information that people can operate the steps. You can read about them here: https://material.google.com/components/steppers.html#...


1

Avoid changing paradigms, as this is worse for user expectations. If a user is tracking progress with the progress bar you have provided, having it suddenly change to an indeterminate state will not be satisfying (in my opinion). Suddenly all information on progress goes away? I would think that things are going bad. To me this is worse than a progress ...


0

Even though Apple recommended (and surprisingly still recommends) pickers for dropdowns, not even they use it anymore. Spoilers: In both these cases, the "logic" would dictate to use a dropdown + picker. Apple chose a much better solution for their own apps. Still, a whole screen to pick between "Female" or "Male" (pardon the binary example) seems ...


2

You might be mixing up use cases. Bootstrap might be responsive, but it's mainly focused on quickly bootstrapping websites. Whereas Material Design was created with a very heavy focus on mobile interactions. I would argue that, while on bootstrap you do have a dropdown + call-to-action button, on Material Design the second part is not a call-to-action. It ...


0

Couple of suggestion Keep the 'apply change' button in blue colour ( refer bootstrap primary button colour). Initially keep the button as greyed or disabled visual treatment. When user makes the change in the page, then give blue colour to the button. This is like acknowledging the user that changes need to apply. In the current design I can see ...


2

For processes where the output is indeterminate, use a progress bar which is Continuous/ Indeterminate. Here's a good example to follow for different types of Progress: I believe the 4th transition above showcasing types of Progress bars answers your question regarding how to transition between Indeterminate to Determinate and vice versa. One can even ...


1

I tried searching for a considerable amount of time but could not find the particular widget/element used in the Google Analytics Custom Report screenshot you have attached. This seems to be a custom widget itself consisting of a Web version of the Android widget: ExpandableListView but it does not contain the expansion for the sub-element. The sub-element ...


2

Having a tooltip on the field input/label hover is too hidden away and only discovered by accident. How does the user know which elements have and which elements do not have a tooltip? If you do show an indication somehow that an input does have a tooltip (e.g. ? inside the input somewhere) how do you handle the opening of it for touch screen? ...


0

we are having this discussion in my team, but from a different point of view: Accessibility. So, if we are using a special browser for blind people, there is no point on placing the tooltip after the interaction (textfield, dropdown, etc.) It has to be, at least, between the tag and the interaction: Name (?) NameTextfield Do you know any text covering ...


0

You could use the Google Drive approach and have a Share button in each element of the list (considering they are separate reports) and it would show which users has the report being shared with, while giving the option to share it with multiple users. This separate page/box allows you to fulfill two use-cases while giving you granular control over the ...



Top 50 recent answers are included