Hot answers tagged

12

As you have pointed out, the double click is not a standard behaviour that your users are familiar with in the situation you are describing. It's not good practice to use non-standard interactions where you could use a standard one. Irreversible actions (such as deletion) are usually followed up with a 'sanity check' like "Are you sure? [Yes] [No]".


8

It used to be that arrows were preferred as they provided a visual cue to users there was more to the menu if they clicked on / hovered over them. Over time web developers started making these menus activate on both a click and hover, in which case the arrows aren't necessary as users by default will click or tap on a menu item. If doing so then reveals a ...


6

If I interpret your question properly, it seems your main issue with the way Angular Material recommends implementing tooltips is this: Maybe that'll do in mobile, but in complex web applications with multiple interactive elements on screen it seems a bit overconfident to assume the user will be always catch where the tooltip came from. I personally ...


5

The number 4 applies to the whole pump unit, but this relationship isn't clear at all. Ideally the pump number should be outside the pump in a way that makes it clear that it labels the entire unit. A very crude example of what I mean:


5

There are a couple of areas within the layout that is probably causing some issues. You have both edit and delete actions laid out in different fashions Your edit button is very faint and difficult to spot To fix this, I would recommend implementing an actions area which would clearly show what possible actions can be done for each attachment line item ...


4

Usability is the practice of taking human performance, human cognition, and collaborative group dynamics for maximizing the ease-of-use of a system. That system can be a human-computer, human-machine, human-human, or any additional combination of human(s)-thing(s). The field has its origins in the 1960's and 1970's of Human Factors Engineering, and has ...


4

Double-clicking buttons is odd. Usually, in the OS, double-clicking is a shortcut for clicking once (selecting the file) and selecting "Open." Rather than an "Are you sure?" confirmation I prefer an undo action. Confirming every action you take gets tedious real fast, and after a while users click the "Yes" button without thinking about it. Undo, on the ...


4

I don't agree with the others about the edit and the delete needing to be closer. The edit,as I understood, is for the attachment name only. The delete is for the entire attachment. There is no option to edit the entire attachment. So - the delete action refer to the entire item and it shouldn't look like the item's name edit action. I suggest merely making ...


4

To be honest, your question isn't 100% clear - are you after some of the ways that an organisation can seek feedback from users to determine their requirements? For example, using evaluation processes such as focus groups and surveys. Or, do you mean that the organisation knows what it wants and what you're trying to determine is how to implement those ...


3

I think the main problem is, the shape of each tag (i.e. rounded corner with inverted color) and the way they are presented together, makes them look like they are clickable keyword tags that people. The only way to eliminate the possiblilty of people clicking on it is to get rid of that perception of affordance. Keep in mind, the inverted color also ...


3

The show/hide toggle and the multiple sets of inputs for recording the same type of data seem inefficient. You can save on UI by only having one set of inputs and letting the user specify if the goal is for home or away. User simply starts recording goals, and as they are saved they populate the area below the input UI. 1) If 0-0 - Don't hide the UI ...


3

How about not using the pointer at all but switch controls directly as the user scrolls. So by example if your application has two buttons horizontally in a row and an input down below scrolling left and right will toggle between the buttons and scrolling down will toggle between the input and the last button selected. I remember to have seen this on ...


3

For the first question : How do you make it obvious to the user that a text area is blank in the series of text areas ? I would do something like this, a faded tool tip/label inside the text area that is on display by default for an 'empty' state. This is popular in forms. As you type, key in, that messages goes away. When made empty again, its displayed. ...


2

According to Material Design Guidelines: Tooltips don’t have directional arrows; instead, they rely on motion emanating from the source to convey direction. If we look at the desktop example listed, you will see multiple elements next to each other. Even though the tooltip borders onto its neighbouring element, it doesn't overlap it. The tooltip is ...


2

It depends on the context. If you've started watching the content, and then pause, the play button should be centered, and the video image could be darkened to show it's inactive. I tried taking a look at the site, but as I'm European it won't let me see the actual video. What I did see though, was a bunch of thumbnails/links. And in those cases, yeah, I ...


2

Your concern is warranted. The right hand column is often filled with ads, so users have been trained to ignore the right hand column. This also agrees with the widely cited empirical data that shows that users typical scan a page in an 'F pattern.' The following article by the Neilson Norman Group (a reputable authority on usability) gives some pointers on ...


2

I had a similar problem with a project I was working on, where there were thousands of tags. How many are you dealing with? There are a couple of things to think about BEFORE doing an import that will aid your design: 1. Do we need ALL the tags? - or can they be cleaned up Often this can be the case where people have added countless spellings, plurals for ...


2

The idea of including a search to filter the list of items is a good one. Below is an example taken from Google Analytics. The tooltip is a nice touch in the event your users need help setting up the report. You will likely want to indicate (by color or other indication) which items have already been selected.


2

Header If you have a lot of records then probably good pattern is to keep the always header on the top of the screen and records to be scrolled "under" it. Action bar as a footer Then good place for actions and well as save/cancel button is bottom of the screen not a bottom of table. When you select item and scroll pane action bar remains. Multiple ...


2

When do those buttons (Save and Cancel) appear? If they should appear when the user edits the table directly, then I think it would be a good idea to put buttons in the action menu. Save and Cancel are actions too, and the user already knows where actions appear. Maybe you can display buttons always in an action menu, but if a particular action isn't ...


2

If you think of a scenario where the forum is business critical, then it will hard to consolidate the essentials elements for the forum. If you compare graphic design forum (GDF - a good forum for designers) and stack exchange (SE), the philosophy of both are same — a platform for people to ask their questions and get engage with solutions from others. The ...


2

Gantt charts do take a while getting used to, there's no doubt about it. Most of my experience with them has been with Microsoft Project, which is very good at what it does. One of the things about gantt charts, though, is that they require a considerable amount of upfront planning. This kind of planning requires you to know the details of all tasks and ...


2

What about simply do not use shapes for tags. Shapes evoke affordance (the idea that an object is usable in someway), while simple text does not. Check the image below. download bmml source – Wireframes created with Balsamiq Mockups


2

There's a big difference depending on how you do this. Frustration As you mention (just a link, and when they click the user finds out the feature doesn't exist yet) will probably create a lot of frustration and the potential loss of the visitor. Anticipation However, NOT HIDING it, but making it a prominent part of a page, will create a sense of ...


2

To be honest Violet, you haven't provided enough info in your question for anyone to offer a definite answer to your particular problem. The way I see it, the answer will depend on the following variables: What does processing the images produce? - For example, if it produces an animated GIF image for use on internal SharePoint sites, that's less critical ...


2

There is no one general right answer for that debate. It depends on the nature of the result expected : is it modular ? or is it a general decision ? Let me give an example : in medical domain, these images may be images of patient tissues, and the output required is a general decision : does the patient have certain type of tumor or not ? In such cases, ...


2

The best user experience is the user just uses the app without performing any other additional unrelated task like creating an account, logging in or choosing to save locally. So perhaps allow the user to use the app in demo mode from the get go, and store anything they create on your server (there are still ways you can create temporary accounts that ...


2

Building a mobile version of possibly complicated enterprise software requires very clear understanding of the main value that users derive from your product. It's about knowing what to push away to the second plan, and this is not an easy task. I'd recommend to take a step back and not to think about features for a moment. List user needs across different ...


2

Provide context No matter what you do, it's no good idea to leave empty elements just like that, trusting that users will understand the affordance. Even if they do (and any test will show you form elements are rarely understood by default by 100% of people), you will create another set of questions for the user: why are these elements empty? Did they ...


1

Simply put, HCI (Human Computer Interaction) is basically the way humans interact with a computer and usability is determined by how easily user is able to learn and accomplish a task while interacting with the computer via its UI. If the UI is not usable, the cognitive load on the user is high, the user might end up not using it at all.



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