текст везде
9 subscribers
102 photos
1 video
53 links
Канал про текст, который нас окружает: в книгах, статьях и особенно интерфейсах.

Тут можно задать мне вопрос и я на него отвечу в телеграм-канале: https://forms.gle/ReVwF4Ck7Jwo2rTr9.

Маша Тихомирова,
редактор, UX-писатель. Живу в Берлине.
Download Telegram
Все посты в этом канале — про текст, но про разный. Чтобы ориентироваться стало проще, несу сюда тэги.
#голосбренда — tone of voice, ссылки на статьи и гайдлайны,
#уведомления — всевозможные уведомления, пуши и попапы,
#подкаст — интересные подкасты про текст,
#рассылки — интересные примеры и приёмы в рассылках электронных писем,
#библиотека — цитаты, книжная вёрстка
#интерфейс — текст там, где человек взаимодействует с программой или машиной,
#работа — интересные вакансии, собеседования, тестовые.
В прошлом году побывала в маленьком городке Пеенемюнде. Во время второй мировой войны здесь был ракетный полигон, исследовательский центр, тут создали первую в мире баллистическую ракету Фау-2. Сейчас это историко-технический музей. В маленьком порту стоят военные корабли, ракетном катере можно даже залезть внутрь, посмотреть как устроен интерфейс. Устроен он хитро. Вот, например, табличка запрещает делать что-то важное.
#интерфейс
Слава Шестопалов написал подробную статью Designing better links for websites and emails — a guideline. Иллюстрации огонь!.

Содержание вкратце:

1. «Тут», «сюда» не годится, надо чтобы текст ссылки был информативным.
2. Короткую, не громоздкую ссылку можно и не прятать. Громоздкую с символами — сократить инструментами типа Bitly или Cuttly.
3. Если по ссылке лежит файл, надо указать его формат и размер. Несколько файлов — сгруппировать и подписать по смыслу.
4. Хочется сделать акцент на действии — ставь не ссылку, а кнопку. На кнопке писать коротко, начинать с глагола, не хитрить.
5. Если в тексте много ссылок, их лучше сгруппировать. Не получается сгруппировать — стараться ставить ссылки в начало предложения и следить, чтоб ссылка не разъезжалась на две строки.
6. Ссылка должна соответствовать стандартам доступности: контраст (цвет в фигме можно проверить плагином Contrast Checker, текст ссылки можно подчеркнуть или выделить жирным; есть состояние наведенного фокуса.
7. Написать человечный и понятный текст ссылки для скринридеров.
8. Не навешивать одинаковые ссылки на разные элементы страницы.

#интерфейс
#интерфейс Последовательность в интерфейсе это когда мы выбрали один стиль и его придерживаемся. Таким интерфейсом удобно пользоваться, к нему быстрее привыкают.

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

А ещё лучше текст на кнопке формировать от глагола: «Смотреть фильм целиком», например.