Tag Info

Hot answers tagged

57

This is perhaps perilously close to an off-topic icon discussion, but I think you could modify the arrow icons to make the outgoing versus incoming direction clearer. Essentially, you need to give context to the arrow: I would continue to use colour as an additional clue.


19

I've found that arrows without words tend to cause confusion amongst users, especially those that have a color blindness. If you use multiple indicators such as the arrow, color, words, and/or +/- you are meeting user accessibility the best you can. You can do something like this: download bmml source – Wireframes created with Balsamiq Mockups ...


19

could arrow icons still be used as a quick visual reference to indicate movement of funds without actually misguiding users? I think the way you've presented them might be confusing but using them in a different way could be more familiar to what people is used to. Example: Additionally, for money related movements the two pair of most familiar ...


9

Move objects to rearrange them, grab objects to perform operations on them The move cursor should be used when objects are just being rearranged (translated) without any alteration to their properties other than position. For example: Rearranging shapes on a canvas Rearranging items in a list The grab cursor is usually used for drag and drop operations ...


6

You can use the + and the - icons if arrows aren't required. I would probably use ↑ and ↓ if : I had to use arrows I can't write other account movement information. If you really want to use → and ←, you should display the other account from where/ to where the money goes.


3

In Windows menus can have either commands (Print) or options (View => Large Icons). This is what Windows Design Guidelines for menus says about using bullets and checkmarks: Menu items that are options may use bullets and checkmarks. Commands may not. And on using icons: Consider providing menu item icons for: The most commonly used menu ...


3

On standard Windows, icons and checkboxes share in the same column. Thant means you cannot have both a checkmark and an icon at the same time. The following image is from a Delphi 32bit EXE, wrapping the standard Windows API - images seem to take precedence to checkmarks: I have seen (rarely) programs with two such columns, showing checkmarks to the left ...


3

Design challenges here: Designing for abstract concepts like accounts and flow is hard. Typically it's best to use words rather than graphics. But sometimes you have to (or are told to :-) use graphics. Financial quantities can be difficult to represent graphically because different currencies have different symbols. Arrows are very commonly used and ...


2

They should not move around and blend into the device itself. "it’s the content that is most important to the user — the part of the UI they need to focus on most. The chrome, when it’s working well, should seem invisible and natural." source: Jared Spool Both content and chrome are important but I would say the best experience will come from ...


2

In many drawing programs, grab is used to move the drawing surface (canvas) around, i.e., to show a different part of it. This is called panning. Move is used to move the selected object around within the canvas.


2

From my experience, the grab and grabbing cursor behaviour works when you need an explicit hover and click & hold behaviour for movable UI elements, which makes sense for desktop applications because these are standard cursor interactions. The move cursor tends to be used when there is no particular need to differentiate between the hover and click & ...


2

"Just because you can, doesn't mean you should......" When I'm reviewing substantial amounts of data for criminal analysis purposes, single column data is a significant cause of confusion and delay and ultimately errors. It doesn't matter what iconongraphy is used or what colours are applied. The most accurate method of avoiding confusion remains a two ...


2

If you don't have tight space constraints, the best solution might be adding a field DOI:10.xxxx-xxxx-xxxx-xxxx at the end of the reference, and make it a link to dx.doi.org. In this way even people who get a paper copy of your article can "follow" the links and everyone has a stable permalink for your paper. Biblatex formats the DOI field like this ...


1

In my opinion iconography style is not a stand-alone decision. You need to work it into all other facets of the visual element design (e.g. font, colours, layout, etc.) so that you can create a consistent look and feel (and hence user experience). So the general rule of thumb is that if you are making this decision independent of other design element ...


1

If you keep the title in a different colour or with a coloured border, everybody will understand it's a link. If a reader wants to reach the article, he'll first try to click on it, expecting a webpage containing the article or a PDF of it directly. I don't think you need to add anything to what you have.


1

I've been employed as a UI designer for various financial used for 10 years. I've (also) settled on use of + and - (green and red respectively). Where space allows, separate into 2 columns. Agree with points made above that direction of arrows can be misinterpreted e.g. Left and right: left=back=out? or left=home=in? e.g. Up and down: contradictory ...


1

My bank does not use icons of any kind, actually. It simply prepends a + or a - and colors the number green or red respectively. They are all in one column, which is (by default) sorted by date (newest first). As others have suggested, I would not use just an arrow, for its origin is not clear.


1

I agree with the idea of '+' and '-' icons going before the numbers as something to consider. With example 2 you're kind of on the right track. The common method in accountancy is to have incoming and outgoing funds in separate columns. However, you don't need an arrow to indicate things and unless you have quite an extravagant one like Matt Obee's (which ...


1

The $ symbol seems to be the most common symbol when we talk about money. Coins, bag (of coins) or generic bills are also common symbols/icons. With the search 'icon money' on Google image you can see that almost all the icons involve the dollar symbol (money can be replaced in any language with the same result). But the currency concept can't be defined ...



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