Веб-дизайн интернет-магазина: аргументы в пользу типографики
Быстрая загрузка? Проверено! Простая навигация? Проверено! Убедительные кнопки призыва к действию? Проверено! Качественные изображения продуктов? Проверено! Мощный контент продукта? Проверено! Безопасный процесс выезда? Проверено!
Типография? Действительно?! Имеет ли значение типографика? – вопрос, который возникнет в голове у многих предпринимателей электронной коммерции, которые готовы запустить свой интернет-магазин.
Ответ «ДА» – и эта статья докажет вам этот факт!
В идеале, новые предприниматели интернет-магазинов полны рвения и энтузиазма, чтобы превратить свой обычный магазин в прибыльный онлайн-бизнес. В спешке, чтобы увидеть, как их веб-сайты заработают, многие из этих предпринимателей могут просто сосредоточиться на более крупных и широких вопросах; игнорируя некоторые небольшие, но очень важные элементы дизайна, такие как типографика.
Но дело в том, что типографика является одним из наиболее важных элементов веб-дизайна, игнорирование которого может сильно сказаться на доходах.
Итак, давайте перейдем к мельчайшим деталям типографики, чтобы понять ее важность и влияние на продажи в интернет-магазине:
Типографика: что это такое?
Вот определение из Вики :
«Типографика — это искусство и техника размещения шрифта, чтобы сделать письменный язык разборчивым, читабельным и привлекательным при отображении. Расположение шрифта включает в себя выбор гарнитуры, кегля, длины строки, межстрочного интервала (интерлиньяж) и межбуквенного интервала (трекинг), а также настройку расстояния между парами букв (кернинг)».
Влияние типографики на пользовательский опыт
Типографика говорит с вашими посетителями.
Люди смотрят на вашу домашнюю страницу в целом, просматривая текст, тип шрифта, размер букв и длину строк. Теперь, если они не найдут ваш контент читабельным, они немедленно покинут сайт и перейдут на сайт вашего конкурента. Это не сознательное решение. Но дизайн веб-сайта (который включает в себя тип, размер шрифта, цвет и пробелы) побуждает их к этому.
Было проведено исследование, доказывающее тот факт, что шрифты оказывают большое влияние на то, как мы обрабатываем информацию. Одно исследование было проведено лауреатом премии «Оскар» режиссером-документалистом Эрролом Моррисом под названием «Вы оптимист или пессимист?» В этом интересном исследовании он обнаружил, что читатели с большей вероятностью поверят заявлению, написанному шрифтом Baskerville, чем любому другому шрифту, например, Georgia, Comic Sans, Computer Modern, Helvetica или Trebuchet.
Из этого исследования ясно видно, что просто наличия богатых ключевыми словами страниц или качественного контента (описание продукта, изображения продукта и видео о продукте) недостаточно для увеличения продаж; но не менее важно иметь правильный тип и размер шрифта в вашем интернет-магазине.
Выбор правильной типографики обеспечит исключительный пользовательский опыт для ваших посетителей. Это поможет вам надолго удержать внимание посетителя; гарантируя, что посетители будут полностью сосредоточены на продуктах/услугах, которые вы предлагаете. Сосредоточенное внимание поможет вам увеличить ваши продажи.
Влияние типографики на рейтинг Google
Алгоритм поискового ранжирования Google учитывает около 200 сигналов для ранжирования веб-сайта. Типографика в настоящее время не занимает места в этом списке факторов ранжирования. Таким образом, выбор правильного шрифта и размера шрифта напрямую не поможет вам занять высокие позиции в поисковой выдаче.
Тем не менее, все веб-дизайнеры интернет-магазинов прекрасно осознают тот факт, что предоставление посетителям хорошего пользовательского опыта поможет им занять более высокое место в Google по сравнению с веб-сайтами, которые обеспечивают плохой опыт работы в Интернете. Из вышеупомянутого пункта стало ясно, что типографика играет важную роль в обеспечении хорошего пользовательского опыта для пользователей. Итак, уравнение теперь такое:
Вот взгляд Стива Джобса на типографику
Вот что Стив Джобс, по праву известный как крестный отец шрифтов, сказал о типографике в одной из самых вдохновляющих речей, произнесенных им в Стэнфордском университете:
Факторы, которые следует учитывать перед выбором типографики
Теперь, когда мы знаем о влиянии типографики на коэффициент конверсии, давайте углубимся, чтобы понять, как вы можете принимать решения, связанные с типографикой:
Не существует единой формулы типографики, которая подходила бы для всех интернет-магазинов. Это зависит от некоторых критических факторов, таких как целевая аудитория, имидж вашего бренда, отрасль, к которой относится ваш бизнес, будь то компания B2B или B2C, продукты / услуги, которые вы хотите продавать, и сообщение, которое вы хотите передать своим посетителям. Критическая оценка всех этих факторов поможет вам выбрать правильную типографику для вашей фирмы.
Например, компания B2B должна использовать такие шрифты, как без засечек, которые помогают им завоевать уважение и доверие в цифровом пространстве. Yapstone, поставщик услуг онлайн-платежей, например, использует шрифт Gotham, который придает бренду заслуживающий доверия имидж. Готэм даже использовался в предвыборных материалах Барака Обамы на президентских выборах 2008 года.
Источник: Yapstone.com
С другой стороны, интернет-магазин, торгующий детскими товарами, например, одеждой или игрушками, должен выбирать шрифты, создающие игривый и забавный вид. Взгляните, как kidsplace удается покорить наши сердца своей типографикой:
Источник: Childrensplace.com
Еще один важный фактор, который необходимо учитывать, — мобильная аудитория. Поскольку все больше и больше людей переходят на мобильную коммерцию, вам нужно помнить о мобильной аудитории, прежде чем сосредоточиться на типографике.
Короче говоря, после тщательного анализа вышеупомянутых факторов выберите типографику, которая правильно соответствует имиджу вашего бренда.
Элементы типографии
Понятно, что типографика улучшает впечатления посетителей. Я подробно описал здесь несколько элементов типографики, чтобы улучшить органический рейтинг вашего сайта и удобство для пользователей:
Цвет:
Цвет — один из важнейших элементов типографики. Правильный цвет привлекает внимание посетителей, и в то же время плохие цвета на главной странице увеличат показатель отказов вашего сайта.
Многие популярные веб-сайты, такие как Skype, WordPress, Twitter, LinkedIn, используют синий цвет на своей домашней странице. Одной из главных причин этого является то, что синий цвет символизирует надежность и честность. Поэтому для веб-дизайнеров жизненно важно иметь глубокое понимание психологии цвета и его влияния на конверсию электронной коммерции. В ходе эксперимента Монетейт обнаружил, что синие CTA превосходят оранжевые CTA на 9%.
Источник: Monetate.com
Тем не менее, мы видели, что Amazon, крупнейший ритейлер электронной коммерции в мире, имеет оранжевые CTA на своих страницах продуктов. Таким образом, рекомендуется не идти на какие-либо обобщенные эксперименты и выбрать лучший цвет, который подходит для имиджа вашего бренда и конвертирует.
Длина строки и межстрочный интервал:
Слишком длинные или слишком короткие линии будут смотреться не эстетично. Средняя длина строки составляет 45-90 символов, включая пробелы.
Междустрочный интервал — это расстояние между двумя строками текста. Рекомендуемый межстрочный интервал составляет от 120% до 145% размера шрифта.
Белое пространство:
Пробел придает элегантный вид макету вашего сайта. Страница продукта, которая загромождена всей информацией о продукте, такой как описание продукта, изображения, видео и призывы к действию, будет конвертировать меньше по сравнению со страницей продукта с расхламленной информацией о продукте. Кроме того, это позволяет онлайн-покупателям легко находить нужную информацию о продукте.
Правильно используйте пробелы, чтобы сделать страницы вашего продукта визуально ошеломляющими.
Размер и тип шрифта:
Шрифты играют важную роль в удобочитаемости контента. Трудночитаемые шрифты отпугнут посетителей. В качестве альтернативы, правильные шрифты будут убеждать посетителей совершить желаемое действие.
Выберите тот, который удобочитаем, совместим со всеми браузерами и размерами экрана, а также тот, который лучше всего соответствует имиджу вашего бренда. Не используйте более 2-х шрифтов. Выберите один шрифт для заголовков и другой для описания продукта.
Мелкие или крошечные шрифты занимают больше времени при чтении и поэтому могут сразу отпугнуть посетителей сайта. Поэтому убедитесь, что размер шрифта достаточно велик, чтобы посетители могли легко читать содержимое.
Хотя идеального размера шрифта или шрифта для дизайна электронной коммерции не существует, эмпирическое правило заключается в том, чтобы выбрать тот, который делает его читабельным, подходит для имиджа вашего бренда и соответствует продуктам, которые вы продаете.
Например, какой из следующих трех шрифтов, по вашему мнению, создаст впечатление надежного и заслуживающего доверия интернет-магазина медицинских товаров?
Нетрудно догадаться, что веб-дизайнеры медицинских интернет-магазинов выберут шрифт Arial.
Оцените производительность вашей типографики
Вы установили шрифт, размер шрифта, цвета ваших CTA и всех других элементов дизайна вашей типографики. Но работает ли это для вашего сайта электронной коммерции?
Лучший способ узнать, подходит ли выбранная типографика для вашего интернет-магазина, — провести сплит-тестирование A/B. Очень многие владельцы интернет-магазинов утверждают, что у них нет времени на тестирование типографики. Разве это не то же самое, что сказать: «У меня нет времени заправиться, так как я занят вождением»? (Аналогия взята из бестселлера Робина Шармы «Монах, который продал свой Феррари»). В конце концов вы заплатите за это цену; затронутыми показателями будут: количество посетителей, показатель отказов и коэффициент конверсии.
С другой стороны, тестирование позволит вам узнать, оказывает ли выбор цвета, типа шрифта, размера шрифта, шрифтов и пробелов желаемое влияние на ваши продажи или нет. Экспериментируйте и смотрите, что лучше всего подходит для вашей целевой аудитории!
Подведение итогов
Типографика — ключевой ингредиент в рецепте веб-дизайна электронной коммерции. Предприниматель электронной коммерции, который потратил тысячи долларов на наем дорогого агентства по разработке для разработки передовой платформы электронной коммерции, может столкнуться с тем, что его стартап электронной коммерции потерпит неудачу, если этот основной и важный элемент дизайна будет проигнорирован.
Он должен быть достаточно простым, чтобы его можно было прочитать, и в то же время достаточно убедительным, чтобы убедить целевую аудиторию просматривать веб-сайт и дольше оставаться на нем.
Твердая типографика создаст сильную идентичность бренда, привлечет новых посетителей и побудит клиентов повторно посетить ваш сайт; тем самым увеличивая продажи и прибыль вашего бизнеса.
Отправляете ли вы правильное сообщение своим потенциальным клиентам с помощью типографики? Какие шрифты вы используете для своего бизнеса, чтобы получить максимальную конверсию? Поделитесь своими идеями или вопросами с нами в комментариях ниже.