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

Animation always attracts the user's attention, and a tooltip usually appears on mouse over or any kind of focus action. So it is a result of an action thus you can trust that the user notices the tiny animation that indicates where the tooltip comes from. If by the way your screen is so crowded with functionality you might reconsider the placement of some ...


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

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

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


3

A business intel tool at it's best will allow views into an organization that fit multiple personas, roles, and modes of analysis. The specific views are almost infinitely variable, but they often follow the same basic pattern. The three circles of business intel 1. Dashboards This is a high-level view that summarizes trends and KPIs for a given scope. ...


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

Both of them However, the alt description in the image should be for the link description, not for the image itself From Accesibility and Usability at Penn State: Image ALT Tag Tips for HTML term "ALT tag" is a common shorthand term used to refer to the ALT attribute within in the IMG tag. Any time you use an image, be sure to include an ALT ...


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


2

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


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

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

This is not a complete answer, and only speaks to the original intention of the OP, that of asking Angular Material to consider adding arrows. The intent of this partial answer is to point out your avenue for change is Google and Android, not Angular Material. This lays in the description of Angular Material's purpose and intent: "For developers using ...


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

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

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

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


1

Perhaps you could use several Gantt charts. One could show the general categories for tasks overall for the project. Then you could make individual Gantt charts for each category of tasks, those would be more loaded up with tasks. That might keep it easier to digest, understand, and use.



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