что такое список введенных адресов

Делаем адресные формы более привлекательными

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

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

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

Все знают, что такое форма заполнения адреса: множество полей и потраченное время на их заполнение. Но настоящие проблемы начинаются, когда веб-мастер добавляет к форме валидацию. Один из популярных вариантов — список на 100500+ элементов и жёсткая проверка на соответствие данных справочнику.

Например, на прошлой неделе, когда мы хотели заказать пиццу на одном известном сайте, процесс ввода адреса неожиданно превратился в удивительный квест. Сначала мы увидели поле для ввода улицы, указали «Турчанинов переулок» и, не ожидая подвоха, нажали «Продолжить»:

Тщетные попытки ввести «Турчанинов», «Турчанинов пер», «пер Турчанинов», «ТУРЧАНИНОВ» также не увенчались успехом. Если честно, хотелось уже заказать в другом месте. Но интерес закончить начатое перевесил негодование, и, в результате, мы ввели название крупной улицы неподалеку от офиса и нажали «ОК».

Да, это модальное окно с названием улицы. Нажимаем «Продолжить» и можем ввести дом.

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

Отличный пример как делать не надо.

А как сделать форму, которая будет удобна? Возьмём, для примера, страницу обращения в интернет-приёмную правительства Москвы:

В принципе, неплохая для заполнения форма (при наличии свободного времени): много разных полей, не путаешься, что куда вводить, и нет назойливой валидации. Правда, на планшете и телефоне не очень удобно прыгать по полям. И немного отпугивает.

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

Перенесём страницу в прототип, чтобы проще было проектировать:

Сразу же возникает вопрос: можно ужать адресную информацию в одно поле? Или требуется разбиение на несколько элементов?

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

Теперь уберем лишнюю информацию, а нужную разобьем на две строки — регион с городом и улица с домом. Заодно подсветим введённые пользователем символы, чтобы упростить восприятие списка:

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

Чтобы не появлялся скролл, будем показывать первые 7 подсказок (отсортированы они по релевантности, поэтому качество поиска не пострадает):

Когда пользователь выбирает конкретный вариант из списка, в «Адрес» помещаем выбранное значение, а в остальные поля формы подставляем гранулярные поля адреса:

Раз все поля теперь заполняются автоматически, мы можем сделать адресную часть формы более лаконичной:

По аналогии делаем ФИО и получаем такую форму обратной связи:

Вживую можно посмотреть на демостраницах:

Получившаяся форма требует минимум затрат от веб-мастера, удобна для пользователя, подходит к вводу как на компьютере, так и на планшете или телефоне.

Представляете, если бы на каждом сайте: при покупке билета, оформлении заказа в интернет магазине или при заполнении формы регистрации — была такая простая процедура ввода данных? Если бы заполнение формы с любого устройства было максимально удобно и на это требовалось всего 5-10 секунд?

Предлагаем начать делать мир лучше уже сейчас! Подключайтесь к сервису и пробуйте, смотрите за реакцией пользователей, проводите a/b тестирование. И удачи вам с вашими клиентами!

Источник

что такое список введенных адресов

Подсказки: API для ввода почтовых адресов и ФИО одной строкой

Если вам когда-нибудь приходилось разрабатывать форму регистрации или оформления заказа, то вы знаете, что для получения из формы качественных данных нужно прикрутить множество проверок для ФИО, почтовых адресов, e-mail, телефонов. При этом так уж исторически сложилось, что разработчики пишут код валидации информации каждый раз заново. Ну а потом эти проверки приходится еще и поддерживать, а на поддержку, как известно, приходится 80% усилий.

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

Так не должно быть.

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

Вот пример его работы для ввода адресов:

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

Все, что нужно для начала использования — подключить к полю для ввода джаваскрипт, вызывающий сервис Подсказок, и наслаждаться результатами.

В будущем мы планируем подключить компоненты для проверки наименования компании по ЕГРЮЛ/ЕГРИП, e-mail, телефонов, дат рождения и документов, удостоверяющих личность.

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

Надеемся, что сервис будет вам полезен!

Где ставить галочки

Кому лень читать, какой пункт, что означает, вот перечень пунктов, которые можно очищать без каких-либо последствий:

Данные браузера

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

Журнал посещения браузера – это перечень посещённых вами сайтов, которую можно посмотреть, открыв в браузере историю (находиться рядом с настройками).

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

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

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

Чистить нежелательно:

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

Сохраненные пароли – это пароли, сохранённые вашим браузером. Чистить не желательно, если вы не помнете все пароли наизусть или они где то не записаны.

Проводник Windows:

Недавние документы – это история посещения вами документов на компьютере. Её можно посмотреть в папке «Недавние документы», которые, как правило, расположены в пуске.

Выполнить – это команда по поиску файлов, которая находиться в меню «пуск». Ccleaner предлагает очистить историю поиска тех или иных файлов на компьютере.

Прочие недавние объекты – иная бесполезная информация, которая не относиться к иным перечисленным пунктам и нуждается в удалении.

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

Списки быстрого доступа – позволяют открыть последние открытые документы в той или иной программе (список последних используемых программ в Word и т.д.).

Чистить нежелательно:

Сетевые пароли – это пороли от локальной сети.

Система:

Очистка корзины – почистить корзину.

Временные файлы – это очистка папки «TEMP», в которой постоянно скапливается мусор. Её загрязняют программы, которые создают временные файлы в результате своей работы.

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

Дампы памяти – это данные, которые создаются при сбоях в программах, синих экранах смерти, ошибках Windows, и т.д., с целью восстановления системы.

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

Файлы журналов Windows – файлы, в которых Windows ведёт учёт об ошибках, которые возникают во время работы или установки программ.

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

Шрифтовой кэш – необходимо чистить, если у вас возникли проблемы со шрифтами (квадратики вместо символов и т.д.). Смысла очищать нет, так как он занимает довольно мало места. Если очистите, не чего не измениться, Windows снова создаст список часто используемых шрифтов.

Ярлыки главного меню – удаляет ярлыки, которые введут на несуществующие программы (если вы удалили программу, а ярлык остался и т.д.).

Ярлыки рабочего стола – удаляет ярлыки рабочего стола, которые введут на несуществующие программы.

Прочие:

Журналы событий Windows – журналы, в которых программы регистрируют все ошибки, сбои и т.д.

Устаревшие выборки – очищает Prefetcher (предназначенный, для ускорения загрузки Windows), от устаревших данных. Особого смысла его очищать нет, так как компонент Prefetcher сам себя обслуживает. Но если очистите, нечего не потеряете.

Кэш очередности меню – выстроит все пункты в меню пуск по алфавиту, удалив информацию о прежнем расположении компонентов.

Кэш области уведомлений – очищает устаревшие записи об ошибках. Но после его очистки Windows будет требовать перезапустить процесс explorer.exe Очищать не обязательно, он занимает мало место.

Кэш размеров окон – сбрасывает информацию предпочитаемых вами размерах окон.

Путь окружения (Переменная окружения) – согласно определению в вики:

Переменная окружения (переменная среды́, англ. environment variable) в Windows используются для хранения текстовых строк пользователя и информации о настройках операционных систем.

— очищать нежелательно, могут быть проблемы в случае сбоя работы Windows.

Файлы журналов IIS – чистит папку C:WindowsLogFile. Можно почистить, но ccleaner очистит лишь незначительное количество мегабайт.

Другие файлы и папки – ccleaner очищает папки и файлы, которые уже не нужны для работы ОС.

Очистка свободного места – займёт очень много времени, если поставите тут галочку! Windows сохраняет временные файлы, папки и файлы удалённых приложений и т.д., в итоге накапливается куча ненужных папок и файлов, занимающих место на диске. Это тоже самое, что и очистка свободного места на диске, удаляет весь мусор.

Приложения:

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

Целостность реестра

Ниже «очистки» есть пункт «реестр», ставим везде галочки, нечего лишнего CCleaner не удалит.

Вывод:

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

Делаем адресные формы более привлекательными

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

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

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

Все знают, что такое форма заполнения адреса: множество полей и потраченное время на их заполнение. Но настоящие проблемы начинаются, когда веб-мастер добавляет к форме валидацию. Один из популярных вариантов — список на 100500+ элементов и жёсткая проверка на соответствие данных справочнику.

Например, на прошлой неделе, когда мы хотели заказать пиццу на одном известном сайте, процесс ввода адреса неожиданно превратился в удивительный квест. Сначала мы увидели поле для ввода улицы, указали «Турчанинов переулок» и, не ожидая подвоха, нажали «Продолжить»:

Тщетные попытки ввести «Турчанинов», «Турчанинов пер», «пер Турчанинов», «ТУРЧАНИНОВ» также не увенчались успехом. Если честно, хотелось уже заказать в другом месте. Но интерес закончить начатое перевесил негодование, и, в результате, мы ввели название крупной улицы неподалеку от офиса и нажали «ОК».

Да, это модальное окно с названием улицы. Нажимаем «Продолжить» и можем ввести дом.

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

Отличный пример как делать не надо.

А как сделать форму, которая будет удобна? Возьмём, для примера, страницу обращения в интернет-приёмную правительства Москвы:

В принципе, неплохая для заполнения форма (при наличии свободного времени): много разных полей, не путаешься, что куда вводить, и нет назойливой валидации. Правда, на планшете и телефоне не очень удобно прыгать по полям. И немного отпугивает.

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

Перенесём страницу в прототип, чтобы проще было проектировать:

Сразу же возникает вопрос: можно ужать адресную информацию в одно поле? Или требуется разбиение на несколько элементов?

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

Теперь уберем лишнюю информацию, а нужную разобьем на две строки — регион с городом и улица с домом. Заодно подсветим введённые пользователем символы, чтобы упростить восприятие списка:

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

Чтобы не появлялся скролл, будем показывать первые 7 подсказок (отсортированы они по релевантности, поэтому качество поиска не пострадает):

Когда пользователь выбирает конкретный вариант из списка, в «Адрес» помещаем выбранное значение, а в остальные поля формы подставляем гранулярные поля адреса:

Раз все поля теперь заполняются автоматически, мы можем сделать адресную часть формы более лаконичной:

По аналогии делаем ФИО и получаем такую форму обратной связи:

Вживую можно посмотреть на демостраницах:

Получившаяся форма требует минимум затрат от веб-мастера, удобна для пользователя, подходит к вводу как на компьютере, так и на планшете или телефоне.

Представляете, если бы на каждом сайте: при покупке билета, оформлении заказа в интернет магазине или при заполнении формы регистрации — была такая простая процедура ввода данных? Если бы заполнение формы с любого устройства было максимально удобно и на это требовалось всего 5-10 секунд?

Предлагаем начать делать мир лучше уже сейчас! Подключайтесь к сервису и пробуйте, смотрите за реакцией пользователей, проводите a/b тестирование. И удачи вам с вашими клиентами!

«Подсказки»

Быстрый ввод адресов, компаний, банков, ФИО, email и ещё много чего

Дополнительная информация

Код ФИАС
5ee84ac0-eb9a-4b42-b814-2f5f7c27c255

Часовой пояс
Московское время (UTC+3)

Район
Северное Медведково

Ближайшее метро
Бабушкинская (1.1 км)

Код налоговой
7715

Уровень по ФИАС
8 (дом)

Дополнительная информация

Генеральный директор
Чех Илья Игоревич

Учредители
Андрей Давидюк, Илья Чех,
Руслан Бабинцев, Василий Хлебников

ОКВЭД
72.19 (2014)
Научные исследования и разработки в области естественных и технических наук прочие

Налоговая инспекция
№ 46 по г. Москве (проезд Походный, д 3 стр 2)
код 7746

Финансы
Доходы 40 млн ₽, расходы 20 млн ₽, долгов и штрафов нет.

Количество сотрудников
18

Как это работает инструкция по настройке

Город, улица, дом, квартира

Идентификаторы служб доставки:

Организация или ИП

Падежи подключаются отдельно, через API стандартизации.

Падежи подключаются отдельно, через API стандартизации.

Email

Справочник

10 тысяч запросов в день
≈ 300 введенных адресов

1 символ адреса = 1 запрос

«Подсказки» помогут ввести

Почтовый адрес

По России и всему миру. Без опечаток, с почтовым индексом, привязкой к ФИАС, районом города, метро и координатами.

Реквизиты компании и ИП

Название организации, адрес, ИНН, КПП, ОГРН, ОКВЭД, руководитель и прочее от налоговой

Без опечаток и с полом

Email

Название, ИНН, БИК, SWIFT, адрес и корр. счёт

И любые другие справочники

С чем работают «Подсказки»

и ещё 80 готовых модулей

Если вы разработчик — сделайте свой модуль по гайдлайну, чтобы получить бесплатный пиар в рассылке и соцсетях Дадаты

Онлайн-конструкторы интернет-магазинов и сайтов

Системы управления сайтами (CMS)

CRM и бизнес-приложения

Языки программирования и фреймворки

Если вы разработчик — сделайте свой модуль по гайдлайну, чтобы получить бесплатный пиар в рассылке и соцсетях Дадаты

Уже на 64 000 сайтов

«Подсказки» используют QIWI, OZON, KUPIVIP.RU, JOOM, METRO, ВсеИнструменты, ИЛЬ ДЕ БОТЭ, ЮМани, Росбанк и другие крупнейшие сайты Рунета.

Интернет-магазин косметики «ВсеЛаки»

До Дадаты было две проблемы:

Дадата помогла решить обе:

Курьерская служба «Аксиомус»

Подключили Подсказки. Раньше на ручную обработку отправлялась до 35% адресов по Москве и МО, теперь не более 15%.

Удобное, современное и настраиваемое API и подсказки, «живой» контакт с разработчиками.

OZON.ru

На форме заказа оставили одно поле для адреса и подключили подсказки «Дадаты». Конверсия в заказ выросла на 20%.

Сравнение сервисов для автодополнения адресов в форме

На Хабре не раз поднимался вопрос автодополнения адресов в форме (раз, два, три).

Но какой источник данных выбрать? Я выбрал целых четыре, и решил их сравнить: в одном углу ринга заморские Google Geocode и Google Autococomplete, а в другом отечественные КЛАДР в облаке и DaData подсказки.

DISCLAIMER: Автор никак не причастен к разработчикам ни одного из представленных сервисов.

Google Geocode (Google Maps API)

В примерах к плагину Typeahead в документации к AngularJS Boostrap UI использован именно Google Geocode для автодополнения адреса. Так почему бы не попробовать, если готовый код уже есть?
Делаем get запрос к адресу http://maps.googleapis.com/maps/api/geocode/json с параметрами

В ответ получаем json, парсим его, и вроде всё неплохо. Вот только нам надо ограничить область поиска только Москвой. Добавляем:

к параметрам и получаем интересное поведение:

Какую ахинею не ввёл бы пользователь, Google предложит «Москва, Россия». К тому же, название улицы он предлагает только после ввода третьей-четвертой буквы, а до этого все те же «Москва, Россия».
Можно ограничить результаты с помощью параметра ‘bounds’ (координаты юго-западного и северо-восточного угла рамки, внутри которой производить геокодирование), но это нестрогое ограничение, поэтому результаты будут появляться и из других областей.

Конечно, не стоит ожидать чудес от сервиса, который вообще не предназначен для автодополнения адреса, но все же резюмирую:
Надежный источник данных
Удобный способ запроса/доставки данных (запрос обычным GETом, обратно — JSON)
Возможно автодополнение одной строкой и даже разбивка полученных данных по компонентам (Страна, регион, город, улица, дом)

Тяжело ограничить область поиска
Сервис не предназначен для автодополнения

Google Autocomplete (Google Places API)

С Google Autocomplete у меня с самого начала не срослось: если запрашивать информацию обычным GETом, то гугловский сервер отвечает ошибкой CORS (Origin… is not allowed by Access-Control-Allow-Origin), а JSONP они не поддерживают после выхода третьей версией API. Некоторые говорят, что это сделано специально, чтобы в веб-разработке использовали их JS библиотеку. Конечно, можно еще сделать прокси, через который будут проходить данные, но я решил не заморачиваться ради такой мелочи.

Но для объективности сравнения, я все же попробовал Google Autocomplete через JS библиотеку. В итоге:
Надежный источник данных
Возможно автодополнение одной строкой
Легко подключить (если использовать их JS библиотеку)

Невозможно достучаться до API с фронтенда из-за CORS
Нельзя строго ограничить область поиска до одного города (Можно строго ограничить только страну, или нестрого ограничить с помощью параметра ‘bounds’)

КЛАДР в облаке

КЛАДР в облаке — отечественный сервис, который не раз упоминали на хабре.
Лично для меня он оказался неподходящим, т.к. не позволяет производить автодополнение одной строкой. Вы можете искать или регионы, или города, или улицы, или номера домов, но никак не всё это вместе в одной строке. То есть или придется разбивать одну форму на несколько, или искать только по названиям улиц только в Москве.
Мне это не подходит, но сильные и слабые стороны я всё же приведу:
Авторитетный источник данных (КЛАДР)
Постоянные обновления базы данных
Российский разработчик
Хороший API
Открытый исходный код

Невозможно автодополнение одной строкой

DaData подсказки

Я уже отчаялся найти сервис своей мечты и собирался вернуться к Google Geocode, как вспомнил про подсказки сервиса DaData.

Сразу перейду к сравнению:
Возможно автодополнение одной строкой
При начале ввода первых букв улицы, он сразу предлагает и номера домов на этой улице

Российский разработчик
Разбивка полученных данных по компонентам (даже индекс и код КЛАДР и ОКАТО)

Неизвестная база данных
Бесплатным пользователям не гарантируется стопроцентный uptime
Неочевидный формат запроса данных (POST, а не GET)
Скудный API

+ БОНУС: автодополнение еще и имён.

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

Источник