Как создавать невероятно удобные веб-сайты

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

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

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

Веб-сайты часто не созданы для посетителей

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

• Раздражающие всплывающие окна, которые не имеют отношения к вам как к посетителю
• Медленная загрузка, потому что загружаются модные видео или плагины
• Непонятный призыв к действиям и значкам
• Формы, которые не имеют смысла и замедляют желаемое действие
• Автоматически начинает воспроизводиться какое-то громкое видео

Почему мы все еще видим разочаровывающие веб-сайты в 2022 году

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

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

Это все равно, что сказать:

нам нужна витрина на самой оживленной улице Лондона для демонстрации нашей продукции — то, что происходит за стеклом, стоит на втором месте.

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

Что делает сайт удобным для пользователя?

Простота и удобство. Вот и все.

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

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

8 заповедей удобных веб-сайтов

Не используйте следующий список в качестве контрольного списка, чтобы проверить, разработали ли вы удобный веб-сайт после того, как дело сделано.

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

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

Избавьтесь от хлама и избавьтесь от отвлекающих факторов

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

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

Если вам срочно нужно добавить видео, убедитесь, что люди, которые снова потеряли свои AirPods, также могут подписаться на него, добавив субтитры. Это не ракетостроение; вы можете легко научиться добавлять текст в iMovie и давать своим посетителям субтитры, которых они заслуживают.

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

Тест… тест… эта штука включена?

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

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

Сделайте дизайн своего сайта инклюзивным

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

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

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

Создавайте контент, который имеет смысл для всех

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

Давайте вместе покончим с этим раз и навсегда.

Боретесь с созданием контента, который читается естественно? Большинство предпринимателей лучше говорят, чем пишут, и это нормально. Если у вас есть идея для блога, но вы не можете написать ни слова на бумаге, но можете рассказать об этом несколько минут, воспользуйтесь услугами транскрипции Happy Scribe. Таким образом, вы можете просто говорить в плавной манере, а затем редактировать текст, чтобы сделать сообщение в блоге, которое имеет смысл.

Знайте намерения вашей аудитории

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

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

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

Нарисуйте карту сокровищ — простая

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

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

Создайте свой веб-сайт, используя четкие и понятные дорожные карты. Как люди добираются из точки А в точку Б максимально быстро? Используйте эту структуру при разработке веб-сайта и определении того, какие страницы вам нужны и где разместить кнопки.

Пусть люди используют свою интуицию, а не воображение.

Закройте глаза и представьте новостной сайт. Модный интернет-магазин. Сайт отеля для бронирования. Авиакомпания.

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

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

Скучный? Может быть. Но ваш дизайнер может дать волю своему творчеству в рамках тех шаблонов, с которыми люди умеют работать. Это помогает людям легче ориентироваться на веб-сайтах и ​​позволяет им использовать свою интуицию вместо того, чтобы искать строку меню и строки поиска в нижних колонтитулах. Кроме того, это значительно упростит процесс проектирования.

Вложите немного дополнительных мыслей в свой призыв к действию

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

Подведение итогов: что вы больше никогда не захотите увидеть на веб-сайте?

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