Tag Info

New answers tagged

0

Where budget is zero and actuals is zero then the difference (delta) should be zero! There is no difference between 0 and 0. Where budget is zero and actuals is high then the difference (delta) I think it looks great by stating 'Infinity %'. It is truthful, concise, meaningful, elegant, non-symbolic, not cryptic. Good framework, have a biscuit! Where ...


0

Consider using Master Detail layout. When the user clicks on a row in the LOVs list (Master) the details are displayed in a sperate list (Detail). You can have both lists in the same window either top/bottom or Left/Right. download bmml source – Wireframes created with Balsamiq Mockups


0

My opinon is that the new button should be at the end of the list. This will also force your users to look through the list before adding, and maybe this is something you want them to do e.g. avoid duplicate links. Consider also adding a button that will take you at the end of the list.


0

You need to think about the user flow here. What's being added? Is it common to add something, then, immediately after that you interact with it? Or is this just for the sake of adding new elements? Also, design wise, think about scalability. What happens when that list gets really REALLY long? Does the user have to scroll all the way to the bottom to add ...


0

Why not both? Have it consistently placed at the beginning of the list (top left). Add new items to the beginning of the list (slide the others along/down). This also keeps the newest items more visible (at the beginning of the list), and older items less visible (towards the end) - which may be preferable, depending on what your use case is.


0

Is this really a choice between just two options? I think there are more solutions than presented. Maybe it's better not to include the functionality for editing the list in the list itself. This way there is a clear distinction between content and functionality. One option would be to place to the button in the upper right corner. This is, for example, how ...


0

Here's the actual issue with this: If you don't put it at the top left, it'll always be in a different position, and thus be less easy to locate for a user. This is without even taking into account pagination. What are you going to do if there are 10 pages? Stick it on the last page? Stick it on every page?


0

If the latest item will appear on the top, then add the "add button" on the top left. If the latest item will appear at the bottom, then I would recommend adding the "add button" at the bottom. You guys might also want to consider adding a wide add button, that spans across 3 columns, at the top. That way it'll be quickly visible to the user.


3

From a user perspective, I would prefer a blank cell, if it is clear that this cell is computed by dividing Budget by actual. Background: Adding a long text adds a lot of noise to the grid, especially when no budgets are frequent. You might add a tooltip like excels blue green info mark, which shows "could not be computed, because the budget is zero"), but ...


0

Why can't you demo it to some of your users, and ask them to say what they think? They are two different situations though, and a N/A may be confusing. Infinity is right for x/0 so long as x is not 0. Look at the graph of 1/x. As it gets closer to 0, the group explodes to infinity. As a limiting value, 0/0 is indeterminate meaning it can be anything. ...


1

A list can be displayed as in figure 1. When there are more than 5 items, you could add the link "more" clicking on which would show the next 5 items as in figure 2. download bmml source – Wireframes created with Balsamiq Mockups Further, if the items tend to go beyond 10 items, you could give a search option as in figure 3, within the list ...


1

I would provide the values as you have in your screenshot if there are sufficiently few, but if there are too many, show the first one or two with a "and n others". In that case, make it both clickable (as you have in your screenshot) and perhaps include a [+] icon just prior that would expand an indented/child row below that row with a grid with all the LOV ...


1

I would use some small-styled text saying "DIV0" or "INF" / "∞", in a gray shaded box background with some negative space around that. It should look like an icon to show it's not a typed or calculated value like the rest. But the message can still be read clearly so that the relevance of the problem is apparent without having to understand some generic ...


12

You could use an exclamation mark icon that shows a tooltip on hover to explain exactly, what it means and what is missing / what value is bad: download bmml source – Wireframes created with Balsamiq Mockups


2

Either: Give a cause - a couple of words stating why the calculation cannot be made. Use an error string - as other have mentioned, take examples from Google sheets and Excel. Check the result - when you do the calculation, if the result is NaN or Infinity, display N/A instead. Add a help link - a small '(why?)' or '(learn more)' next to the error that ...


27

A common solution for table cells that are not available or applicable in certain situations (such as your %Δ for a budget of 0) is to use the placeholder text n/a (or N/A).


6

Most spreadsheets (OpenOffice Calc, Microsoft Office Excel, and Google Spreadsheet) will handle these cases displaying a non-blocking error akin to "division by zero": I think this is the best behaviour, because it does fill the field with something meaningful to the user, but at the same time it doesn't "stand out" too much and compromise the overall ...


11

You might consider having a word with the users and ask what they think they should see, though be careful, their initial reaction might be 'zero', which is DEFINITELY not right in any mathematical sense. I personally would leave the output blank, or perhaps use the term 'undefined'. If they really want to see a symbol, then I think you could safely put the ...


60

You could try to use a short description of the actual cause, e.g. no budget


1

Unless users should be allowed to arbitrarily create new codes through the same interface you'll want the interface to provide the available codes to the user, either a full list of all available codes or through a full or partial auto-complete functionality (like assigning tags to questions here in the stack exchange.) Unless there is need for extended ...


1

Your example solution requires the admin to remember a list of relevant codes & what they mean/who they are linked to. I don't know about your specific users, but most people are not very good at recalling number codes. If the list of code is short enough, consider displaying a table of these code. download bmml source – Wireframes created ...


2

Like in accounting, red may more closely signify negative. Consider using shades of black for positive and shades of red for negative. This has worked well in my reporting for relaying the information to the user. See how this sheet visually communicates through these colors... User Experience Reading List - 2013 v.3 Of course you don't want there to ...


5

The arrow idea is quite nice, but it gives a direction, which isn't really relevant to your use case. Since you only care about where the value is, not the direction it has moved. What about a simple icon with a midpoint and a dot? You can colour them or leave them black.


0

How do users know what is the goal by looking at this grid? If a user sees red, doesn't remember their goal, they would get frustrated especially if they think they did well that week/month In my opinion it would be better displaying a goal and number that they achieved, then there will be no need for colours. Also using colour is not going to work if any ...


6

The first thing that comes to mind for me is the little inline arrows you see in stock tickers. The arrow indicates whether the actual value is above or below the forecast, and you can still use a gradient from yellow to red to indicate how far away the actual value is from the forecast.


1

More the number of indicative colors you use, more will the user be confused. Note that the colors are not intuitive as well. User can't tell what kind of thing the color represents by looking at it. My suggestion is to make the sorting indicator arrow bigger. [Off topic]: Please provide your users with a functionality to toggle the sort to no sorting as ...


2

Be careful when increasing the visibility of competing items. If everything is important, then nothing is important. If you have many competing items, consider reducing the visual impact of other things in the grid, rather than making yet another thing highlighted. Keep the design clean and minimalist, and the little arrow will be enough on its own to ...


0

You should really start by asking the end user. After talking with them, If you feel like the arrow isn't enough, I'd recommend changing the header color only for the selected row. You won't need anything drastic. A darker shade of grey should do the trick.



Top 50 recent answers are included