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

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

Хороший веб-дизайн — это больше, чем просто UX

Дизайн взаимодействия пользователя с веб-сайтом выходит за рамки визуальных эффектов и механики. Часто владелец сайта хочет, чтобы пользователи сайта что-то сделали, и убедить пользователя сделать это (каким бы оно ни было) и есть процесс конверсии.

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

Хороший коэффициент конверсии сводится к эффективному контенту, эффективно представленному в дизайне веб-сайта. Это требует отличного дизайна, построенного на контенте, который конвертирует. Два понятия — дизайн и содержание — неразрывно связаны между собой, и для того, чтобы одно было эффективным, должно быть эффективным и другое. Хотя дизайнерам не обязательно быть копирайтерами или фотографами, они должны хорошо разбираться в том, как представить контент сайта таким образом, чтобы он был одновременно привлекательным и эффективным для конверсии.

Для начала вот пять «секретов» создания контента, который конвертирует.

1. Откажитесь от фиктивного текста

Многие дизайнеры часто придумывают веб-дизайн и используют фиктивный текст Lorem Ipsum, чтобы конкретизировать его. Это абсолютно не так, если вашей целью является конверсия — очень важно иметь свой контент под рукой, прежде чем настраивать дизайн. В противном случае ваш дизайн будет просто гипотетическим проектом «это был бы хороший веб-сайт», а не тонкой формой искусства, для создания которой вас наняли. Контент должен диктовать дизайн. В противном случае вы подвергаетесь вполне реальному (и часто осознаваемому) риску того, что элементы дизайна будут излишними, возникнет необходимость втиснуть контент в дизайн, который не совсем подходит, и общая презентация, которая полностью не сможет выделить нужный контент в нужной точке. нужное время.

Простой веб-сайт, который хорошо представляет свой контент, будет конвертироваться лучше, чем красиво оформленный веб-сайт, который не может выделить ключевые элементы информации и затемняет другие. Дизайн с гипотетическим текстом и изображениями — это всего лишь настройка себя на дизайн, в который клиент может влюбиться, но в конечном итоге он потерпит неудачу, когда будет вставлен реальный контент. Набросайте свои идеи, если вам нужно, но прежде чем приступать к серьезному мозговому штурму или собирая макеты, точно знайте, с чем вы работаете и какие элементы должны быть представлены. Дизайнер Джеффри Зельдман сказал это лучше всего еще в 2008 году: «Дизайн без содержания — это не дизайн, а украшение».

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

2. Делайте карту сайта перед сайтом

Действительно хорошая карта сайта — это фантастический подарок, который вы можете преподнести пользователям любого веб-сайта, особенно если на сайте есть много элементов для навигации. Однако вы можете не осознавать, что отличная карта сайта также может быть подарком вам и вашему клиенту. Если у вас есть карта сайта перед началом дизайна, то, по сути, у вас есть план для построения всей структуры дизайна. Как написал Кэмерон Чепмен для KISSmetrics, хорошая карта сайта — это «инструмент централизованного планирования, который может помочь организовать и уточнить контент, который должен быть на вашем сайте, а также помочь вам избавиться от ненужных страниц».

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

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

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

3. Имейте четкий призыв к действию

Когда целью сайта является конверсия (а это чаще всего так и бывает), одним из наиболее важных элементов является призыв к действию. Откровенно говоря, на большинстве сайтов должен быть призыв к действию, будь то «зарегистрироваться», «добавить в корзину» или «просмотреть галерею». Пользователей следует подтолкнуть к какому-то действию, и это действие должно быть четко и ясно изложено. Это может быть кнопка, ссылка или что-то еще. Что бы это ни было, именно это мы имеем в виду, когда говорим «призыв к действию».

Независимо от того, имеет ли ваш призыв к действию юмористический тон (зарегистрируйтесь сегодня или кролик получит его!), призывает к духу товарищества (присоединяйтесь к делу) или наполнен срочностью (только сегодня в продаже!), он должен быть разработан таким образом, чтобы это привлекает целевую аудиторию и соответствует общему посылу сайта. Чтобы узнать о некоторых отличных идеях и примерах, ознакомьтесь с рецензией Хельги Морено о призыве к действию для Just Creative.

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

4. Убедитесь, что заголовки хороши

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

Если ответственность за создание заголовков и другого текста H1 в дизайне когда-либо ляжет на ваши плечи, вам необходимо отточить свои навыки написания заголовков. Два моих любимых ресурса — это краткий пост от Copyblogger и бесплатный PDF-файл Headline Hacks от Джона Морроу. Оба эти ресурса были разработаны для писателей, но они представляют основы написания хороших заголовков таким образом, что любой, кто свободно владеет английским языком, может усвоить и сразу же применить их.

5. Используйте универсальные изображения, чтобы заинтересовать

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

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

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

Ключи для копирования, которые преобразуют

Хотя эти пять «секретов» на самом деле вовсе не секреты, легко упустить из виду или полностью упустить эти ключевые элементы для создания контента, который конвертирует. Веб-сайты — это средства представления контента, и пользователи должны учитываться при любом веб-дизайне. Но, как показали эти советы, эффективный веб-дизайн заключается не только в том, чтобы сделать веб-сайт приятным на вид и простым в использовании. Часто есть и другая цель: стимулирование конверсии. Освоение и использование всех этих пяти областей рабочего процесса веб-дизайна будет иметь большое значение для вашей способности создавать веб-сайты, которые действительно эффективны во всех смыслах этого слова.