Archive for дизайн

Юзабилити. Эффективная Форма Регистации.

Эксперт оптимизации юзабилити и конвертации - Тодд Фоллансби, считает, что во многих случаях, успех и неудачу сайтов определяет страница регистрации и тот, кто уйдёт с этой страницы, назад не вернётся.

Аналитики конвертации изучали форму регистрации многие годы, пытаясь найти закономерность. Приблизительно 13% закрывают страницу, так как необходимо ввести адрес, 12%, потому что регистрация занимает слишком много времени, 17%, из-за недоверия к сайту.

Резюмируя некоторые факты:

  • Форма должна быть простой
  • Чётко определите звёздочкой или красным цветом необходимые поля для ввода.
  • Нарисуйте простую чёрную рамку вокруг формы и закрасьте задний фон отличным цветом от самой страницы.
  • Не используйте слишком резкие цвета, никто не станет заполнять форму которая вредит глаза.
  • Кратко опишите правила заполнения формы и разместите ссылку о нераспростанении информации(”Privacy policy”)
  • Жирным шрифтом на видном месте в вдух-трёх предложениях опишите преимущесто/выгоду регистрации.
  • Форма должна соответсвовать дизайну вашего сайта.
  • Используйте как можно меньше полей для регистрации.
  • Обеспечьте простую и чёткую ссылку для отказа от подписки.
  • Если не учитывать редкие случаи, то регистрация, которая занимает более двух минут потеряет большое число подписок.
  • Если не все поля были заполнены или были заполнены неправильно, выведите дружелюбное и информативное сообщение об ошибке.
  • Проверьте процедуру на пяти пользователях. Попросите посмотреть сайт, найти форму и заполнить её.
  • Добавьте простую ссылку “послать друзьям”, возможно, страница регистации, последняя возможность это сделать.

исходник

З.Ы. Мне очень нравится форма регистрации у fotki.com:

  • форма выделена от  страницы(задний фон, рамочка)
  • сверху написаны все преимущества регистрации
  • Поля ввода проверяются “на лету” с использованием AJAX
  • Шрифт жирный и понятный, совсем не напрягает глаза(понравится бабушкам и дедушкам, гыгыгы)
  • Автоматическая подстановка страны, определяют по IP адресу(мелочь, а приятно)
  • Капча разборчивая

Comments Рекомендуйте на news2.ru

Проверка дизайна сайта в различных браузерах


http://browsershots.org/ - незаменимый иструмент при разработке дизайна сайта, поддерживает 22 различных браузера. Один недостаток - очень большая очередь сайтов, поэтому придётся подождать пару часиков.

Comments Голосовать

Logo и RSS в стиле вебдваноль

Вчера я писал о статье, в которой описывалось создание RSS кнопки, и вот, сегодня я перешел к практике и по истечении 20 минут на свет родилась вот такая симпотичная кнопочка:

Этот “мастер пис” вдохновил меня на создание лого, найдя первый попавшийся туториал, я приступил к работе, но, наверное, креатив мой иссяк и результатом 30 минутных мучений в фотошобе, явилось сие творение:

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

Comments Голосовать

Кнопки в стиле вебдваноль

Только вчера потратил 2 часа времени на поиск того, кто бы мне мог сделать кнопочки в стиле “вебдваноль”, но так и не смог найти, и вот сегодня случаяно нашел пост в котором написано, как сделать подобные кнопки за 15 минут.

Осталось только Photoshop CS2 где-то раздобыть.

Comments Голосовать

 WMas - интернет каталог блогов Каталог блогов Blogdir.ru Рейтинг блогов BLOGUS.RU
eer