Hot answers tagged

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


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.


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


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.


4

Microsoft's Jensen Harris wrote an extensive series of blog posts about the MS Office 2007 UI design as it evolved, which went into a great deal of detail about (what was then) the radical new ribbon design, why they kept what they kept, and why they changed what they changed. Obviously a little dated now, but well worth a read.


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


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


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


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


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


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


2

Sending post within the UK and abroad requires lots of decisions and different bits of information depending on previous selections. It's probably a similarly complex process in many other countries too, but the UK Royal Mail Price Finder actually does a pretty good job of this, as it's otherwise a bit of a nightmare. The overall impression is reasonably ...


2

If you look at it more closely, most of the redundancy consists of different "access vectors" to the same functionality. You may be able to achieve the same thing through the menu, through a context menu, a toolbar button or a hotkey – but you are unlikely to find multiple menu items or multiple hotkeys for the same thing. These access vectors cater to ...


2

scottishwildcat's answer already touched on Jensen Harris's excellent blog posts about the "new Office UI" (the Ribbon debuting in Office 2007), but there is one article which I think is particularly pertinent, titled "No Distaste for Paste": Early on, we were toying with the idea of not having buttons for Cut/Copy/Paste in the Ribbon. Everyone “knew” ...


2

Provide links / show buttons in context Assuming the apps you want to showcase are actually relevant to the user in this scenario (and you're not just trying to shoehorn in services for the sake of it), then just show the app buttons/links in locations relevant to their utility. So nutritional information would appear with the other metadata at the top of ...


2

Make the checkboxes bigger - this is not a problem for users with age 30+ because their vision is not on 100% as before. Use button. You should design it to contrast your current color scheme so it is easilty visible. Use some accent colors (A100,A200, A400,A700) from the material design pallete to do that. You should play with the accent colors to find the ...


2

Can you replace the checkbox with a toggle, some kind of select-button? I would place a large green submit-button at the bottom right of the page. Perhaps in its own row so it will always be visible to the user. The user shall be able to scroll trough the items and when the users is done selecting, the button is there at the "end of the list" were the users ...


2

This is a pretty common interaction on a lot of shopping websites and the norm is pretty much always: If user clicks/taps on open icon (default), turn open icon to filled icon and add to favorites. If user clicks/taps on filled icon, turn filled icon to default and remove from favorites. Moving the products to a separate section during the interaction ...


2

Don't move it automatically. If I'm halfway down the list and think "Oh, I like this one!" and click the star, I would be very frustrated if it disappeared from sight. I would instead just provide feedback that it was added to the user's favorites list by filling in your "favorites" icon. Additionally, provide a way to filter by favorites. If the thing I ...


2

Have you considered overlaying your Down and Unknown state? Here's a low fidelity mockup of what I mean: For point a, it makes sense to know when something is unknown (no data) or down (negative result). For point b, I could see a line graph for the latency then overlay a bar or change the background for times where latency is undefined or the host is ...


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


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


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.


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

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


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


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


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


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



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