Tag Info

Hot answers tagged

5

The state you describe appears to happen when a user is away from keyboard or no longer actually doing something. What would be appropriate is to put a gray overlay over the screen/survey with a messagebox in the center, modal dialog. This will show a kind of disabled state and allows you to put a timer and explanation in it. Something like "It appears ...


3

I had a friend login User testing! Awesome! and the immediate reaction was that I needed some sort of basic tour to explain how to get around. Great feedback, but it is telling you something different than what you are currently reading from it. What your user testing is telling you is that your navigation architecture is inappropriate for your ...


3

The only time I can think of when no close button should be there is when "Cancel" action is not acceptable, e.g. the user must make a choice. This is often connected to popups that isn't caused by user action. For example, the system must be restarted and asks the user when the system should reboot. "Now", "In an hour" etc. Letting the user close that ...


2

Do people (in different countries) use different list-style-type for numbering list element? (e.g. shopping list, to-do list, list of students in school, ...) Yes in some countries using different alphabets to Latin If so, does Greek use greek, Japanese use katakana, Armenians armenian, ... all the time (in every situation) or maybe in a few cases ? ...


2

This is to ensure localization is supported and when a website translation is done, the list styles also reflect localization. For example,here is a screenshot of the number options in different languages which are supported by CSS and required by the W3 for localization For example if you were localizing for Ethiopia, You would be required to use ...


2

What happens when you select an item? If you are to just show the selected item, you can have a contrasting color in the background. Assuming it is a shopping site, you would want to provide action icons like "Mark as favorite", "Add to cart", etcetera. In this case, no additional styling for the selected item would be required.


2

Add a selection outline with the height of the slider like this: Since the item will never exceed the height of the slider, it should work.


2

Since these email ids are permanent, I would suggest allowing users to choose their own email id and if their email id is not present, then you can suggest alternate ones as you are suggesting. Here is an example of how Gmail does it You can also provide a button which when clicked generates a random email id for them for anonymity purposes. This way ...


2

You're observing the tension between usability, cost, form factors, and standards. Cost dictates things like part count -- a single LED is cheaper than two, a tri-color LED is cheaper than a 7-segment display, a display screen is more expensive still. Form factor determines how big the UI can physically be, limiting space for components like memory and ...


1

1.The 4 icons added on the bottom left can be moved to right top next to the search bar as you have some space o'er there and also the left pane as a whole can be used for the preview(the client's req, as you have specified). 2.There are no particular conventions unless the user is satisfied with the positions where you provide the options (as ...


1

Can have a variant too with the available JS frameworks and libraries, loading the content is taking negligible ms which helps us change the data in just a wink. With the above speed, we can also go for another variation where more data can be shown to the user without much navigation between the pages and also by using the minimal space available between ...


1

I think that: since for a "normally" working user (i.e. one that types in his/her answer without any major no-typing-breaks) there's no need to display anything (like you said, in this case, showing a non-counting counter would be just confusing) then, don't display anything only show the counter when a no-typing break duration has been reached. This ...


1

You need separate the controls from the background in more prominent way, to make it more clear they are not the part of the image, rather they are "external" objects. Human are trained good (from physical world) to recognize 3D scenes. One way to convey this is to use element, which overlays the image. Semi-transparent bar with controls in the UI is the ...


1

Consider using some kind of field behind the icons. Any kind of contrast behind the icon is going to make it difficult to identify the shape. The grey represents the image, and the circle and triangle are different kinds of icons.


1

I don't think anyone can answer "why" except perhaps the designer of the feature, who may have been trying an experiment. Apple uses "shake" on the iphone as an "undo", which I think is an homage to the Etch-A-Sketch, and is only slightly less obscure. The overall problem is "keep these things off the interface because you don't always need them, but ...


1

It's much easier for the user to understand what each option do by showing them the difference as oppose to trying to describe it with text. Here's an example from WooThemes' theme demo If this is too much to do technically, you can get away with a preview image. Example from Hootsuite. This approach can be be done in a modal depending on the how large ...


1

I want to start of by saying that I loath modals. I do know that there are certainly scenarios where they are good and necessary, but I really don't like them on principal. That being said, some of the examples given, I would argue, do not justify the disabling of the close button. A close button is a very known and comfortable escape hatch. Depending on ...


1

Personally, I think Microsoft's guideline makes little sense. A typical dialog requesting a decision from the user give buttons for all of the possible actions to take at that point (ok/cancel, yes/no, save/don't save/cancel). On most dialogs, the close button doesn't give the user additional "control"; it just provides a duplicate way to perform an ...


1

I work with Axure most times and this is how I usually approach - in my every-day, real work environment - the realisation and documentation of complex interactions (like the ones you describe): I realise the interactive prototype in Axure Pro 7.0. I use the "Notes" functionality to add extra notes and details and make sure I give all the information ...


1

Depends a lot on which kind of thing you work on. For example if it is primarilly targeted on mobile, do not enable dropdowns on hover. On the other hand, in case your thing is a desktop application and you have a strong reason (like complexity, lack of mobile users, speed of use, enough hit area in design etc. ) - go for it.


1

Changing the system logic seems like a better approach than dealing with forms that have errors. It's a bit hard to tell where to start without knowing the details but I would suggest starting with just listing all of the rules, settings so that you fully understand the scope of the problem. Once you know all of the components you could run a card sorting ...


1

As a mobile user, I don't think it is a good idea to have many new windows open when I am going through a process. What if I want to go back and change something, right? I would suggest you make it like a "slide show" form without opening new screens. Apple setting is a good example. On the first form, you can show all the products. You can make it ...



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