Hot answers tagged user-interaction
17
Most users with basic web app experience will most likely still try to sort your table by clicking the individual headers. But for the more novice users I would suggest adding an adjacent control similar to that of sites showing sortable content which isn't ordered in a table, eg. similar to that of amazon.com.
16
Common patterns to indicate draggability:
Drag handles
This goes towards affordance. Users need to be able to recognize something can be dragged just by looking at it. A "grippy surface" is a common metaphor for this.
Cursor
A grab-hand makes sense as well as the arrows (move) cursor. Currently grab is Webkit-only. Also note that some devices don't have a ...
13
If you cannot use arrows or a separate drop-down menu for sorting, the simplest thing you can do is, make the labels clickable. Make the labels look like hyperlinks. And when the user clicks the label, they can 'discover' that it does sorting. It is bad usability in terms of understanding the functionality, but, you can atleast give them the visual cue to ...
9
Yes.
Not because I think it's a big problem (I know other think it's bad though),
but because I often pick up my phone and find it unintentionally shaken.
The Google+ app brings up the bug-report form when shaken, and standard iOS behavior is to "undo". When I pick up my phone and find the messages "send bug?" or "really undo?" and I always think: "Oh, ...
9
Is your problem mainly about saving horizontal space due to the large number of columns? If so, putting the arrows above/below the header may help:
Additional Node: A further way to reduce space is to only include arrows above the header of each sortable column. When you click the header of an unsorted column, it sorts it in the default direction. ...
7
In your situation, a user will just copy the full model name from the printer properties dialog in Windows, to the search input field. So if it doesn't match, the user won't try to remove the model name and search again. Also, it might not be clear to him what exactly he should type into the search field.
I think it would be better to make a separate field ...
6
You can use gamification elements to engage users into filling their profiles. One of the examples is engaging users to complete LinkedIn profile:
Some gamification tricks for user motivation are:
Make form filling meaningful for donors. You could explain why it is so important to fill the form.
Provide some kind of PBL (Points-Badges-Leaderboard) as ...
6
I mean besides the usual "rotating icon" or stuff like that.
Don't rule out the 'usual stuff'. They tend to be a fairly standard way to go about things. Users are familiar with the concept already and that can be a good thing.
Granted, even they can be an indication of something is 'stuck' (see the spinning beach ball of death on OSX, for example) so, ...
5
Instead of using the clenched fist cursor I would suggest using this instead.
or else continue reading.
Show it to the user that it's draggable. Like in real life physical Products do.
For example the switch on this table lamp here. The grip is enough to tell the user that it's draggable and it can be slided since there is no other reason why to put ...
4
Redirecting the user on the home page is confusing as he didn't ask for it when validating.
The most expected behavior is to let him on the setting page, with a success message ('your settings have been updated') and maybe an option to revert the modifications.
The thing to consider here is that the user will have to check if his new settings are correct ...
4
I would suggest a few things:
First, if search is a major part of the workflow, then do not stick it in the corner. Make it at the top of the screen, very prominent. Either in the middle, or if it's stuck in a corner, then make it stick out by letting it overflow the header area or whatever.
Second, put some text in the box before a search is performed, ...
4
A call now button, or even a small icon, is definitely a good way to indicate to users that they can perform an action with the phone number.
It depends on your goals here:
If calling these numbers is central to your purpose/design, then you almost certainly want something that will call out the action that you can take with these numbers.
It is also ...
4
Why not place an edit tab at the bottom and then display the edit/delete buttons when it expands up? Users will be entering their code from the top and this tab will not interfere with the content since it will always be on the same line as the next line of code. The bottom line of the visible area will always be blank since the content will shift up...
...
4
There are some usability drawbacks in your approach.
There are too many points of eye fixation while taking decision, see
red dots and dotted pathes on the image.
According to Fitts's law, it's not the easy task for user to check the control in the Import column.
There is no strong visual feedback on option being choosen as checkbox is rather small.
...
3
It sounds like it's time for you to conduct some user research so that you can determine what method is best for search and for discovery.
If you haven't yet talked to your target audience yet, you should do some quick interviews to learn more about what they do when they're looking for recipes and saving them for future use. These can be quick five-minute ...
3
I predict that if you test it, people would understand that their changes don't take place until they click "Save".
In usability testing I sometimes even see the opposite: When changes are applied immediately after input, people did not realize it, and looked for the "Save" button.
If you insist on showing the old value before saving, I can suggest leaving ...
3
How about proposing a compromise like a featured or popular product feed? You could offer users visually striking deep links to a few products instead of every product. Those featured items could also include labelling that hints at the category structure and educates the first time visitors.
3
My friend built a similar project for our sales' "Green Room", displaying sales statistics, exported from the CRM system we make. Maybe you can use it as inspiration. Here are some pictures from our old blog.
I could not get Google Translate to work here, but here's a short explanation:
The six screens show six different graphs. A Kinect sensor sits on ...
3
Here are some exciting resources:
Kuler
A popular color-picker tool on the web, also available as a PhotoShop plugin.
Color Scheme Designer
If you don't know the science behind colors, don't worry. This will help you.
Color by Hailpixel
A very interesting tool which helps you select random colors with fun.
Pictaculous
Generates a color ...
2
Keep it simple and display one type of information (maybe two).
What is the most important thing to know for the workers?
Productivity?
Number of widgets a day?
Widgets to manufacture before the end of the month?
Days without an accident?
The idea is to use a figure that talks to every worker. They are a team, they work together with the same goal. They ...
2
As per your comment: ~100 items seems almost managable if you accept scrolling, depending on how much text is necessary (image only, image + title, description).
You could combine a preview (large image, text, description) with a thumbnail gallery, and cheat a bit with mouseovers, like this:
download bmml source – Wireframes created with ...
2
Always record dates and times in UTC especially when working across time zones. Display dates and times in the user's own time zone.
Even when you record everything in UTC, what does "today" mean? Usually people mean it to be somewhere between today at 0:00 and today at 23:59:59. Which immediately has implications for someone in another timezone, even with ...
2
Answering to your question "Why is this not being used more widely?", I think it has to do not only with Google being the first one to do it, and do it right, but also with technology.
We have web applications that are still using tables for non-tabular data, applications that haven't changed in years. A dialog like this requires, at least, some ...
2
Solution 1 is the flexible choice but can quickly become overwhelming.
I like the suggestions @Peter made and I might extend them slightly.
I would have a popover with similar recipes when the clicks on 'More Like this' and show a counter of how many people liked this recipe.
The fact is we could provide many ideas but only your target audience can offer ...
2
Arrows are not intuitive but discoverable (a down arrow may be confusing - see comments to Igor-G's answer). If sorting takes only a wink, the user can find out the order suiting her best in only two clicks.
You can also try (for alphabetic languages, at least) the intuitive A->Z vs. Z->A,
and, mostly universally, 0->9 vs. 9->0.
1
As you're considering this, also make sure that you clearly state that this will not be used or sold in any way and that you're only using this for informational purposes. A big part of asking for this information is that your users have to trust you. If you give any indication that you're going to break that trust, not only will that keep them from filling ...
1
I've only undertaken the CXA course but need to take the CUA exam in order to take the CXA exam which is frustrating.
The one thing I wish I knew is who the course is aimed at. Personally, I find the CXA course very outdated and antiquated. Examples, genuinely from 1992 or earlier. Amazon was barely born. And the slides have not been updated. Of the (6 I ...
1
I mean besides the usual "rotating icon".
For tasks that consume a little amount of time, the rotating icon is the best, because users already know about it.
You can chose to show more details if the task is taking too long like "This is taking longer than expected"
Gmail does a good job of it, by showing a notification.( example - ...
1
I agree that most answers here apply only to draggable elements. In those cases there are clear conventions for giving such elements affordance. In the situation where the whole canvas can be explored by dragging, the only real convention I know is the hand cursor.
I think the following points are important to keep in mind if you choose to pursue this ...
1
Here's a nice selection of date/time pickers to look at:
http://trentrichardson.com/examples/timepicker/
It seems what you want could be facilitated with a date/time picker and a number input for intervals (days I assume). The time of the date/time picker could default to a useful value so the time would usually not need to be set, but it's always there ...
Only top voted, non community-wiki answers of a minimum length are eligible
