Tag Info

New answers tagged

3

By auto-selecting if there's just one option you make things significantly easier for your user. Consider the comparison (which focus on one selection): No Pre-selection, text box User clicks checkbox Moves across to text box Enters some value Validation passes / fails Form is submitted No Pre-selection, dropdown User clicks checkbox Moves across to ...


0

Without understanding your situation thoroughly, I do have a few suggestions you might consider. Consider an interaction similar to "Snackbars and Toasts" from the Google Material Design UI and stack them as needed. Consult that handling of GROWL notifications for Mac users and how they stack notifications - especially if you'll have many notifications ...


0

As DA01 suggests, Apple and Amazon have probably done most of the research for you. "Be the first to review this!" adds a little cachet that is likely to appeal to some users. If your users are also signed in with a social network to the level where you can monitor their connections you might also be able to use "Be the first among your friends to review ...


5

If you want a logical way to display it, I'll go trough that And by the way, care about typo size if you go responsive, that's quite low here.


4

Honestly, as long as your :hover state & :focus state are very clearly showing exactly which item will have action the taken on it, I can't see any reason to style them separately. :focus is essentially a keyboard hover. The previous answer is correct in saying that a :focus element should contain a box around it, but as long as the outline property ...


0

There are translation tools (API’s) that can be implemented in websites and applications, but I recommend not to rely too much on them. You shouldn't translate the text automatically for users but leave it as an option. It’s possible a non-English person can still read English, and the message is almost certainly better communicated in it's original form. ...


0

If you support multiple currencies on your site, then use a drop down to enable shoppers to select the currency and/or the country. Ensure the option to choose the currency/country is highly prominent. If you can automatically detect the geographic location of the shopper, then set the default currency/country based on the location. Since automatic country ...


0

A good example could be taken from Aliexpress.com, which sells and ships worldwide. They do use Google translator to translate the whole page. I don't know any better solution to reach all languages.


1

This has been well implemented on a few sites by showing the original text, and the offering a button to translate the text with a well chosen icon (typically a globe). Once translated, there should be a button to "untranslate" the text as well. Here's an example of the buttons: This usually is done using the Google Translate API, but I'm sure there ...


1

Your best bet is to start collecting data. If you can observe actual users, great. If not, simulate this using hallway testing. Go to somebody in your office with a single monitor. See how they perform the task. Now try the same with people with multiple monitor setup. Do you see any difference in their workflow? How different is single vs dual monitors? ...


9

The focus state should be more obvious than the hover state A mouse over or :hover state is a more direct interaction (i.e. the user is controlling the mouse cursor directly over the button they want to click) The :focus state, on the other hand, requires a separate scan of the entire page in order to determine which component is currently being targeted. ...


2

It sounds like what you are doing is probably the best thing you can do given the situation. Just show it as soon as you can and hope it isn't one of the crappy slow pages. You have to show something in 1 second or less and I would say a light colored static text is sufficient. Loading table of contents...


0

Without context for the application, we can mostly guess as to the why the 'close' button is there. On most desktop applications/browsers the 'X' is always used as a close button. Be it Windows/OSX/Linux. Since you're filling a form, I am not sure why it would allow you to close a part of the form, especially since refreshing will just make the item ...


0

Communicating with your users and seeing what they need or ant is always a very good start. When users are logging in frequently. they are likely finding your current design in a 'working' condition. Find out what they like about it and make sure that stays. After refining the design make sure to user test the new system with some of the current users, ...


0

I guess one important point is to accept that there will be upset users. Try to see it their way: they are accustomed to the way they are working and you are going to change it. With that in mind, I think there are some things you can do to reduce the amount of anger: Be open and honest about the changes. In my opinion transparency is an important point: ...


0

I've looked at this problem recently. I found this article useful: Is there any alternative UI for tree structure? We came up with a tree structure: Alternatively, a Miller columns view - Hope this helps



Top 50 recent answers are included