Архив рубрики "Usability"
комментарии: 180 28.11.2008 Оля Иванова @ Usability, Web 2.0, Дизайн, Интернет Маркетинг

Что влияет на первое впечатление о сайте?

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

Сегодня моя статья посвящена теме – что влияет на первое впечатление от сайта.

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

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

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

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

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

Шрифты (цвет, размер, тип) влияют на читабельность информации на сайте. Для человеческого зрения значительно проще читать черный текст на белом фоне, чем белый на черном. Плохо читается как мелкий, так и крупный текст.

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

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

Легкость навигации. Есть достаточно много сайтов с полезным контентом, однако с очень неудобной навигации, что и ухудшает впечатление о нем.

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

Естественно, качество контента. Чем он лучше, объемнее и полезнее, тем лучше впечатление.

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

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

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

ePochta Mailer умеет подстраиваться под ограничения скорости многих SMTP серверов.

комментарии: 72 25.11.2008 Оля Иванова @ Usability, Web 2.0, Дизайн

Как оптимизировать вебформы?

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

Представляю вашему вниманию подборку советов по улучшению вебформ:

  • Уберите капчи (captcha) с форм. Captcha, конечно, один из лучших способов защиты от спама, но иногда они блокируют нормальные сообщения особенно в случае, когда у пользователя возникают проблемы с разбором предлагаемой картинки. Причем в последнее время многие разработчики стали значительно усложнять изображение на captcha из-за того, что спам-боты научились их распознавать. В отдельных ситуациях у меня получается разобрать текст с пятой попытки. Таким образом captcha может просто заблокировать необходимую информацию, а немного спама – это еще не конец света… Но если все-таки используете captcha, удостоверьтесь, что она легко читаема.
  • Удалите ненужные поля. Например информация о дате рождения или гендерной принадлежности будет лишней при заполнение формы заказа товара.
  • Проще – значит лучше. Чем проще выглядит форма, тем она понятнее и удобнее для пользователей.
  • Уберите кнопку «Очистить». Кнопка «Очистить», размещенная вслед за кнопкой «Добавить» лишь приводит к случайным нажатиям и стиранию введенной информации. Просто ненужная опция.
  • Удалить кнопку «Отменить». В формах, которые содержат несколько последовательно заполняемых страниц (например, форма оплаты заказа), необходимо убрать кнопку «Отменить». Данная кнопка только помогает пользователям на этапе заполнения данных лишний раз задуматься о целесообразности заполнения и отказаться к примеру от покупки. Это аналогично вопросу «Вы действительно хотите купить это?».
  • Выделяйте обязательные поля. Чем проще человеку заполнить форму – тем лучше. Поэтому упростите пользователям жизнь и выделите обязательные для ввода данных поля. Это обычно делается с помощью * или выделением жирным заголовка поля.
  • Используйте подсказки. Частенько бывает, что пользователи не сразу понимают назначение того или иного поля, поэтому разместите специальные подсказки. Они могут быть как маленьким шрифтом, так и открываться в сплывающих окнах.
  • Показывайте примеры форматирования. Некоторые поля требует специального форматирования. Например: номера телефонов, цена, даты. Разместите рядом с полем ввода пример в каком виде должны быть данные.
  • Делайте формы интернациональными. Иногда встречаются сайты, на которых необходимо ввести свой адрес, но в выпадающем списке отсутствует необходимая страна или город или вообще есть возможность ввести адрес только для граждан США – сразу предлагается список штатов. Если ваш бизнес подразумевает, что клиентами могут быть люди с различных регионов мира, учитывайте это при создании форм.
  • Логическое переключение Tab. Ох как раздражает, когда при заполнении формы после нажатия Tab фокус прыгает не на следующее поле ввода, а куда-то в сторону. Такое случается, когда форматирование выполнено с помощью таблиц и в них нарушен порядок вложения.
  • Проверяйте введенные данные на стороне сервера. Как известно существует 2 способа проверки правильности введенных данных: с помощью javascript и на стороне сервера. Используйте второй способ, так как он более безопасный и у некоторых пользователей javascript бывает просто отключен настройками безопасности.
  • Делайте понятными сообщения об ошибках. Отображая сообщение об неправильности введенных данных пользователем, убедитесь, что сообщение будет предельно понятным пользователю и он сможет быстро исправить данные. К примеру лучше написать «Вы не ввели ваш email», чем «Вы не заполнили все обязательные поля».
  • Отображайте только то, что надо. К примеру, вы определили по ip, что пользователь из России, тогда можно скрыть поля для выбора страны и сразу предложить пользователю ввести город или в выпадающем списке поставить Россию, как выбранный элемент.
  • Логически сортируйте списки. К примеру, если у вас есть выпадающий список стран и вы знаете, что 90% посетителей из России и Украины, то данные страны можно поставить вначале списка. Но в любом случае как минимум должна быть алфавитная сортировка.
  • Ajax проверка данных рулит. Очень удобно когда в процессе заполнения формы сразу выводится сообщение о корректности или некорректности введенной информации. Это позволяет быстро исправить ошибки.
  • Функция «Запомнить меня». Для формы логина желательно размещать checkbox „Помнить меня” для автоматического входа в систему. Кто любит запоминать и постоянно вводить пароли?
  • Устанавливайте фокус. Если загружается страница, содержащая форму, фокус необходимо устанавливать на первое поле формы.
  • Избегайте особых требования к паролю. Получали когда-нибудь сообщение «Пароль должен содержат хотя бы одну цифру и букву и быть не менее 6 символов в длину»? Подобные требования приводят к тому, что пользователю приходится придумывать отдельный пароль для сайта, который он потом может забыть..
  • Правильно называйте кнопки действий. Иногда значительно лучше назвать кнопку «Зарегистрироваться», чем использовать стандартный вариант «Submit» или «ОК».

Что вы думаете по поводу советов? Можете что-то добавить?

Твиттер

    Комментарии