UIUXaudit.site

Разбор юзабилити и UX-редактура сайтов

← ЛЕНТА / статья

Вертикальный текст: в какую сторону поворачивать

28 января 2025г.

Вертикальный текст: в какую сторону поворачивать

Вертикальные тексты — которые читают сверху вниз или снизу вверх.

Такое размещение часто используют в рекламе или на горизонтальных аккордеонах. Для очень коротких текстов это привлекает внимание и сильно экономит место.

Возникает вопрос: в какую сторону поворачивать текст?

Для письменности слева направо, «правильным» считают поворот против часовой стрелки, когда текст читается снизу вверх. Считается, что так легче читать — значительно меньше наклон головы, быстрее переходы к нормальному направлению чтения. Например, тексты на корешках книг обычно пишут снизу вверх. Для письменности справа налево — наоборот.


Горизонтальные аккордеоны

Это по сути вкладки (табы), например, как вкладки в браузерах. А ещё, это и списки, в некотором смысле, — мы же их считываем (сканируем взглядом) как список, по порядку, слева направо. Здесь ключевое — «слева направо», направление привычного чтения.

И вот мы берём такой «список»:

Горизонтальный аккордеон

Мысленно поворачиваем его вертикально (склоняем голову) и читаем. Вроде нормально считывается.


А теперь проделаем то же с «обратным» списком:

Горизонтальный аккордеон

Есть ощущение, что список читаешь в обратном порядке, как бы снизу вверх, всё время себя «одёргиваешь», что начало списка с другой (непривычной) стороны.


Теперь про текст сверху вниз, когда буквы по одной:

Горизонтальный аккордеон

Наверно самый медленно считываемый текст. Но зато, не надо головой вертеть. Выглядит прикольно в рекламе и на вывесках. Желательно писать в одну строчку (колонку) и 1-2 слова.


Ещё пара напоминаний

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

Не забываем про маленькие экраны — вертикальный текст может не полностью помещаться на экране, и мы буквально заставляем юзера скролить, только чтобы прочитать может и ненужный текст.

Все исследования на эту тему очень «индивидуальны», как и многое в юзабилити. Левши и правши, направление письменности, культурные и индивидуальные особенности, сценарии в продукте — всё это сильно влияет на результаты исследований.


💬 Комментировать и обсудить статью в Телеграм-канале

Юзабилити аудит, UX-редактура



Телеграм-канал «Заметки о юзабилити» — посмотреть и подписаться

Написать письмо

В телеграм-канале «Заметки о юзабилити» ещё больше примеров, UX-практика, разборы юзабилити и интерфейсных текстов. Учимся понимать пользователей ещё до сложных исследований.

Для дизайнеров, редакторов, аналитиков, продактов, QA, заботливого бизнеса и сочувствующих ))

© UIUX audit®, 2024

Услуги О себе Статьи Пишите UI/UX audit