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.

This question is not related to any specific scenario, platform or product, and it's more of an end-user UX rather than a design of UX. It applies to various use cases and platforms. One specific example which prompted me to ask this question is the notebooks list in Evernote - I'd like to push my notebook called "Archives" to the bottom of the list - it's right at the top otherwise. Another cases are naming the files and folders on a computer.

There are certain lists which are sorted alphabetically and there's no way to re-arrange them. In general, this is quite practical as it makes it easier to find the items when there are plenty of them and there's no need to arrange them manually.

However, sometimes you want to push certain items on the list to the top or to the bottom. And the only way to do that is to prefix the item with a certain symbol.

So:

  • For pulling items to the top, the most common I've used is !, so your Requirements item becomes ! Requirements. Other nice options are ~ or -.
  • For pushing to the bottom however, one obvious symbol is "z", so if the item is named Archives, you name it zzz-Archives or zzz Archives.

While the exclamation mark and other non-alpha symbols seem OK, I find zzz knocks off the visual "tidiness" of a list.

I am wondering if anyone used or seen more elegant solutions to pushing and pulling?

share|improve this question
    
do you have some information? Is this for a touch device? Do you have a mock up of your list? –  Jeroenem Aug 10 '13 at 17:11
    
@Jeroenem This is not about a design of UX. The examples are: sorting of files and folders on a computer or of notebooks in Evernote. –  ulmas Aug 10 '13 at 17:20
    
Using tricks or available feature in a way which is not intended for getting particular result are the signs of unsatisfied user needs and bad UX. –  Alexey Kolchenko Aug 10 '13 at 21:01
    
@AlexeyKolchenko: yes, but when you are using someone else's software that's often what you have to resort to as you have no control over/say in the implementation of features. I know I resort to the ! trick often enough to keep a file at the top of a folder in Windows Explorer... –  Marjan Venema Aug 11 '13 at 9:21
    
You can actually try to use double A, as in AA-MyFile. Surprised? Double A is equivalent to the Norwegian Å, which is the last character in the Norwegian alphabet. Thus, sorted after "Z" ;-) This will, of course, cause you some trouble if you jump between systems and bump into a system with an ASCII-sort algorithm. so perhaps you should just stick to the single char "Å". On mobile devices and on Mac, you can just press and hold the A key to get access to all A-alternatives. On Windows you open the "Character map" (under "Accessories") or you can hold down ALT while pressing "0197" :-) –  Jørn E. Angeltveit Aug 12 '13 at 14:39

3 Answers 3

Essentially what you are wanting to do is create sub-lists within a global list.

Why not prepend all of of your items with an alphabetised prefix.

For example:

EMAIL: a task

EMAIL: forward this

EMAIL: reply with report

PICS: create album x

PICS: create album y

PICS: delete picture 2 from album x

This way you could scroll, or browser find straight to the top of the list you wanted to attend to and also by being disciplined with task naming have items appear in the correct list whenever they are created and also follow the alphabetisation within the chosen list. You would also have more semantic names for your lists than '!' or 'ZZZ'

This is somewhat similar to alphabetising dates by using a YYYYMMDD format.

As for archive, that's a tricky one, but you could find a different word that means the same thing but is further down the alphabet, or prefix all of the your alphabetised prefixes with a ~ if they are important.

Like this:

~EMAIL

~PICS

ARCHIVE

You now have another level of control while still fitting in with the alphabetised system.

As you are using pre-written tools I would also check out any functions they may have built in for categorising things in a list as you may find functionality there that will organise things into sub lists for you.

share|improve this answer

If the list is always alphabetically sorted you have no choice but to resort to such tricks and workarounds you already listed.

A better way to meet the user's needs would allow the user to sort the list, e.g. with drag-n-drop. The list could still be sorted alphabetically by default but also remember each item's position if changed by the user.

This approach could generate some unexpected situations that would have to be designed for. Some of them that comes to mind include

  • where does new items appear?
  • where exactly is the moved item in relation to the new items? (after the item above, before the item below, "between" actual letters, etc.)
  • what happens when an item is renamed?

By simulating the use cases you can come up with an optimal solution to each of these, and others that may arise.

share|improve this answer

Normally, the tilde character (~) will do exactly what you want. Another option is the vertical pipe character (|).

However, Evernote has a very inconsistent UX across its various clients. I renamed one of my notebooks to ~Miscellaneous. On the web version, it appeared at the bottom of the list, but on the Windows desktop client, it appeared at the top!

Most sorting algorithms simply make use of the ASCII or Unicode numerical value. The capital letters A through Z have the values 65 thru 90. The lowercase letters a through z have the values 97 thru 122. Usually, software will convert the text to either uppercase or lowercase and then put the list into numerical order using the codes. Thus, selecting a symbol with an ASCII or Unicode value greater than 122 will most likely do the trick on a platform that uses this type of simple sorting.

share|improve this answer

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.