Up arrow for increase, Down arrow for decrease, what for no change?

by rlsaj   Last Updated April 03, 2018 06:16 AM

We have a web application that lists prices of a stocks and we have a requirement to indicate a movement. When there's an increase in price we add an up arrow, where there's a decrease in price we add a down arrow.

My thoughts are that we don't show anything as it's not moving, but I would like to validate this. The options that I see are:

  • a thin dash (e.g. -),
  • a thick dash (e.g.━),
  • a (no change) label following the value
  • nothing at all

What is the standard for indicating a values movement?

Tags : icons


Answers 4


A fairly standard method is to use a horizontal arrow pointing towards the unchanged figure. If you use colour — red and green for up and down (whichever) — "unchanged" could be grey.

Addendum: It is important to show something! A gap could be interpreted as "We can't tell whether this has moved," "We know this is out of date," or an image which hasn't loaded yet. Since you are indicating movement in the figures, you do need to indicate that you have assessed movement in all the figures where you have actually done that.

Andrew Leach
Andrew Leach
July 04, 2012 06:30 AM

While I agree that a symbol could be used to indicate each of the 3 states, I would also recommend using colour - perhaps red for price drop, green for price rise, black for no change. I wouldn't only use colour, primarily because of red-green colour blindness, but for a majority of people it would be a quicker visual cue to get an overview than using symbols.

Peter
Peter
July 04, 2012 07:32 AM

Because you are using arrows to indicate up and down, keep the iconography consistent, and use an arrow for no change - pointing sideways, either to the figure, or a double headed arrow pointing both ways.

Mixing the images would be confusing, so keep it consistent. Colour it black or grey - something to indicate neutrality, and the up ones green an the down ones red (or vv if that makes more sense). This means that for most people, they can look at the screen and identify the predominant colour showing easily, and get a very quick overview. Keeping the "no change" neutral means it doesn't interfere with this.

Schroedingers Cat
Schroedingers Cat
July 04, 2012 07:43 AM

I would uderstand this betrer >=< as it to me represents no movement in either direction. I'd interpret <=> as flexible movement in either direction.... just an opinion.

Nottage
Nottage
April 03, 2018 05:36 AM

Related Questions


Horizontal expand / collapse icons

Updated April 15, 2015 20:07 PM


Recognisable Icon for external signal source

Updated April 27, 2015 21:07 PM

Use of icon fonts and links

Updated May 08, 2015 12:12 PM

icon to indicate technical material

Updated June 12, 2015 22:07 PM