Как улучшить сайт: 13 способов улучшить свой сайт!

Содержание

3 способа: Как улучшить веб-дизайн сайта

Стресс – это не только то, что заставляет людей чувствовать себя неловко. Он стимулирует желание «бороться» или «бежать». И последнее, что вы хотите, – это создать сайт, который будет приводить ваших посетителей в замешательство, вызывать страх или вообще отказаться от его использования. Многое может вызвать такую реакцию ваших посетителей, в том числе дизайн. В этом гайде мы рассмотрим некоторые способы, которые помогут вашему дизайну не нервировать пользователей.

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

Последнее, что вам нужно, это чтобы кто-то посетил один из веб-сайтов, созданных вами, и почувствовал, что:

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

Есть тысячи вариантов, почему ваш сайт может нервировать пользователей и заставлять задуматься, стоит им «сражаться или бежать».

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

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

Большинство руководств по снятию стресса содержат аналогичный набор советов. Но как именно вы можете применить для веб-сайта что-то вроде «Выйти на свежий воздух»?

Вот несколько идей:

1.

Черпайте вдохновение в природе

Есть причина, по которой статьи о снятии стресса всегда предполагают, что людям следует выйти на улицу. В природе есть что-то очень успокаивающее.

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

Компании с «природными» инициативами (например, REI или CLIF) могут выкрутиться, используя изображения, которые содержат сцены из природы, и опираясь на приятные ощущения, ассоциированные с природой.

Снимок с сайта CLIF с изображениями природы

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

Вместо этого я бы посоветовала взглянуть на вашу цветовую палитру.

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

Instagram Аккаунт @adventurefervor публикует фото и видео природы со всего мира

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

Тем не менее цвета природы не всегда спокойны и безопасны. Возьмем, к примеру, апосематизм. Это способность животных сигнализировать, что здесь есть опасность – и они делают это с помощью цвета.

«Функция апосематизма состоит в том, чтобы предотвратить нападение, предупреждая потенциальных хищников не только о своём присутствии, но также о своей несъедобности и/или защите».

Наиболее часто встречающиеся цвета при апосематизме:

красный,
жёлтый,
черный,
белый.

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

Я бы порекомендовала вам взглянуть на свой сайт и отметить, есть ли какие-либо цвета, которые могут посылать неверные сигналы.

Темный модный дизайн кажется слишком зловещим для более светлой сущности бренда? Красные акценты напоминают кровь на совершенно белом фоне? Яркий желтый цвет выглядит неуместно?

Веб-сайт Bear Grylls, к примеру, немного раздражает и нервирует:

Авантюрист Беар Гриллс использует сочетание природных образов и цветов, вызывающих чувство опасности на его сайте

Я подозреваю, что веб-дизайнер приложил все усилия, чтобы наполнить сайт резкими черными и красными акцентными цветами. Беар Гриллс не устраивает легкое и приятное шоу о путешествиях. Он всегда ставит себя (и других) в ситуации «жизнь или смерть». Так что в данном случае цветовая палитра, вдохновленная апосематизмом, является хорошим выбором.

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

2. Создайте предсказуемый ритм

Йога – одно из тех занятий, которые часто рекомендуют людям, испытывающим стресс. Как объясняет Mayo Clinic:

«Йога объединяет физические и умственные дисциплины, которые могут помочь вам достичь умиротворения тела и разума. Это поможет вам расслабиться и справиться со стрессом и беспокойством».

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

Йога – не единственная практика внимательного отношения к себе, которая основывается на равномерном и спокойном дыхании, чтобы успокоить нервы. Если вы когда-либо использовали такое приложение для медитации, как Calm, то вам знакомы упражнения для дыхания:

По мере того как вы сосредотачиваетесь на дыхании, задерживая дыхание и освобождая его, ваше тело и разум расслабляются. Дыхательные упражнения также помогают людям успокоить гипервентиляцию и другие виды неровного дыхания, которые повышают пульс и заставляют мысли крутиться в голове.

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

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

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

Веб-сайт Unleashed использует различные анимации, запускаемые при прокрутке

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

Этот сайт посвящен созданию ожидания, а не ценности.

Если вы посмотрите, например, на журнал Smashing Magazine, то заметите, что у дизайна все равно есть возможность время от времени «удивлять» посетителей:

Дизайн Smashing Magazine освещает фактор неожиданности, используя его, чтобы привлечь внимание, когда это имеет смысл

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

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

3. Устранить избыточный шум

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

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

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

Это одна из причин, по которой машины с белым шумом, звуки природы и классическая музыка – очень популярное средство гашения избыточного шума в наших условиях. Они берут на себя всю суровость и подавляющую сущность нашего окружения и приглушают его или, по крайней мере, сводят ее к минимуму.

Когда веб-сайт разработан со слишком большим «шумом», необходимо аналогичное решение.

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

Главное – искать вещи, которым там не место. Если ваш дизайн переполнен, удалите элементы, которые вносят незначительный вклад в работу пользователя и коэффициент конверсии.

Например, как часто люди взаимодействуют с вашим окном живого чата? Если это происходит нечасто или взаимодействие не имеет смысла, просто избавьтесь от него. То же самое относится и к другим несущественным элементам. Рекламные баннеры. Автоматическое воспроизведение видео. Всплывающие поп-апы.

Действительно ли ради этого стоит прерывать пользовательский опыт (или взаимодействие пользователя с сайтом)?

Давайте используем веб-сайт Нила Пателя в качестве примера:

Веб-сайт Нила Пателя задает вопрос: «Вы хотите больше трафика?»

Когда посетители заходят на домашнюю страницу, их спрашивают: «Хотите больше трафика?»

Допустим, ответ «нет», потому что посетитель пришел сюда в блог, чтобы узнать больше о маркетинге и SEO. Однако верхняя часть страницы блога снова задает им тот же вопрос:

Верхняя часть блога Нила Пателя задает вопрос: «Вы хотите больше трафика?»

Логика подсказывает, что нажатие кнопки «Нет, у меня достаточно трафика» приведет к удалению баннера из поля зрения, поскольку для его отклонения нет символа «X». Вместо этого посетители, которые щелкают по нему, удаляются из блога и возвращаются на домашнюю страницу, чтобы начать весь этот цикл заново.

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

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

Подводя итоги

«В отличие от реального мира, где людям нужно время, чтобы определить свои стресс-факторы, найти решения, чтобы победить их и проработать проблемы, этого не случится на веб-сайте»

Пользователи либо будут страдать от переживаний и у них останется неприятный привкус… или они сразу же закроют сайт, и все что у них останется – это неприятное послевкусие.

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

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

Оригинал статьи

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

Как улучшить юзабилити сайта: 8 полезных советов

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

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

Дизайн сайта должен соответствовать предпочтениям пользователей

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

Лучше меньше, да лучше

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

Логичность структуры сайта

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

Выбор изображений высокого качества

«Лучше один раз увидеть, чем сто раз услышать». Главный посыл данной пословицы применим, в том числе и в интернете. Одна удачная фотография привлечет внимание пользователя и заставит его узнать о вас как можно больше. Используйте на сайте высококачественные изображения, которые также могут быть быстрыми кнопками перехода к полезной информации.

Текстовая составляющая сайта

Еще один ответ на вопрос о том, как улучшить юзабилити сайта. Текст – ключевой элемент интернет-страницы. Они должны быть логичные, четко отражающие суть предмета. Не стоит «переливать из пустого в порожнее», ведь все мы не любим тратить время напрасно. Желательно разделять текст на логические блоки, используя подзаголовки, абзацы и перечисления. Избегайте орфографических и пунктуационных ошибок. Убедитесь что шрифт и его размер читабельный. Не используйте больше, чем три различных шрифта. Это придает некоторую неряшливость.

Настройте панель навигации по сайту

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

Совместимость с мобильными устройствами

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

Виджеты социальных сетей на сайте

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

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

Если вы хотите дать клиенту именно то, что ему нужно и завоевать его доверие, важно уделить внимание юзабилити сайта.

Работа с онлайн консультантом

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

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

Работа с лендингами

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

Выделяйте свой продукт и делайте его ярким. Внедряйте какие-либо идеи, которые отсутствуют у конкурентов. Это поможет вам выделяться на фоне остальных, а пользователю ? выбрать именно ваш продукт.

Работа с текстовой информацией

Разработайте чёткий контент-план. Это решит извечный вопрос «Что же делать завтра?». Кроме того, сопровождайте текстовую информацию чёткими и понятными графиками, тем самым вы зарекомендуете себя экспертами в своей области.

Обращайте внимание на структурированность информации. Ваш текст должен быть легко читаемым.

Некоторые из наиболее распространенных ошибок в дизайне сайта, которые негативно влияют на юзабилити, включают в себя:

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

Напоследок

Говорите только про свой сайт и отвечайте только за свой продукт. Не следует рассказывать на вашем сайте о том, как плохо работают конкуренты, описывая во всех красках их недостатки.

Помните, что вы не соревнуетесь с конкурентами. Вы боретесь за внимание людей. Поэтому делайте ваш сайт удобным для клиента.

01.03.2023

Об авторах:

10 советов, которые могут значительно улучшить взаимодействие с пользователем вашего веб-сайта

Взаимодействие с пользователем веб-сайта

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

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

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

Как улучшить веб-сайт

Используйте пустое пространство.
Оптимизируйте скорость страницы.
Используйте привлекательные призывы к действию.
Использовать дифференцирование гиперссылок.
Разделите ключевую информацию маркерами.
Используйте изображения (с умом).

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

1. Используйте пробел.

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

Согласно Crazy Egg, пустое пространство вокруг текста и заголовков увеличивает внимание пользователя на 20%. Белое пространство также может сделать ваш веб-сайт открытым, свежим и современным, и если ваш брендинг соответствует им, он может помочь вам передать это ощущение пользователю. Однако следует помнить об одном недостатке пустого пространства: оно действительно занимает место.

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

Рассмотрим веб-сайт Sara Does SEO, созданный Сарой Данн. В ее UX с самого начала много пустого пространства, привлекающего ваше внимание к тому, как выглядит Сара и что она может сделать для вас. Это позволяет читателю сосредоточить свое внимание на самом важном. Каждый раздел домашней страницы также содержит один четкий заголовок и несколько вспомогательных пунктов, облегчающих усвоение информации.

Посетите ее веб-сайт ниже.

2. Оптимизируйте скорость страницы.

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

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

Согласно Section.io, дополнительные пять секунд времени загрузки страницы могут увеличить «показатель отказов» вашего сайта более чем на 20%. Вау.

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

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

Узнайте больше о снижении показателя отказов вашего веб-сайта в этой записи блога.

Отличным примером быстрой загрузки является Barnes and Nobles. Независимо от того, на каком устройстве ваши собственные Barnes and Nobles загружаются быстро. Примите дополнительные меры предосторожности, чтобы сначала загрузить некоторые важные элементы, чтобы вы знали, что контент уже в пути. Посмотреть на себя.

3. Используйте привлекательные призывы к действию.

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

При создании кнопок для вашего веб-сайта вы должны думать о цвете и психологии цвета. В исследовании, проведенном Maxymiser, исследователи были потрясены, обнаружив, что они добились увеличения количества кликов на 11% в области оформления заказа на веб-сайте Laura Ashley, тестируя цветовые вариации и обмен сообщениями. Разные цвета вызывают разные сообщения. Подумайте о сообщении, которое вы хотите вызвать у пользователя (доверие, опыт, интеллект), и мудро выбирайте цвета.

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

Отличным примером правильного использования призывов к действию является WUFOO. Вся страница компании ориентирована на действие и использует кнопки, побуждающие пользователя перейти к следующему шагу. В конце страницы вы увидите использование чувствительного к времени языка, такого как «Зарегистрироваться сейчас», и языка, ориентированного на действия, такого как «Начать». Это слова активного действия, которые побуждают и направляют пользователя двигаться вперед.

4. Используйте дифференциацию гиперссылок.

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

В исследовании, проведенном Кэрин Грейвс, она показала, что обычный веб-пользователь воспринимает синий и подчеркнутый текст как ссылки и знает, как нажимать на них. Использование ожиданий пользователей и того, что они уже знают об использовании Интернета, равносильно успеху.

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

При создании гиперссылки также не забывайте о длине гиперссылки. Чем длиннее заголовки ссылок, тем легче их идентифицировать. Например: «Чтобы посетить веб-сайт GE, нажмите здесь». против . «Посетите веб-сайт GE здесь».

5. Разделите ключевую информацию маркерами.

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

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

Один отличный пример нетрадиционных пуль взят с One.org. На этой странице они используют значки в качестве маркеров, чтобы выделить свои достижения таким образом, чтобы их было легко прочитать. Кроме того, обратите внимание на пустое пространство вокруг маркеров, которое позволяет сосредоточиться на каждом разделе.

6. Используйте изображения (с умом).

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

В тематическом исследовании, проведенном компанией Spectrum, Inc. компании Harrington Movers, транспортной компании из Нью-Джерси и Нью-Йорка, они смогли повысить конверсию на странице, просто заменив стоковое фото изображением реальной бригады грузчиков. . Они получили такое же увеличение конверсии и доверия к странице, добавив изображение своего реального движущегося грузовика по сравнению со стоковой фотографией. (Читайте полное исследование здесь.)

Итог? Хотя стоковая фотография может быть высокого качества, она не может установить связь между пользователем и брендом.

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

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

7. Включите хорошо продуманные и написанные заголовки.

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

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

Отличным примером хорошо продуманных заголовков с последовательным содержанием является Тильда. Здесь вы можете видеть, что заголовки выделяются размером и цветом и точно описывают последующее содержание.

8. Поддерживайте согласованность страниц вашего веб-сайта.

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

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

«Я в правильном месте?» — вопрос, который я часто задаю себе при навигации по противоречивым сайтам, и когда я это делаю, я обычно заканчиваю тем, что ухожу. Несоответствия в дизайне снижают качество продуктов и услуг, которые вы предоставляете, по мнению пользователя.

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

9.

Поймай свои 404-е.
Хотя поисковые системы не наказывают вас строго за программные ошибки 404 (страница не найдена), пользователь будет. Когда пользователь приближается к ссылке или изображению, он ожидает, что эта ссылка приведет его к следующему месту, куда он хочет перейти.
Проще говоря, появление страницы с ошибкой 404 раздражает ваших пользователей и заставляет их пересмотреть свое время на вашем веб-сайте (когда они, вероятно, могли бы найти более быстрое решение в другом месте). Помимо медленной загрузки страницы, появление ошибки 404 — еще одно очень неприятное событие для пользователя, которое полностью нарушает его путешествие по вашему веб-сайту.
Чтобы проверить наличие ошибок 404, вы можете настроить инструменты Google для веб-мастеров на своем веб-сайте и проверить ошибки сканирования. Вот как. Вы также можете использовать эту бесплатную проверку 404.
В качестве дополнительного ресурса вы также можете убедиться, что когда ваш пользователь попадает на 404, он предоставляет ему возможность вернуться на правильный путь. Посмотрите на эти крутые примеры страниц 404.
10. Будьте гибкими и удобными для мобильных устройств.
Технологии продвинулись вперед, чтобы удовлетворить наши потребности быть мобильными. Веб-сайты также являются важной частью этой эволюции. Крайне важно, чтобы ваш веб-сайт был удобен для мобильных устройств и удобен для навигации независимо от того, какое устройство они используют для доступа к нему.
Недавно Google начал штрафовать сайты, которые не оптимизированы для мобильных устройств, что сделало потребность в быстродействии еще более важной. Это, вероятно, самый ценный способ улучшить удобство использования вашего веб-сайта. Если вы не уверены, является ли ваш веб-сайт мобильным, вы можете использовать этот бесплатный инструмент.
Я надеюсь, что эти советы дали вам некоторые идеи о том, как вы можете обновить свой веб-сайт, чтобы сделать его более удобным для пользователей, не выкладывая доллары на полный редизайн. Чтобы увидеть больше примеров полезных веб-сайтов, ознакомьтесь с нашим бесплатным руководством ниже.
7 способов улучшить домашнюю страницу вашего веб-сайта
Анита Кэмпбелл
Опубликовано 27 февраля 2019 г.
Ваш веб-сайт — это ваше виртуальное место работы. Как и ваше обычное место работы, вы хотите, чтобы оно было опрятным, чистым, привлекательным, привлекательным и профессионально выглядящим.
Вот 7 недорогих способов улучшить домашнюю страницу, чтобы она соответствовала сегодняшним стандартам, и они могут быть проще, чем вы думаете.
1. Регулярно обновляйте содержимое
Буквально вчера я увидел сайт ресторана, на котором было выделено меню ко Дню Благодарения, а сейчас январь! У этого ресторана была отличная идея добавить специальное сезонное меню на первую страницу. Однако они не сработали хорошо и позволили этому оставаться слишком долго. Запланируйте ежемесячное напоминание, чтобы проверить свой веб-сайт и обновить содержимое на главной странице.
2. Убедитесь, что в нем есть призыв к действию
Спросите себя: какое главное действие вы хотите, чтобы посетители вашего веб-сайта совершили? Вот три примера распространенных призывов к действию:
Подпишитесь на свой список адресов электронной почты. Когда люди подписываются на ваш список адресов электронной почты, вы создаете постоянную связь, позволяющую вам продавать им товары. Большинство программ для электронного маркетинга (например, MailChimp – бесплатная для небольших списков или Constant Contact) предлагают простой способ вставить поле для подписки.
Совершайте покупки в своем магазине электронной коммерции. Если вы продаете товары через Интернет, либо вставьте изображения нескольких товаров на свою домашнюю страницу, чтобы побудить покупателей перейти по ссылке, либо добавьте заметную кнопку «Купить сейчас».
Заполните форму для потенциальных клиентов. Если вы продаете услуги вместо товаров, предложите посетителям заполнить так называемую форму для потенциальных клиентов. Он фиксирует контактную информацию, чтобы вы могли следить.
3. Разместите контактную информацию на видном месте
Объективно изучите свою домашнюю страницу. Вы заставляете посетителей искать или гадать, чтобы выяснить, как связаться с вами?
Многие малые предприятия добавляют контактную информацию в верхний или нижний колонтитул каждой страницы. Как минимум, укажите адрес электронной почты и номер телефона. Если вы получаете клиентов в вашем местоположении, добавьте свой адрес. Если вы предпочитаете использовать отдельную страницу «Контакты», добавьте большую заметную ссылку на свою страницу контактов.
4. Добавьте изображения и/или видео
Посмотрите на свою домашнюю страницу. Текст тяжелый? Изображения разбивают большие блоки текста и делают их более привлекательными для посетителей. Включите хотя бы одну фотографию, на которой изображен ваш бизнес, команда или продукция. Если в компании нет компетентного фотографа, инвестируйте в профессиональную фотографию. В большинстве регионов вы можете нанять профессионального фотографа по цене от нескольких сотен долларов.
Видео тоже отличные. Так что создайте обучающее видео или видео, демонстрирующее ваш продукт, или видео о том, как вы приветствуете посетителей. Загрузите его на YouTube или другую видеоплатформу. Затем вставьте код, чтобы разместить его на своем сайте.
5. Обновите свой дизайн в соответствии с текущими стандартами
Веб-сайт, разработанный в 2005 году, будет выглядеть устаревшим по сравнению с сайтом, созданным в 2015 году. Устаревший веб-дизайн также создает впечатление, что ваш бизнес не соответствует современным требованиям. Лучше всего обновить весь сайт. Но если времени и денег не хватает, по крайней мере, измените дизайн главной страницы, чтобы произвести хорошее первое впечатление. Обновите другие страницы позже, когда позволят время и деньги.
Обратитесь к своему веб-разработчику и попросите обновить домашнюю страницу. Или, если вы делаете все сами, приобретите недорогой шаблон. Вы можете купить профессионально разработанный шаблон менее чем за 100 долларов США в таких местах, как ThemeForest или TemplateMonster.
6. Повышение скорости страницы
Если ваша домашняя страница загружается медленно, посетители могут никогда не выйти за ее пределы. А очень медленные страницы могут даже негативно сказаться на ранжировании в поисковых системах. Пройдите тест скорости здесь. Самое приятное: вы получите предложения о том, как улучшить скорость.
7. Сделайте его мобильным
И последнее, но не менее важное: современные веб-сайты должны быть доступны для просмотра на мобильных устройствах. Это особенно актуально для местных предприятий, где клиенты могут искать ближайший бизнес с помощью смартфона из своей машины. Веб-сайт, не настроенный для мобильных устройств, может быть понижен в результатах поиска. Если вы обновляете свой сайт, убедитесь, что новый дизайн является «отзывчивым», что означает, что он достаточно отзывчив, чтобы адаптироваться к мобильным устройствам.