Текст на сайте должен «зацепить» взгляд пользователя

Никто не будет спорить, что первейшая задача всякого продающего веб-ресурса — донести информацию до пользователя, и не просто донести, а сделать так, чтобы из обычного читателя он превратился в покупателя или заказчика (смотря какие цели у владельца ресурса). Но здесь нужно понимать: как бы красиво не были представлены преимущества продукции, предлагаемой на сайте, продажа не состоится, если сам текст будет выглядеть серо и неинтересно.

Итак, что же нужно сделать, чтобы информацию прочли? Вот простые правила:

  • располагать текст верным образом;
  • выделять основные заголовки;
  • разбивать на подстатьи (чтобы читатель «извлекал» из каждой отдельной части текста конкретную мысль);
  • выбирать лучшие и располагающие цветовые варианты для фона и шрифта.

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

Как это работает в действительности?

Дизайн текста просто обязан сочетаться с его содержанием. Только в этом случае можно утверждать, что для удобства чтения и восприятия созданы все условия. Сегодня на рынке Интернет-индустрии появилась даже такая профессия как вебстальщик. Этот специалист сочетает в себе навыки и знания веб-дизайнера и html-верстальщика.  Он может так «облагородить» текст, что пользователи обязательно его прочитают. А если в самом содержании будет правильно донесена мысль, то результат не заставит себя долго ждать. На практике доказано: после обработки текста, конверсия посетителей сайта в реальных покупателей вырастает в разы. А количество пользователей, зашедших на сайт по «случайному клику», но задержавшихся на нём более 30 секунд, превышает прошлые показатели в десятки раз.

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

Что делает вебстальщик? Убирает аляповатые цветочки, подбирает основной цвет фона (голубой), на котором, как мы видим, удачно гармонирует более контрастный по цвету текст, а также симметрично располагает текстовые блоки, так, чтобы читателю было легко воспринимать информацию.

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

Перед вебстальщиком как всегда стояла задача: поработать над текстом так, чтобы его в итоге захотелось прочесть.

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

Какие ошибки обычно делают веб-дизайнеры вкупе с html-верстальщиками, когда занимаются якобы дизайном текста?

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

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

Казалось бы, что сложного может быть в том, чтобы создать гармонию на сайте? Любой человек, обладающий чувством вкуса, может справиться с этой задачей. Но так кажется только на первый взгляд. Нужно иметь хотя бы какие-то представления о веб-дизайне и html-вёрстке. Этими специфическими знаниями в полной мере и обладают вебстальщики.

Обсуждение:
  1. Norb

    Типографика (так кажется называется оформление текста?) хороша вкупе с копирайтингом, как мне кажется, эти услуги должны идти вместе, хотя тут уже и до вебдизайна дотянутся легко.

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

  2. porcelanosa

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

  3. Dimka

    Креативно: выдумали новую профессию:) Но, как заметили выше: ничего нового. В принципе оформление текста это скорее работа копирайтера, особливо когда делаем смысловые акценты на некоторые слова или фразы.

  4. Аноним

    Убить надо верстальщика за самодеятельность. Это сфера ответственности дизайнера.

    • murketolog

      Покажите мне веб дизайнера, который согласится лезть в уже готовый сайт (сделанный чьи-то кривыми руками) чтобы сделать для него новый CSS 🙂 любой здравомыслящий разработчик предложит клиенту «давайте снесем всё и нарисуем еще круче и правильно».

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

      Вот так вот скрещиванием видов появилась новая профессия — котопё… тфу! Вебстальщик!

  5. Дмитрий Мелихов

    Очень показательный материал. Иногда даже с первого взгляда качественный и структурированный текст не читается посетителями полностью. Для отслеживания читабельности контента можно использовать системы in-page аналитики.

  6. Артём Савельев

    вебстальщик — это тоже, что верстальщик?

  7. textstyle_pr

    Нет, пожалуйста, не путайте понятия. ВеБстальщик — это не то же самое, что веРстальщик. Они, конечно, занимаются схожими видами деятельности, но веБстальщик больше «заточен» под дизайн текста, нежели под кодирование страниц)

  8. TRSteep

    ИМХО Цвет, фон, стили заголовков — это задача дизайнера, а реализация в последующем верстальщик.

    Копирайтер же должен не только писать текст, но оформлять на блоки, добавлять связное оформление (картинки, элементы дизайна для данного текста)

  9. Ной.

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



Раздел: Копирайтинг, контент, Автор: textstyle_pr
|