Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data

a
b
c

It seems like thing is moving naturally toward downwards.

However, for the table header under Windows, the thing I saw is, they are mostly using up arrow.

enter image description here

Hence, I was wondering, which symbol is more suitable? up arrow or down arrow?

From http://www.iconfinder.com/search/?q=ascending, I can see they mostly use up arrow.

But, from end user point of view, if I saw a up arrow at table header, I would thought the largest value (says z) nearest to the top table, and smallest value (says a) at the bottom of table.

share|improve this question
    
Very similar to this question: ux.stackexchange.com/questions/2041/… –  Michael Zuschlag Apr 4 '13 at 0:59
    
i guess ux stack don't mind. Microsoft has IMHO decided to discuss the position of the A-letter in deference to determining the orientation of the whole alphabet. always thought so. but Cheok, alternatives may be more appropriate for human consumption than the MS/Apple table dishes out. Phew-yugh! A-letter at the head, head equivalent top; Z-letter at the tail, tail equivalent bottom. There we are ~> top to bottom: A-Z. I didn't think so. Have a nice day! –  Jedi Commymullah Jun 24 at 1:48

7 Answers 7

up vote 12 down vote accepted

as·cend (-snd)

v. as·cend·ed, as·cend·ing, as·cends v.intr.

  1. To go or move upward; rise. See Synonyms at rise.
  2. To slope upward.
  3. To rise from a lower level or station; advance: ascended from poverty to great wealth; ascend to the throne.
  4. To go back in time or upward in genealogical succession.

Hence, the Microsoft Windows version is right in this sense. Ascending should be upwards.

In the case of the alphabet, you have to think of it in this sense; A is the beginning of the alphabet and Z is the end. You increase as you move from beginning to end. Same as you do with numbers. 1 through infinity.

share|improve this answer
2  
It is still not clear if the ascending sort symbol is a label (which should display current state) or a button (which should display the new state switched into by sorting). –  Wilbert Apr 25 '13 at 14:04
2  
The OP has chosen to accept this answer, although it does not actually seem to answer the question. Yes, the sorting happens ascendingly (speaks for up-arrow), but the thusly-sorted items have to be read from top to bottom (speaking for a down-arrow), which is what creates the contradiction described in the question. –  O. R. Mapper Jun 15 at 18:48
    
This is not a good argument in my opinion. In fact, if anything this is a good counter argument. Yes the word ascend means upward, but in the list, the ascending is clearly happening from top to bottom, meaning this is actually not a good metaphor at all. Imo @SNag has it. It's not really an arrow indicating direction, it's a triangle indicating sort order. –  devios Jun 15 at 20:42

I personally agree with @SNag on this one in that the sort indicator is not, in actuality, an arrow at all, but rather a visual indicator of the way the list will be sorted.

To offer further support of this, I present a screenshot from Mac OS 8 (circa 1997) that uses a similar metaphor, but one that is clearly and intentionally differentiated from an arrow:

enter image description here

That said, I find the analogy to less-than (<) and greater-than (>) to be more appropriate than that of an arrow. As such, one might even consider using a less-than symbol or chevron turned sideways as a more intuitively understandable symbol. However, I offer this with no evidence or support whatsoever:

enter image description here

Update: It turns out, coincidentally enough, that the latest version of Mac OS X actually does use a vertical chevron just like I had suggested. I swear I didn't realize that when I thought of it!

enter image description here

So there you have it. There is some precedence after all!

share|improve this answer

In my opinion, the fact that it is an arrow, a triangle or a chevron is more up to design. The important fact it is the symbol is the same for all pages and not used for another usage.

I personnaly find interesting text + symbol, like symbols

share|improve this answer

It would be much simpler to understand if you consider "Where will the first row/element appear?". If it is on the top, the enter image description here arrow represents that well.

share|improve this answer
2  
Except that the "first" row is at the top even in descending order. –  Trejkaz Aug 14 '14 at 0:04

I think the confusion exists because it is not clear if the column header symbol shows the criterion that is currently used for sorting, or acts like a button that will sort according to the symbol when clicked.

Is the column that is clicked on for sorting a button (where we would expect the 'future' sorting criterion)? Or is it rather a label (where we would expect the 'current' sorting criterion) with the additional functionality that it can be clicked to toggle sorting criteria?

share|improve this answer
2  
I agree. This is the same classic confusion as with switches that have "ON/OFF" printed on them -- when the switch says "ON", is it currently ON ('ON' being an adjective in this case), or will it go ON when the button is pushed ('ON' being a verb in this case)? This confusion is eliminated when the symbol is outside the button, rather than on it. This switch is very clear, whereas this one is ambiguous. –  SNag Apr 25 '13 at 14:13
    
But according to the question, both up and down arrows can be interpreted as "ascending", while in both cases indicating the criterion currently used for sorting. –  O. R. Mapper Jun 15 at 18:56

I would say neither the up or down arrow are suitable for this. For people reading from left to right, it is slightly more difficult to 'read' a vertically-orientated arrow. There is also the problem of the arrow pointing in direction of the data, which gives the impression of the down arrow meaning ascending. Here are some alternatives which leave no (or less) ambiguity:

  • slanted arrows ('↗' for ascending and '↘' for descending);
  • right angle triangle ('◢' for ascending' and '◣' for descending);
  • textual description ('(A-Z)' for ascending and '(Z-A)' for descending).

(Apologies for the Unicode.)

share|improve this answer
1  
Actually, the right angled triangles, as well as 'A-Z' or 'Z-A', can be confused to mean the opposite by people who read from right to left. –  SNag Apr 25 '13 at 14:27
    
@SNag I'm not sure what reading right-to-left is actually like, but I was assuming that reflecting the symbols vertically would have similar interpretations for RTL readers. Perhaps there's somebody on here who reads RTL and can enlighten us(?) –  Brendon Apr 25 '13 at 14:45
1  
A-Z and Z-A makes a lot of assumptions actually. (1) That the user uses an alphabet at all. (2) That they use the Latin one. (3) That they don't have other letters before the A or after the Z. –  Trejkaz Aug 14 '14 at 0:06
1  
◢ looks like the arrowhead in ↘, yet shall mean the opposite. –  Crissov Jun 15 at 20:24
    
I like the idea of right-angle triangles but I'd prefer ◣ for ascending and ◤ for descending. Is that intuitive to others? It is to me because I imagine it representing what the sorted, left-aligned text would look like (a, aa, aaa). –  Golly Aug 28 at 1:12

An up arrow (upward triangle) is literally smallest at the top, and largest at the bottom! Exactly like Ascending order!!

enter image description here

share|improve this answer
1  
Would you include this diagram explanation in your user interface? A good symbol speaks for itself, without need for annotation or explanation. –  Brendon Apr 25 '13 at 11:10

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.