Дизайн — статьи о сайтах
Страница услуги в переводческом бюро быстро разрастается: языки, тематики, форматы файлов, порядок заказа, сроки, оформление результата, вопросы и ответы. Всё это нужно, но посетитель пришёл с одной задачей: понять, возьметесь ли вы за его документ и как его отправить. Ниже о том, как сделать длинную страницу понятной, не сокращая содержание.
Где читатель теряется на странице бюро переводов
Типичная картина: наверху общий абзац о компании, дальше сплошной текст про виды перевода, а в самом низу контакты. Человеку, которому нужен перевод инструкции с немецкого, приходится выискивать в этом потоке свою языковую пару и формат файла. Не найдя их за несколько прокруток, он закрывает страницу. Проблема не в объёме. В тексте нет «входов», по которым можно сразу перейти к своему вопросу.
Оглавление с якорными ссылками в начале страницы
Самое простое решение — список ссылок вверху, ведущих к разделам этой же страницы. Скрипты не нужны: у заголовка раздела задаётся атрибут id, а у ссылки href="#этот-id". Формулируйте пункты как вопросы читателя, а не как внутренние названия отделов: «Какие языки и тематики», «Сколько ждать», «Как передать файлы», «Что получу на выходе». В конце каждого раздела добавьте ссылку «К оглавлению»: вернуться вверх длинной прокруткой неудобно. Кнопку «Запросить расчёт» стоит повторить рядом с оглавлением и в конце страницы.
Условный пример: страница «Технический перевод»
Вот как можно выстроить такую страницу. Это иллюстрация структуры, а не описание реального проекта:
- Первый экран. Заголовок, одна фраза о том, что вы переводите (инструкции, спецификации, каталоги), кнопка «Запросить расчёт» и оглавление.
- Что принимаем в работу. Короткий список форматов: DOC, XLS, PDF с текстовым слоем, сканы. Для сканов отдельная пометка: объём и срок зависят от качества изображения.
- Языки и сроки. Таблица, о которой ниже.
- Как проходит заказ. Нумерованный список из четырёх шагов: заявка, оценка, перевод и редактура, передача файлов.
- Терминология. Два-три абзаца о том, как согласуется глоссарий и как учитываются ваши прежние переводы.
- Частые вопросы. Вопрос выделен подзаголовком, ответ занимает два-три предложения.
- Форма запроса. Имя, контакт, языковая пара, поле для файла и комментария.
Таблица вместо абзаца для языков, сроков и форматов
Фразу «мы переводим с английского, немецкого, французского на русский и обратно, а сроки зависят от объёма» читатель вынужден разбирать сам. Таблица из трёх колонок («Направление», «Тематики», «Ориентир по сроку») читается за секунды. В ячейке срока пишите только то, что вы готовы подтвердить, например «от [N] рабочих дня на [M] страниц, точнее после оценки». Если цифры зависят от задачи, прямо скажите, от чего именно: от объёма, сложности, наличия глоссария. Пустые слова вроде «оперативно» ничего не объясняют.
Оформление текста: строка, шрифт, подзаголовки
- Ширина текстовой колонки — примерно 60–80 знаков в строке. Строка на весь широкий монитор утомляет и сбивает при переходе на следующую.
- Размер шрифта основного текста не меньше 14–16 пикселей, межстрочный интервал заметно больше единицы.
- Абзацы по три-пять строк, подзаголовок через каждые два-три абзаца.
- Жирным выделяйте только то, что ищут глазами: языковые пары, форматы, названия шагов. Если выделено полстраницы, выделения не работают.
- Не используйте для длинных фраз капс и светло-серый текст на белом фоне.
Учтите и устройства: часть заказчиков откроет страницу на смартфоне или планшете. Таблица и колонка фиксированной ширины в 1000 пикселей заставят их прокручивать страницу вбок, поэтому проверьте отображение на небольших экранах.
Проверочный список перед публикацией
- Вверху есть оглавление, и каждый его пункт ведёт к нужному заголовку.
- После каждого крупного раздела есть ссылка «К оглавлению».
- Языковые пары и сроки собраны в таблицу, а не растворены в тексте.
- Порядок заказа оформлен нумерованным списком.
- Кнопка запроса расчёта видна на первом экране и в конце страницы.
- Абзацы короткие, подзаголовки описывают содержание раздела.
- Страница читается без скриптов: ответы на вопросы не спрятаны так, что без них их не увидеть.
- Вы сами нашли за полминуты на странице: свою языковую пару, формат файла, способ передачи документов.
Последний пункт самый честный тест. Дайте страницу человеку, не связанному с бюро, назовите задачу и посмотрите, где он остановится. Эти места и нужно переделывать в первую очередь.
