1. Новые покупки

    17.10.2017: Автоматический Комплекс по Работе с Трафиком - Андрей Золотарев (2017)

    16.10.2017: Уникальный белый заработок на услуге до 90 т.р. в месяц (2017)

    16.10.2017: Базовый марафон для омоложения лица и выпрямления осанки

    16.10.2017: Инстакурс 5: Бизнес для всех

    16.10.2017: Дрессировка людей для начинающих - Лукин (2017)

    16.10.2017: ИП для Интернет Предпринимателя - Авторская (2017)

    16.10.2017: Секреты современного программирования - eXeL@B (2017)

    15.10.2017: Инвестирование от 500 рублей

    14.10.2017: Секреты хакеров! Полный курс по кибербезопасности - Udemy (2017)

    11.10.2017: Вебмани-бизнес, или большие деньги с помощью платежной системы Webmoney

    10.10.2017: Базовый курс по белой монетизации сайтов - F-SEO (2017)

    10.10.2017: От 500$ в месяц без вложений на YouTube + AliExpress (2017)

    09.10.2017: Фотошоп за 7 дней. Дизайн и реклама в малом бизнесе - Степаненко (2015)

    09.10.2017: Контрактные автозапчасти - Гордеев

    08.10.2017: Grava Glass FULL - 10 производственных ноу-хау технологий для малого бизнеса

    06.10.2017: Сервис по лендингу

    04.10.2017: Торговля в стиле Killerwhale. Полный курс v10.17 - Кузьмин

    03.10.2017: Заработок на прокси по модели Фархада Гусейнова - Авторская (2017)

    02.10.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 7 из 7

    02.10.2017: Партнерки CPA. Минимум 750 рублей в день за 10 минут

    30.09.2017: Практика создания пассивного дохода из 7-ми разных финансовых инструментов

    30.09.2017: Дебиторка Cold - Вадим Куклин (2017)

    28.09.2017: Как за 8 недель запустить Бизнес на Амазоне с помощью AliExpress - ALI Academy

    28.09.2017: Заработок на Партнёрских Программах до 1000 в день - Максеев (2017)

    27.09.2017: Методика слива трафика. Арбитраж (Бурж и Ру)

    22.09.2017: Торги по банкротству по методу Шерлока Холмса 2016, 2017

    21.09.2017: [CreativeLive] Understanding Light [ENG-RUS]

    17.09.2017: [MographPlus] The Ultimate Introduction to V-Ray for 3ds Max [ENG-RUS]

    16.09.2017: Причинно-следственный анализ. Часть 2. Проверка гипотез и предположений

    16.09.2017: Причинно-следственный анализ в маркетинге. Часть 1. Основы

    16.09.2017: Инвестиции в криптовалюты. Быстрый старт.

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 6 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 5 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 4 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 3 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 2 из 7

    16.09.2017: Взламываем сайты / тестирование на проникновение с нуля - часть 1 из 7

    13.09.2017: [Специалист] Разработчик С++ (Комплексная программа Qt)

    09.09.2017: Обучающий и интенсивный онлайн курс от ведущей иммиграционной компании Канады

    08.09.2017: Как начать майнить и получать доход (от 1500 до 5000 рублей в месяц) со своей видеокарты

    27.08.2017: Невероятно эффективная работа с VKPRO закрытый онлайн тренинг от Алексея Евстропова

    21.08.2017: Раскрутка сети каналов Telegram на автопилоте + Бонус (Zennoposter)

    21.08.2017: Накрутка лайков и подписчиков Instagram / VK на автомате [zennoposter][повтор]

    21.08.2017: Скрипт для создания "плиточного" лендинга Instagram

    21.08.2017: [Бизнес под ключ]+ [Лотерея] Производство и продажа пасты для шугаринга v.2.0

    18.08.2017: Основы дизайна интерьеров - Highlights (2017)

    17.08.2017: Абсолютно белая тема постоянного заработка от 40к в месяц

    17.08.2017: [Digital Tutors] Sculpting Male and Female Faces in ZBrush [ENG-RUS]

    17.08.2017: Музыка для видео и слайд-шоу + переводы уроков по видео

    17.08.2017: [Lynda]Основы композитинга в After Effects: Ротоскопирование и обработка краев

    17.08.2017: Perfex CRM - мощнейшая crm и erp система на Codecanyon (1.6.2)

    16.08.2017: Отборная Информатика - Computer Science Distilled

    15.08.2017: Видео курс PRO 2.0. Партизанский маркетинг. 2017.

    05.08.2017: Трёхдневный воркшоп по настройке авторассылок ВК - Ходченков (2017)

    01.08.2017: Бизнес форсаж. Н. Закхайм (2015)

    29.07.2017: Самый Легкий И В Тоже Время Самый Сложный Бот Для Понимания Соцсетью Вконтакте Vkontakte Superbot

    25.07.2017: Как уличить жену в измене - Женские секреты

    24.07.2017: Быстрые деньги на Дропшиппинге - Валеев

    14.07.2017: От 130 000 Зарабатывай сидя! (белая схема)

    12.07.2017: [Muse] Доступ на год к сайту шаблонов Qooqee.com

    12.07.2017: Дизайн вконтакте

    08.07.2017: Запасные части. Энциклопедия бизнеса Волгин В.В

    07.07.2017: Подписка на субботние выпуски газеты Коммерсант (с объявлениями о банкротстве) на 1 год

    24.06.2017: [Бизнес Молодость] Выбор ниши 2017

    24.06.2017: Вебинар по инфосайтам

    21.06.2017: Базовый курс по стёбу [Второй Поток] - klinsman96 (2017)

    07.06.2017: Финансовая грамотность - Станислав и Глеб Хрянины (2017)

    28.05.2017: Белая схема. заработок полностью на автомате!

    03.05.2017: Пассивная схема заработка

    09.04.2017: Эффективное бизнес-планирование

    08.04.2017: Виртуальная ШКОЛА СКАЗКОТЕРАПИИ

    14.03.2017: Поток клиентов из Инстаграм: Интенсив - Александра Гуреева (2016)

    06.03.2017: Как полностью раскрыть потенциал растений - Курдюмов

    03.03.2017: Закрытый профкурс кратчайший путь к профессионализму в трейдинге

    25.02.2017: Travelling with Hugh. Курс о путешествиях. Уроки с нейтивом

    21.02.2017: Конструктор адаптивных email сообщений

  2. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

Чтиво ТОП-10 рекомендаций по улучшению юзабилити веб-форм

Тема в разделе "Поисковая оптимизация и продвижение", создана пользователем Gustav, 4 июл 2016.

  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    5.825
    Симпатии:
    16.981
    ТОП-10 рекомендаций по улучшению юзабилити веб-форм

    vbrTgTOl-8A.jpg

    Конкретная реализация той или иной веб-формы зависит от ряда факторов — количества полей, контекста и собираемых данных. Тем не менее, это не является оправданием для игнорирования основных принципов юзабилити. В качестве отправной точки используйте следующие рекомендации:
    1. Придерживайтесь короткой длины веб-форм. Как однажды сказал известный математик Блез Паскаль (Blaise Pascal): «Это письмо получилось таким длинным потому, что у меня не было времени написать его короче». Каждый раз, когда вы убираете очередное поле или вопрос из вашей формы, вы увеличиваете его коэффициент конверсии. Удалите поля для сбора той информации, которая может быть получена каким-либо другим способом, собрана позже или просто опущена.

    2. Метки (labels) должны быть расположены в непосредственной близости от описываемых ими полей. Избегайте двусмысленности, когда метки находятся на одинаковом расстоянии от нескольких полей, и обязательно используйте атрибут label для скрин-ридеров.

    3. Если ваша форма затрагивает две разные темы, разделите ее на две отдельные группы полей (и пометьте их для скрин-ридеров).
    Располагайте поля формы в одну колонку. Наличие нескольких колонок прерывает привычное направление взгляда человека на сайте сверху вниз. (Исключения из этого правила: короткие и/или логически связанные поля, такие как Город, Область и Индекс — могут быть расположены на одной строке).

    4. Соблюдайте логическую последовательность. Этот принцип относится как к полям веб-формы (например, номер кредитной карты, срок действия, код безопасности), так и к переменным значениям (например, стандартная доставка, доставка в течение 2-х дней, доставка сегодня). В последнем случае стоит также принимать во внимание частоту использования значений, и по возможности первыми в перечень включать наиболее популярные из них. Не забудьте протестировать навигацию с помощью клавиши Tab, чтобы убедиться в правильной последовательности полей.

    5. Избегайте замещающего текста. Дизайнеры любят плейсхолдеры (placeholder text), или текст-подсказку для элементов ввода, так как они способствуют устранению визуального беспорядка. Однако он также становится причиной многих проблем с юзабилити, и потому его лучше избегать.

    6. Сочетайте поля по типу и размеру вводимых данных. Избегайте раскрывающихся меню, когда имеется лишь 2 или 3 варианта, которые могут быть отображены в виде радиокнопок (radio buttons). Текстовые поля должны быть такой длины, чтобы пользователи могли видеть введенную информацию целиком.

    7. Разграничивайте обязательные и необязательные поля. Устраните как можно больше последних (см. первую рекомендацию выше), ограничив их количество до 1-2. При использовании обязательных полей не забудьте пометить их звездочкой (*).

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

    9. Избегайте кнопок «Сброс» (Reset) и «Очистить» (Clear). Риск случайного удаления пользователем введенной им информации весьма велик. В формах, собирающих конфиденциальные данные, такие как финансовая информация, предусмотрите кнопку «Отмена» (Cancel) для тех случаев, когда передумавший заполнять форму пользователь захочет удалить введенные им сведения. Убедитесь, что кнопка «Отмена» визуально отличается от кнопки «Отправить» (Submit), дабы избежать ошибочных нажатий.

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