отображение отсортированных данных в нескольких столбцах

Question

Предположим, я пытаюсь отобразить все штаты США в двух столбцах, упорядоченных по алфавиту. Какой подход лучше с точки зрения удобства использования?

ли сортировка по горизонтали, как:

Alabama | Alaska 
Arizona | Arkansas 
Colorado | Connecticut 
Delaware | Georgia 

или его вертикально, как:

Alabama | Montana 
Alaska | Nebraska 
Arizona | New Hampshire 
Arkansas | New Jersey 

Я попытался прибегая к помощи авторитетного ответа при поддержке некоторого тестирования, но все, что я нашел мнения.

Это только личное предпочтение, и никакой вариант лучше, чем другой?

Answer 1

Это быстрее и проще для пользователей, чтобы сканировать вниз один столбец слов, чем через ряд слов, особенно если они ищут конкретные целевое слово (например, «Является ли мое состояние на этот список? »). См. Parkinson SR, Sisson N, & Snowberry K, 1985. Организация широкоэкранных меню, Международный журнал Man-Machine Studies, 23, 689-697. Упорядочение колонны также является условным обозначением (5.14.3.5.6.5) в стандарте Критерии проектирования DOD США - инженерное дело человека (MIL-STD-1472-F), по-видимому, по соображениям производительности человека.

В этом случае я бы ожидал особо большого преимущества при сортировке по вертикали, потому что у него меньше изменений направления глаз. Для вертикальной сортировки пользователям нужно только развернуть направление, чтобы попасть в верхнюю часть второго столбца, тогда как для сортировки по горизонтали число обращений равно числу элементов, разделенных на два. Я считаю, что эти развороты предсказывают скорость сканирования и усталость глаз.

Обязательно используйте графический дизайн, чтобы сообщить, что список отсортирован по вертикали, например, включив вертикальное правило, подобное тому, что вы делали в вашем примере.

Весьма важно, чтобы список соответствовал полному окну, чтобы пользователям не пришлось прокручивать вниз и вверх и вниз, чтобы прочитать весь список. Прокрутка требует времени и усилий. Хуже того, некоторые пользователи могут не понимать, что список продолжается ниже того, что они видят («О, я думаю, что мое состояние отсутствует в этом списке»). Лучше добавлять столбцы - или использовать только один столбец - требуется вертикальная прокрутка списка столбцов с вертикальной сортировкой с несколькими столбцами.

Answer 2

Я предпочел бы второй вариант, поскольку он более соответствует тому, если вы читаете газетную статью, которая была разделена на две колонки. Вы читаете весь путь вниз и заканчиваете, затем переходите к следующей колонке.

Еще одна вещь, которую следует учитывать, - это близость между каждой записью. В первом примере у вас может быть больше горизонтального разделения между первыми двумя элементами из-за разницы в длине текста, что делает их визуально менее связанными.

Alabama [Много места] Alaska

VS.

Alabama

[Less Space]

Alaska

Answer 3

Я думаю, что это зависит от того, что вы пытаетесь сделать, но, для меня, я думаю, что первый выбор легче читать, но потом это действительно не в двух столбцах.

Если задание состоит из двух столбцов, то второе, вероятно, является более правильным, но если вы хотите быть фантастическим, возможно, вы можете поставить флажок, чтобы они могли переключаться между ними.

Если вы делали это для работы, я бы предложил вам поставить флажок и поговорить с людьми о том, что лучше всего работает с лучшими приложениями.

Answer 4

просто положите, если это субъективный подход к решению, тогда вы можете пойти с тем, что когда-либо вам понравится.

Вы всегда можете заставить все работать, применяя принципы дизайна.

, но если вы попытаетесь сделать это с точки зрения того, что более распространено в Интернете и печатных публикациях, то ваш вертикальный подход будет лучшим, поскольку это то, с чем средний пользователь/посетитель используется для взаимодействия с ежедневно.

это мой 5в

Answer 5

Другой способ, чтобы определить, как выложить данные/компоненты:

Распечатайте щ/панель на листе бумаги (или сделать снимок экрана в графическом редакторе, как Gimp или Photoshop)

использования маркер, чтобы нарисовать на нем образец, который ваши глаза берут, от элемента к элементу.

, например:

это очевидно, какой из них проще и легче и познавательно, и на глазах.