Почему индикаторы прогресса горизонтальны?

Вопрос, вызванный это обсуждение .

Почему индикаторы прогресса почти всегда представлены как горизонтальные линии, которые увеличиваются слева направо? Является ли это лучшим методом указания прогресса (и почему)? И есть ли какие-либо существенные примеры того, как эта тенденция будилась?

73 голоса | спросил dhmstark 6 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 06 Sep 2012 20:14:52 +0400 2012, 20:14:52

10 ответов


71

Потому что большинство людей, живущих в западном мире, читают слева направо, и вот как они себе представляют, как проходит время.

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

Можно легко предположить, что, основываясь на их написании, они ожидали, что это произойдет справа налево или сверху вниз, но так как их мир распространяется на iPhone, Androids и Windows, а также на Facebook и независимо от того, что они привыкли к этому, когда дело доходит до компьютеров, это происходит наоборот.

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

ответил Aadaam 6 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 06 Sep 2012 20:30:31 +0400 2012, 20:30:31
44

Одна из возможных причин для этого - адаптация и сопоставление с контекстом, в котором отображается индикатор прогресса.

Подумайте об этом, индикатор прогресса обычно отображается вместе с описательным текстом, который объясняет, что именно обрабатывается. И что мы знаем о тексте ... ну, с одной стороны, это написано горизонтально слева направо (я знаю, что традиционные китайские, японские и арабские языки не относятся к этому, но я говорю об обычном языке пользовательского интерфейса).

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

введите описание изображения здесь

введите описание изображения здесь>> </p>

<p> <img src =

ответил AndroidHustle 6 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 06 Sep 2012 20:48:07 +0400 2012, 20:48:07
31

Также может быть связанный с аппаратным обеспечением ответ. Перед графическим интерфейсом был интерфейс командной строки DOS /терминал. Полосы выполнения здесь были бы представлены символами, например. точек или заполненных квадратов. При кодировании гораздо легче показать прогресс, как растущий слева от экрана вправо, потому что вы можете вычислить место, которое следующий символ будет проходить довольно просто, скорее всего, увеличив адрес видеопамяти, чтобы отобразить следующий «символ прогресса», .

Видеопамятия начинается с верхнего левого угла экрана (скажем, это нулевой адрес) и продолжается до ((screen_width * screen_height) - 1), поэтому он намного быстрее (как в строках программиста, так и в цикле ЦП) для рисования видеопамяти горизонтальной линией, чем вертикальной. Это также сэкономит чрезмерную вертикальную прокрутку, чтобы пользователь мог видеть предыдущие команды, которые они набрали.

ответил James 7 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 07 Sep 2012 04:12:57 +0400 2012, 04:12:57
7

Это было вокруг с текстовой «графики», и это традиция на данный момент. В командной строке слева направо - единственный путь, поэтому самые ранние показатели прогресса должны были работать именно так. В HTML и JavaScript таблицы имеют ширину, но не высоту, которую вы можете изменять в режиме реального времени, поэтому технология снова продиктовала горизонтальные полосы.

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

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

ответил GlenPeterson 7 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 07 Sep 2012 01:37:38 +0400 2012, 01:37:38
6

Размещение - одно. Если у вас есть строка текста, вы можете подчеркнуть ее с помощью индикатора выполнения. Имеет смысл заставить его идти в том же направлении, что и письменный текст (в западной культуре)

Вертикальные стержни существуют, есть один в моей машине, показывающий топливо. И интересно, я не думаю, что вы найдете ту, где 25pc полностью показывает, как 25pc заполненной вершины. Естественно, что «заполнение» будет тяготеть к дну, как вода в стакане.

Существуют круглые стержни, которые всегда работают по часовой стрелке.

Ключ, кажется, является культурным факсимилом и ссылкой.

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

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

ответил Ian 7 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 07 Sep 2012 01:57:26 +0400 2012, 01:57:26
4

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

ответил Matt Obee 6 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 06 Sep 2012 20:30:26 +0400 2012, 20:30:26
3

Индикатор выполнения - это способ «видеть на расстоянии» для передачи статуса задачи.

Это позволяет пользователям покидать близкий диапазон монитора и визуально видеть ход выполнения задачи без необходимости читать небольшой текст.

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

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

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

Чтобы продемонстрировать, насколько легко горизонтальные и вертикальные линии плохо смешиваются. Читайте о трюке вертикально-горизонтальной иллюзии , где человеческий мозг видит длины строк неверно.

Таким образом, чтобы ответить на вопрос «Почему горизонтальные показатели прогресса горизонтальные», это потому, что они должны быть. В противном случае это будет путать и отвлекать пользователя.

Допустимые альтернативы горизонтальным индикаторам хода:

  • Форма круга, в которой планка следует по окружности.
  • Большой числовой текст, указывающий, что достигнутый прогресс завершен.
  • Большие визуальные значки, которые отображают статус (рабочий, законченный) задачи.
  • 2D-анимация, представляющая работу, выполняемую для задачи.
ответил cgTag 9 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowSun, 09 Sep 2012 06:26:23 +0400 2012, 06:26:23
1

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

введите описание изображения здесь>> </p></body></html>

ответил pgfearo 7 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 07 Sep 2012 01:52:38 +0400 2012, 01:52:38
1

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

В некоторых программных продуктах Apple (например, Xcode и более старых версиях Mail) прогресс отображается через крошечные круговые диаграммы:

Окно сборки Xcode 3 с круговой диаграммой, указывающей прогресс

Изображение из randomtruth на форуме сообщества поддержки Apple . Извините за плохое качество.

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

Apple также использовала аналогичную технику в iTunes (на iLounge

Снимок экрана приложения iTunes на iOS, демонстрирующий предварительный просмотр песни (в которой также используется тот же круговой индикатор выполнения)> </p>

<p> <sup> Изображение из <a href= Daring Fireball

Как только вы откроете дверь, чтобы посмотреть на веб-технологии, есть еще несколько интересных круговых:

Снимок экрана «Процентный загрузчик», плагин jQuery для кругового прогона, который заполняет калибр вокруг процентного индикатора

Изображение Percentage Loader , плагин jQuery для этой цели

Снимок экрана «Circular Progress»; другой плагин jQuery для этой цели

Изображение Круглый ход , еще один плагин jQuery для этой цели

Наконец, есть метр прогресса «калибр» (хотя я бы, вероятно, утверждал, что это не показатель производительности progress , вы не обязательно работаете с одной стороны на другую, так как вы должен иметь возможность ожидать выполнения индикатора выполнения):

Снимок экрана с контрольной панелью Oracle, обозначающей «единицы в запасе» в качестве датчика с иглой «> </p >

<p> <sup> Изображение взято из <a href="http://docs.oracle.com/cd/E23943_01/web.1111/b31973/dv_gauge.htm" rel="nofollow noreferrer"> Компоненты платформы разработки Oracle документация </a> </SUP> </p></body></html>

ответил Kit Grose 24 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowMon, 24 Sep 2012 04:38:56 +0400 2012, 04:38:56
0

Я думаю, что это действительно из-за двух вещей:

  1. Необходимо учитывать экранную недвижимость. Горизонтальный индикатор выполнения легко увидеть и не занимает много места в вертикальном пространстве, поэтому дополнительная информация, такая как инструкции, приблизительное время завершения и то, что на самом деле делает машина, может соответствовать чисто над или под панелью.
  2. Человеческий глаз имеет тенденцию смотреть слева направо, сверху вниз. (Здесь одна статья , в которой упоминается об этом.)

Учитывая (2), диагональные индикаторы прогресса могут иметь некоторый смысл. Но они могут взять много экранной недвижимости.

Почему не вертикальные полосы прогресса? Microsoft говорит : «Не используйте вертикальные индикаторы прогресса. Горизонтальные полосы хода имеют более естественное отображение и лучший поток ». Это иллюстрирует скриншот этой статьи, показывающий Install_Messenger.exe. Он имеет «__ МБ __ MB завершен» прямо под индикатором индикатора выполнения (горизонтальной) индикатора того, насколько далеко работает операция. Ниже приведена соответствующая статья от Apple . , который напрямую не затрагивает вертикальные полосы выполнения, но имеет свои горизонтальные варианты.

ответил David 6 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 06 Sep 2012 20:32:12 +0400 2012, 20:32:12

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132