На этом уроке мы познакомимся с функцией mail () , на примере создания формы обратной связи на PHP с последующей отправкой полученных данных на почту.
Для этого создадим два файла - forma.php и mail.php . В первом файлике будет находиться только форма с полями для ввода пользователем данных. Внутри тега form - кнопка "Отправить" и атрибут action , который ссылается на обработчик - mail.php , именно к нему обращаются данные из формы при нажатии кнопки "Отправить" . В нашем примере данные формы отправляются на веб-страницу с названием «/mail.php» . На этой странице прописан скрипт на PHP , который обрабатывает данные формы:
Так форма визуально выглядет в браузере.
Далее пишем код для файла mail.php . Придумываем сами имена для переменных. В PHP переменная начинается со знака $ , а затем имя переменной. Текстовое значение переменной заключается в кавычки. С помощью переменных на емайл администратора передается содержимое формы, просто подставив в квадратные скобки имя элемента формы - значение name .
$to = "[email protected]"; // емайл получателя данных из формы
$tema = "Форма обратной связи на PHP"; // тема полученного емайла
$message = "Ваше имя: ".$_POST["name"]."
";//присвоить переменной значение, полученное из формы name=name
$message .= "E-mail: ".$_POST["email"]."
"; //полученное из формы name=email
$message .= "Номер телефона: ".$_POST["phone"]."
"; //полученное из формы name=phone
$message .= "Сообщение: ".$_POST["message"]."
"; //полученное из формы name=message
$headers = "MIME-Version: 1.0" . "\r\n"; // заголовок соответствует формату плюс символ перевода строки
$headers .= "Content-type: text/html; charset=utf-8" . "\r\n"; // указывает на тип посылаемого контента
mail($to, $tema, $message, $headers); //отправляет получателю на емайл значения переменных
?>
Таким образом данные из массива $_POST будут переданы соответствующим переменным и отправлены на почту при помощи функции mail . Давайте заполним нашу форму и нажмем кнопку отправить. Не забудьте указать ваш е-майл. Письмо пришло моментально.
Одной из распространенных задач для веб-мастера, является создание почтовых форм или форм обратной связи для оправки писем (сообщений) с сайта. В Joomla это можно реализовать несколькими способами, в том числе и стандартно, с помощью компонента «Контакты». Но в этой статье я расскажу о том, как можно создать формы для отправки сообщений, формы обратной связи и о том, как их вставить в любое место сайта с помощью стороннего компонента. Этот компонент называется aiContactSafe. Он абсолютно бесплатен, но вы можете помочь развитию такого полезного проекта, пожертвовав небольшую сумму. Скачать его можно через JED или с сайта разработчика , предварительно зарегистрировавшись. Или можно скачать с сайта . На момент написания статьи актуальной была стабильная версия aiContactSafe 2.0.21с, совместимая как с Joomla 1.5, так и с Joomla 2.5.
В состав компонента форм обратной связи aiContactSafe входят:
- Модуль Mod_aiContactSafe, который выводит форму обратной связи в любой позиции шаблона сайта.
- Плагин Plg_aiContactSafeForm, который нужен для размещения формы обратной связи прямо в статье.
- Плагин Plg_aiContactSafeLink, нужный для размещения ссылки на форму обратной связи в статье.
Компонент aiContactSafe обладает следующими возможностями:
- Имеет свой встроенный защитный код (CAPTCHA). Встроенная CAPTCHA может задавать кодовые слова для различных языков, выводить вместо слов случайный набор символов заданной длины. Защитный код легко интегрируется в дизайн сайта благодаря настройкам цвета символов и цвета фона.
- Поддержка профилей. С помощью профилей, на сайте можно создать различные виды форм, с различным набором пользовательских полей. Например, в одном профиле можно настроить форму обратной связи для отправки резюме, а в другом профиле форму заявки на подбор персонала, а в третьем профиле настроить форму для отправки сообщения администратору сайта и т. д.
- Неограниченное количество пользовательских полей различного типа: текстовое поле, флажок, переключатель, список, выпадающий список, разделитель, вложение файла, контакт Joomla, адрес электронной почты, скрытое поле, многострочное текстовое поле.
- Добавление префиксов (заголовков) и суффиксов полей.
- Перенаправление на указанную страницу в случае успешной отправки сообщения (письма).
- Добавление любого количества вложений, работающих как с AJAX, так и без него.
- Поддержка SEF. Можно использовать как родной SEF Joomla, так и ARTIO JoomSEF или sh404SEF.
- Поддержка многоязычности.
- Языковые файлы для более чем двадцати языков.
- Указание дополнительной (контактной) информации с помощью редактора WYSIWYG.
- Подробные инструкции по настройке и администрированию (на английском).
- Блокировка пользователя по IP адресу.
- Блокировка сообщений по определенным словам (стоп-словам).
- Автоматическая блокировка IP адресов, которая срабатывает через заданное время, если посетитель сайта с определенного IP адреса отправляет сообщения содержащие стоп-слова.
Итак, скачиваем компонент и производим стандартную установку, используя «Менеджер расширений». После успешной установки переходим в меню «Компоненты» и выбираем пункт «Форма обратной связи». По умолчанию компонент будет открыт на вкладке «Сообщения». Сообщений у нас пока нет, поэтому займёмся настройкой. Перейдем на вкладку «Статусы сообщения» и переименуем их. У компонента есть небольшие проблемы с локализацией, поэтому для удобства приходится их исправлять вручную.
Кликаем по названию статуса и переименовываем: New в Новое, Read в Прочитанное, Replied в Отправленное, Archived в Архивное.
Переходим на вкладку «Панель управления». Здесь находятся общие настройки компонента. Большую часть настроек можно оставить со значениями по умолчанию. Стоит обратить внимание на блок антиспам-настроек.
Сейчас мы не будем настраивать этот блок – каждый настраивает его сам, согласно своим потребностям. Рассмотрим в вкратце эти настройки.
Активировать контроль SPAM"а.
Включает/выключает контроль спама по стоп-словам. Если в сообщении будут найдены стоп-слова, то оно не будет отправлено. Работает в паре со следующей опцией.
Блокировать письма содержащие.
В это поле вписываются стоп-слова, через «;».
Записывать заблокированные сообщения.
Включает запись сообщения, помеченного как СПАМ в БД. Оставляем включенным – для контроля.
Активировать запрет по IP адресу.
Если активировать эту опцию, то посетители с отмеченных, ниже IP адресов не смогут получить доступ к форме обратной связи (контактной форме).
IP адреса для блокирования.
Это поле содержит список блокируемых ip адресов. Посетители, пришедшие на сайт с одного из указанных адресов, не смогут получить доступ к контактной форме. Для блокировки больших сегментов сети можно использовать символы подстановки, например «*». Если записать так: 123.*.*.*, то будут запрещены все IP адреса, начинающиеся с 123.
Перенаправлять заблокированные IP адреса на.
В это поле можно ввести адрес страницы, на которую будет перенаправлен посетитель сайта, если он пришёл с заблокированного IP адреса. Если ничего не указать, то перенаправление будет выполнено на главную страницу сайта.
Запрещать IP-адреса, которые отправляют сообщения с заблокированными словами.
Включает/выключает автоматическую блокировку IP адресов посетители, с которых отправляют сообщения со стоп-словами. Блокировка будет срабатывать, если будут выполнены условия двух, нижеследующих опций.
Максимальное количество заблокированных сообщений перед запретом IP.
Предельное количество сообщений со стоп-словами, после которого IP адрес будет заблокирован.
Минуты для подсчёта заблокированных сообщений.
Период времени, в который осуществляется подсчёт сообщений со стоп-словами.
Отправлять email с сообщением о запрете IP.
Адрес электронной почты, на который отправляется сообщение о срабатывании автоматической блокировки IP адреса.
Кроме блока антиспам-настроек следует обратить внимание на настройки, которые находятся в нижней части окна.
Следующие четыре опции относятся к настройке вложений, отправляемых с письмом.
Максимальный размер вложения (в байтах).
Если в форме обратной связи будет поле для вложения файла, то полезно ограничить его максимальный размер. По умолчанию 5 Мб.
Разрешённые типы вложений.
В этом поле через запятую можно указать разрешенные типы вложений.
Присоединить к сообщению.
Определяет отправку вложения. Можно присоединить вложение к сообщению, а можно с сообщением отправить ссылку на файл, который при отправке будет сохранён на сервере.
Удалить файлы после отправки сообщения.
Если вложение отправляется прикреплённым к сообщению, то файл вложения можно удалять с сервера. Например, для экономии дискового пространства.
Проверить языковые файлы.
Нажатие этой кнопки запускает процедуру проверки языковых файлов для соответствующего языка.
Следующие три опции доступны, если установлены соответствующие им компоненты: ARTIO JoomSEF, Joom!Fish и FaLang. Если на сайте установлены данные компоненты, то имеет смысл включить их интеграцию с aiContactSafe.
За этими настройками следуют три кнопки включения вышеописанных составляющих компонента. По умолчанию они выключены. Кнопки сопровождает устрашающее предупреждение. Нам с вами нужно знать, как это работает, поэтому включаем все три.
Далее следует настройка прав доступа к компоненту. Здесь можно установить группу пользователей сайта, которая может читать сообщения с лицевой части сайта. По умолчанию «Супер-пользователи». Так и оставим.
Название кнопки «Удалить таблицы из базы данных»
говорит само за себя. Она может понадобиться в исключительных случаях, когда нужно полностью удалить или полностью переустановить компонент. Нажатие на эту кнопку удалит в базе данных сайта все таблицы, созданные компонентом aiContactSafe. Без резервной копии их восстановить не удастся!
Следующую часть настроек рассмотрим на простом практическом примере. Допустим, что на сайте кадрового агентства нужно разместить две формы обратной связи: первая – общая, для контактов по общим вопросам, а вторая – для отправки резюме. Для первой формы будет создана страница и пункт меню «Контакты», а вторая форма будет размещаться на страницах с вакансиями. В первой форме обратной связи нам нужна следующая информация: имя отправителя, адрес электронной почты, тема сообщения, текст сообщения и возможность отправки копии сообщения отправителю. Во второй контактной форме нам понадобятся следующие поля: имя отправителя, адрес электронной почты, название вакансии и возможность прикрепления файла с резюме.
В компоненте aiContactSafe переходим на вкладку «Поля».
Как видим, в компоненте уже есть несколько полей. Нам нужно немного отредактировать существующие и добавить необходимые поля. Кликом мыши по названию первого поля, откроем его для редактирования и рассмотрим настройку поля подробно.
Название . Это внутренняя переменная компонента. Всегда пишется латинскими буквами без пробелов. Оставляем как есть.
Field label (метка поля) . Это заголовок в поля в форме обратной связи. Меняем на Отправитель.
Label parameters (параметры метки) . Здесь можно задать дополнительные стили, как если бы мы задали стили в тегах < style >. Только кавычки должны быть одинарными. Например, мы хотим, чтобы при наведении указателя мыши всплывала подсказка. Тогда в этом поле можно написать: title="Ваше имя, например Сергеев Николай Николаевич".
Field label in message ( метка поля в письме ) . Это заголовок в письме получателя. Мы ведь получим письмо! Меняем на Отправитель.
Label in message parameters (параметры метки поля в письме) . То же, что и Label parameters, только для письма.
Метка после поля . Если надо, чтобы заголовок был не перед полем ввода, а после.
Field type (тип поля) . Тип поля. Важный параметр. Можно выбрать один из семнадцати типов. Нам нужна текстовая строка, поэтому ничего не трогаем.
Отправить сообщение . Для текстовых полей этот параметр недоступен. Он актуален для типов полей, содержащих адрес электронной почты.
Field values (значения поля) . Так же недоступен для текстовых полей. Нужен для полей списков, выпадающих списков, групп флажков и переключателей.
Лимит поля . Параметр, ограничивающий количество символов в текстовом поле. Больше символов, чем указано в этом параметре ввести нельзя. Ограничим это поле 60 (шестьюдесятью) символами.
Field parameters (параметры поля) . Такая же настройка, что и для метки поля. Но относящееся уже к самому полю ввода. По умолчанию уже содержит значение. Добавим к нему свои пять копеек, чтобы получилось class="textbox" title="Ваше имя, например Сергеев Николай Николаевич". Пусть тоже будет всплывающая подсказка.
Автозаполнение . В нашем случае Нет.
Значение по умолчанию . Можно сразу задать значение поля по умолчанию, но нам это не надо.
Префикс поля . Информация, которая будет добавлена прямо перед полем ввода.
Суффикс поля . Информация, которая будет добавлена прямо после поля ввода.
Field required (необходимое поле) . Поле, обязательное для заполнения.
Включать в тело письма . Отображать ли значение поля в письме получателя.
Сохраняем настройки. Теперь вы можете самостоятельно поправить текстовые поля « Phone » и « Subject ». Присвойте метки Телефон и Тема соответственно.
Поле « Email », практически ничем не отличается от текстового поля. Различие состоит в том, что для этого типа полей предусмотрена проверка на ввод корректного адреса электронной почты. Поправим только метки поля – пусть будут Эл. почта.
Для поля « Message » зададим значение для меток Сообщение. Можем установить лимит в 1000 символов (на своё усмотрение). Тип этого поля – «Расширенное текстовое поле», а значит и настройки идентичны.
В настройках поля « Send a copy of this message to yourself » так же поменяем метки на Отправить копию сообщения себе. Это поле представляет собой флажок (галочку). Если опция установлена, отправитель получит копию своего сообщения на адрес электронной почты, который он указал выше.
Всё, существующие поля поправили! Теперь создадим два нужных нам поля: текстовое поле «Вакансия» и поле для прикрепления файла резюме к сообщению. Для этого всё в той же вкладке «Поле» кликаем на кнопке «Добавить». В открывшемся окне задаём значение поля Название: aics_vacancy. По умолчанию тип создаваемого поля «Текстовая строка» - это то, что нам нужно для создания поля «Вакансия». С текстовыми полями вы уже умеете работать, так что настроите сами. На всякий случай ниже привожу скрин своих настроек.
Теперь создадим поле для прикрепления файла к сообщению. Нет ничего проще! Нажимаем кнопку «Добавить», название поля - aics_file, метка поля - Прикрепить файл с резюме до 5 Мб(zip,rar,doc), метка поля в письме - Прикрепить файл, тип поля – Файл.
Теперь, когда есть все необходимые поля можно настроить профили. В компоненте aiContactSafe переходим на вкладку «Профайлы». Профайлы или профили – это наборы настроек для определённой формы обратной связи. Мы видим, что здесь о нас тоже позаботились и сделали два профиля. Кликаем на названии первого профиля (его ID - 1) и открываем его для редактирования. Настроек довольно много, но все они интуитивно понятны. Делаем следующее:
- Меняем название профиля, чтобы было понятнее
- Включаем опцию «Использовать AJAX для отправки формы»
- Если нужно, то настраиваем отображение CAPTCHA
Здесь стоит обратить внимание вот на что. Если мы меняем максимальную длину слова для CAPTCHA, то нужно не забывать о «Ширине CAPTCHA». Чтобы не получилось так, что при заданной ширине отображаются не все символы. Другими словами, чтобы они поместились.
- Если хотим, чтобы сообщения приходили на адрес электронной почты отличный от указанного в общих настройках сайта , то заполняем поле Электронный адрес . Следует помнить, что в это поле вводится адрес электронной почты, который будет работать с вышеуказанными настройками. Т. е. если в это поле ввести адрес ящика из другого домена, например из yandex.ru, то нужно будет соответствующим образом редактировать параметры отправки почты в общих настройках сайта.
- Заполняем префикс темы письма.
- Если нужно, меняем формат письма с HTML на «Простой текст».
- Изменяем значение поля Обозначить необходимые поля символом (ами) .
- Изменяем Уведомление об обязательных полях.
- Пишем своё Сообщение благодарности.
- Сортируем и отмечаем нужные для этого профиля поля.
Кликаем на кнопке «Применить» и поднимаемся в верхнюю часть окна. Здесь нас интересуют кнопки: Edit Contact, Edit CSS, и Edit Email. Этими кнопками можно воспользоваться не только в этом окне. Они присутствуют в панели управления вкладки «Профайлы». Требуется только выделить нужный профиль и нажать соответствующую кнопку.
Итак, нажимаем кнопку Edit Contact. В открывшемся окне мы можем отредактировать контактную информацию формы обратной связи или вообще убрать её. Информация корректируется редактором по умолчанию, установленным для текущего пользователя. Заполняем так, как нам нужно.
Сохраняем изменения. Теперь если нужно, то изменяем оформление (стили). Для этого выделяем профиль «Common» и нажимаем кнопку «Edit CSS». Подробно настройки CSS описывать не буду - во-первых, у каждого они свои, а во-вторых, это выходит за рамки статьи. Коснусь лишь вскользь. Каждый файл CSS для профиля уже содержит примеры того, как можно изменить стиль элемента формы обратной связи. Для существующих полей записи уже сделаны. Для новых элементов, если требуется, нужно скопировать строку для соответствующего типа, изменить идентификатор «field_name» на имя нового поля и добавить свойства.
После настроек CSS можно настроить вид приходящего письма. Для этого надо выделить профиль и нажать кнопку Edit Email. Редактирование вида приходящего сообщения – это задача не для новичков. На первых порах, оставляйте как есть - главное, что в нём содержится требуемая информация.
Один профиль настроили. Теперь мы можем поместить контактную информацию и форму обратной связи на сайте. Для этого в нужном меню добавляем пункт «Контакты», а тип пункта меню назначаем «Contact Form».
Заголовок меню задаём, например Контакты. В обязательных параметрах уже выбран профиль «Common» т. к. он является профилем по умолчанию.
Сохраняем изменения и переходим на фронтальную часть сайта. Кликаем по пункту меню «Контакты» и видим, что у нас получилось.
Заполняем поля и отправляем сообщение. Если всё настроено правильно, то электронное письмо появится во вкладке «Сообщения».
Теперь настроим второй профиль (Module form) и рассмотрим работу модуля и плагинов aiContactSafe. А именно, как вставить модуль с формой обратной связи, как вставить форму обратной связи в статью и как сделать ссылку на такую форму.
Основные настройки второго профиля:
- Название профайла: resume
- Поле для использования в качестве темы: aics_vacancy Вакансия
- Поле для использования в качестве послать отправителю: нет
- Выбираем нужные нам поля и сортируем их
Если требуется, меняем «Префикс темы электронного письма» и переводим уведомления. Остальные настройки редактируем по своему усмотрению. Сохраняем. Удаляем всю контактную информацию для этого профиля.
Как вывести формы обратной связи модулем
В настройках панели управления aiContactSafe мы включили модуль Mod_aiContactSafe. Теперь с помощью этого модуля вставим форму для отправки резюме в произвольную позицию шаблона. Для этого переходим в «Менеджер модулей», находим там модуль «aiContactSafe module», открываем его и соответствующим образом редактируем.
Главное, на что нужно обратить внимание при редактировании модуля – это правильно выбранный профиль. В поле «Profile"s CSS» можно выбрать использовать ли CSS компонента или шаблона сайта. А в поле «Fields values» для полей формы обратной связи можно ввести предустановленные значения, например "aics_vacancy=бухгалтер".
Довольно трудно систематически получать полезную обратную связь по дизайнерским работам. Эта статья предлагает методы, позволяющие максимально эффективно решать вопросы, чтобы вы могли совершенствоваться как дизайнер.
«О, это отлично!»
«Мне это нравится. Это выглядит мило. Хорошие цвета, чувак… Мне нужно вернуться к работе»
Спорим, вы слышали такие отзывы раньше. Не очень полезно, правда? То, что вы на самом деле хотели бы, это точную и эффективную обратную связь, чтобы вы могли улучшить свою дизайнерскую работу, а не расплывчатые комментарии.
Если вы когда-либо обращались к другу или коллеге за отзывом о дизайне, это, скорее всего, ответы, которые вы получили, возможно, в сочетании с застенчивой улыбкой и неловкостью, так как они старались не причинять вреда вашим чувствам.
Нет. Как мы видим, обратная связь очень важна. И есть правильный способ попросить обратную связь, чтобы вы получали хорошие соображения от всех - каждый раз, когда вы спрашиваете. Мы собираемся изучить их в этой статье.
Почему обратная связь настолько важна?
Когда все сделано правильно, получение обратной связи является самой ценной частью любого дизайнерского процесса. Неважно, насколько опытен дизайнер. Без отзывов от других людей вы не можете быть уверены, что ваша работа будет оценена и понята кем угодно, кроме вас. В мире насчитывается около трех миллиардов человек с подключением к Интернету, каждый из которых имеет совершенно другой набор опыта, предубеждений и предпочтений. Попытка создать что-либо в изоляции, наверное, безумие.
Другие люди также предоставляют информацию, которая никогда бы не пришла вам в голову, благодаря их уникальному набору опыта и навыков. Извлеките пользу из этого разнообразия и используйте его в своих интересах.
В частности, для дизайна веб-сайта вторая пара глаз помогает гарантировать, что:
1) дизайн визуально приятен для разных вкусов
2) намерения дизайнера ясны
Как просить об обратной связи?
Часто, когда мы получаем обобщенную обратную связь, мы обвиняем человека, которого спросили. Но ошибка заключается в нас самих, а не в них. Однако эта ошибка естественна: связь сложных вопросов и ответов - это не умение, с которым мы рождаемся.
Именно поэтому нам нужны социальные хаки. Нам нужны трюки, чтобы освоить процесс коммуникации.
Важнейшим аспектом получения содержательной и действенной обратной связи является создание среды, в которой человек, которого вы просите об обратной связи, чувствовал себя максимально удобно. Стресс и беспокойство разрушают нашу способность мыслить ясно и критически, а страх оскорбить других мешает нам говорить то, что мы действительно думаем.
Чтобы создать атмосферу комфорта, ниже мы расскажем, что необходимо сделать:
- Известите об этом людей преждевременно и дайте достаточно времени для просмотра вашей работы. Никогда не удивляйте кого-то своей просьбой или не ставьте перед фактом. Если вы это сделаете, обратная связь, которую вы получите, будет поспешной и поверхностной.
- Скажите человеку, чего именно вы ждете от него. Если люди знают, какую обратную связь вы хотите, тогда они могут ответить соответственно. Свободное направление не всегда отличная идея: люди нуждаются в ограниченном фокусе, чтобы сделать все, как надо.
- Ограничьте их варианты. Намного легче принять решение между двумя вариантами, чем с неопределенным диапазоном.
- Будьте осведомлены о том, как они подают обратную связь и что они не говорят. Вы можете раскрыть мысли, которые они могут не знать, как выразить.
Давайте чуть подробнее расскажем о каждом из пунктов.
Сообщите тип обратной связи
Когда кто-то просит просмотреть, отредактировать или критиковать что-либо, у меня всегда есть много вопросов, Какова цель, по которой вы просите отзыв? Вы хотите, чтобы я похвалила? Или вы хотите, чтобы я дала подробную, неконфликтную, но конструктивную критику даже о самых тонких деталях?
Если кто-то попросит меня пересмотреть свое сочинение для школы, мне нужно знать, хочет ли он, чтобы я просто искала орфографические ошибки или дала критическую оценку работы. То же самое касается дизайна. Дизайны могут быть подвергнуты критике по десятку факторов, и у большинства людей нет опыта, чтобы отличить один фактор от следующего.
Если вы не проинструктируете людей о том, что именно вы ждете от обратной связи, они будут находиться на безопасной стороне, и это не будет особенно полезно. Трюк заключается в том, чтобы попросить разных людей критиковать различные части вашего дизайна, а затем объединить все их ответы.
Дайте людям время
Представьте, что вы на встрече. Вас окружают другие дизайнеры, менеджеры и другие заинтересованные стороны. Как и большинство людей на собрании, ваши мысли блуждают где-то в другом пространстве. Но вдруг менеджер указывает на вас и просит рассказать о вашем последнем проекте.
Вы превращаетесь в лед. Ошеломленный и неподготовленный. Вы спотыкаетесь на каждом слове, которые вы надеетесь, имеют смысл. Но, в конечном счете, вы испытываете стресс, и не можете мыслить ясно.
Вас застали врасплох, поэтому вы пытаетесь придумать что-то проницательное, чтобы слова казались полезными и умными. Но это требует времени и истинных мыслей.
Итак, дай людям время подумать и ответить. Чтобы получить действительно внимательный ответ, дайте им работу заранее и попросите их взглянуть на нее перед обсуждением в ближайшем, но респектабельном будущем. Возможно, позже в тот же день, но не через 5 минут. Подумайте о том, чтобы попросить их сделать заметки о своих самых насущных мыслях и рассмотреть конкретные вопросы, которые вы отправляете вместе с вашими проектами.
Ограничьте варианты
Когда вы находитесь в офисе окулиста, они сравнивают эффективность различных линз. Помните, что вы всегда сравниваете только две линзы за раз? Для этого есть веская причина.
Представьте, если бы вам дали двадцать линз и попросили бы выбрать лучшую, или расставить их в порядке от лучшего до худшего. Да, это намного сложнее. Ваша память не так хороша. И не ваше восприятие.
Когда есть только два варианта, гораздо проще сказать, какой из них лучше.
Вопрос «Как вы думаете, этот цвет лучше?», приводит к «Хм, ну, я не совсем уверен… их несколько миллионов». Избегайте этого. Вместо этого попробуйте спросить: «Это выглядит лучше в этом красном или в этом красном?» или «Лучше с выравниванием по центру или по левому краю?». Затем продолжайте повторять свои вопросы до тех пор, пока у вашего друга будет терпение чтобы задумчиво отвечать.
О да. Удостоверьтесь, что у вас есть терпеливые друзья. Удачи вам в этом!
Спросите их, что не нравится
В одном интервью Илон Маск, генеральный директор Tesla и SpaceX, говорил о большей важности получения отрицательной обратной связи - спрашивать людей, что они ненавидят, а не то, что они любят. Чтобы максимально использовать этот процесс, необходимо создать среду, в которой другой человек чувствует себя достаточно удобно, чтобы открыто критиковать ваш дизайн. Это подводит нас к следующему:
Принимайте обратную связь изящно
Самый важный шаг в получении ценной обратной связи - оттачивать вашу способность получать конструктивную критику. С настоящей улыбкой. Вместо того чтобы чувствовать себя оскорбленным или смущенным, будьте благодарны за то, что люди обнаружили и обратили ваше внимание на эти недостатки. Они тратят свою энергию ради вашей собственной выгоды. Если вы пассивно агрессивны или просто мертвецки молчаливый в ответ, вы оказываетесь контрпродуктивным.
Кроме того, учтите следующее: для вашего эго и вашей карьеры намного лучше открыто критика друга, прежде чем вы позже услышите ее от клиента! Прислушивайтесь к своим друзьям и при необходимости учитывайте их отзывы.
Сначала будет трудно не реагировать отрицательно на каждую маленькую придирку. Я обещаю вам, что со временем и практикой станет легче. Вы должны отделиться от своей работы: критика работы - это не критика ваших способностей. Она указывает, что можно улучшить, потому что остальное и так хорошо.
Обратите внимание на то, как люди говорят, и что они не говорят
Многим очень трудно выразить себя. Кроме того, люди не хотят казаться невежественными, и они не хотят оскорблять вас. Все это проявляется в том, что люди не говорят. Иными словами, раскрывается в том, как люди выражают свои мысли.
Возможно, вы заметили, что ваш друг что-то заметил, но молчите. Или начнет что-то говорить, а затем отступит. Все это признаки упущенных возможностей для конструктивной обратной связи. У этого человека есть что-то потенциально супер полезное сказать, но он не может. Сделайте так, чтобы он критиковал вас. Чтобы сделать это, начните с критики своей собственной работы в беззаботной манере, чтобы он узнал, что вы не думаете, что вы и ваша работа всегда являются воплощением совершенства. Затем вежливо убедите его, что вы особенно хотите услышать отрицательный отзыв и спросите снова.
Двигайтесь вперед
Получение обратной связи ценно для получения разнообразных перспектив и мнений по вашим проектам и обнаружения недостатков, к которым привыкли ваши глаза. Однако чтобы максимизировать выгоду, получаемую вами от обратной связи, важно создать среду, в которой человеку, дающему критику, будет комфортно это делать.
В статье речь пойдет не о технологии создания кода формы, а о разработки логики ее взаимодействия с посетителем сайта, повышения количества их активных действий.
Редко можно встретить сайт, в котором нет . Но как часто посетители сайта отправляют что-либо через эту форму владельца сайта? Будем честные - очень и очень редко. А почему? Правильный ответ - эти формы не соответствуют представлениям пользователя о общении.
Как правильно сделать форму обратной связи удобной для посетителей
Так уж сложилось, что многие владельцы сайтов отдают построение логики на откуп разработчикам сайтов. Как результат, эти формы имеют приблизительно такой вид:
Если не подходить слишком критически, то как бы все выглядит довольно неплохо. Посетитель может заполнить форму и отправить свое сообщение к его владельцам. Более того (о счастье:)), он даже может направить копию такого сообщения себе лично.
Но давайте себя поставим на место самого посетителя. Более того - заставим себя вспомнить когда же мы последний раз заполняли такую форму сами? Не припоминаете? А почему вы думаете, что другие посетители делают гораздо чаще?
Зачем мы отдельно спрашиваем у посетителя тему сообщения и текст сообщения? Ведь он просто хочет задать краткий вопрос. Мы ждем от посетителя номер телефона, но только как он должен об этом догадаться?
Как же должна выглядеть форма обратной связи на сайте
Минимализм, минимализм, минимализм - вот основной девиз для . Посетитель сайта, который только зашел на него, в большинстве своем относится к так называемым "холодным контактам". У него еще нет никакого уровня доверия ни к сайту, ни к его владельцу. Поэтому что-либо заполнять, писать, заполнять он готов только «под угрозой расстрела».
Именно поэтому сама по себе форма обратной связи должна быть сконструирована так, что бы убеждала посетителя, что вы реально с ним хотите пообщаться. Он должен поверить, что вы готовы помочь решить его проблему. Именно поэтому форма обратной связи должна удовлетворять следующим условиям:
- Форма обратной связи должна располагаться в хорошем просматриваемом месте на сайте и на большинстве страниц, которые могут посещать посетители
- Используйте минимум необходимых полей, что бы начать диалог с посетителем вашего сайта.
- Не мучайте посетителя всякими капчами и другими сложными методами верификации.
Слева на изображении приведен пример формы обратной связи, которая разработана для боковой панели сайта. Форма ориентирована на клиентов, которые предпочитают общаться по телефону, поэтому только имя и телефон являются обязательными полями.
Верификация пользователей выполнена тоже очень просто - ему только необходимо поставить отметку, что он не робот. На самом деле внутренний алгоритм верификации что отравитель запроса не робот гораздо сложнее. Там отслеживается и получение фокуса в различных полях при заполнении, нажатия на клавиши при вводе дополнительной информации, проход мышки над флажком. Но для посетителя все выглядит очень просто - он должен только поставить отметку, что он не робот, и все.
Не надо выделять всю форму особым дизайном или яркими графическими элементами. Это будет отвлекать посетителя от основной информации на странице. Но в то же время, посетитель должен иметь возможность заметить ее даже беглым взглядом. Для этого просто выделить заголовок формы и кнопку отправки. В нашем случае это сделано увеличенным размером шрифта надписи «Заказать звонок» и синим цветом кнопки «Отправить».
Должна ли форма обратной связи отправлять копию сообщения на e-mail отправителя
Это спорный вопрос и однозначного ответа на него нет. Если особой необходимости в отправке копии сообщения нет, то отправлять не надо. Это избавит вас и ваш сайт от спамеров.
Дело в том что спамеры очень часто используют такие формы для рассылки своих рекламных сообщений. Для этого они просто вводят в поле e-mail не свой почтовый ящик, а тех, кому они собираются рассылать .
Какие еще должны быть поля на форме обратной связи
Чем сложнее форма - тем реже ее заполняют посетители сайта
Ответ очень краток: больше никаких полей не должно быть. Это форма обратной связи, а не форма верификации допуска в секретное хранилище Пентагона. Поэтом не надо насиловать посетителя дополнительными полями. Запомните: чем сложнее форма - тем реже ее заполняют посетители сайта.
Но это не значит, что вы не можете создавать скрытые информационные поля, которые собирают для вас дополнительную информацию. Очень полезным бывает скрытые поля формы «Заголовок страницы» или «URL страницы». В этом случае вы при поступлении вам запроса сразу будете понимать с какой страницы его отправили. Также бывает полезной информация об IP-адресе посетителя, если он относиться к стационарной сети, то можно понять с какого региона ваш посетитель.
Еще можем порекомендовать не просто отправлять данные формы обратной связи вам на почту, а и сохранять их в отдельную таблицу. Спустя год вы соберете очень интересную статистику для вас и вашего бизнеса. Проведя несложный анализ вы сможете увидеть в какие периоды времени чаще всего посетители отправляли свои запросы, как периоды года, так и временны периоды дня. Эта статистика будет очень полезна для построения оптимальных сроков проведения рекламных компаний.
Принтер
