Формы авторизации и регистрации
Добрый день сообщество!
Так получилось, что я сегодня проснулся неадекватно рано и с самого пробуждения думал чем бы себя занять. Вроде придумал и вот собственно говоря сейчас в письменной форме подвожу итоги.
Все мы используем в разработках разные и уже полюбившиеся framework или CMS, если конечно проект над которым мы трудимся не очень специфичен и не требует написание программного кода с нуля. Концепция экономии времени восторгает всех: разработчиков, которым не нужно сидеть в трое больше времени за монитором, заказчиков, которые получают готовые проекты, которые помогают им в работе, ну и конечно самих производителей вышеупомянутых готовых решений.
Сегодня у меня появилась идея создания некого фрэймворка, но только не для разработок в PHP или C, а для разработок пользовательских интерфейсов.
UPD: Данный пост, по большей части создан для того чтоб усреднить значения потребностей, и разработать универсальную форму, а не как многие подумали для того, чтоб продемонстрировать работу.
2UPD: Изначально была выложена как показала критика пользователей сообщества не корректная версия формы, сейчас частично ввёл исправления и обсуждение предыдущих двух не учитываются. Форма вотсановления пароля будет чуть-чуть позже.
3UPD: Всем огромное спасибо за критику, предложения и просто хороший рабочий и жизненный момент(:

Идея создания универсальных элементов управления для пользователя в среде WEB с возможностью быстрой даптации под конкретный проект мне кажется не нова и на этот счёт сделано уже не мало работы, тому пример это, это, это и это.
Но сколько не шерстя интернет на наличие «сборной солянки» ничего не нашлось (Кстати возможно у меня врождёное рукожопие и это стало основной причиной отсутствия каких либо положительных результатов), а по этому я решил начать делать всё самому объединяя чужие знания, практику, плачевный опыт и успехи. Кстати буду безумно рад, если на это пока что скользкой дорожке буду идти не один и со временем присоединятся такие же заинтересованы люди, потому что WEB GUI возможно будет оптимизировать затраты времени на уровне создания макета будущего WEB приложения.
По логике вещей мне показалось что было не лишним начать с того элемента управления, который встречает постоянных пользователей разных сайтов, а именно форма регистрации и форма авторизации пользователя в системе. Ниже приведены примеры того как я вижу идеальные формы регистрации и авторизации объединенных в одном функциональном блоке. Все перенесено в один блок так как, если оставлять как минимум панель авторизации на сайте, то она съедает много полезного пространства и отвлекает, а общепринято уважать посетителя сайта и показывать ему только полезную и потенциально важную информацию, а по этому формы регистрации и авторизации мы прячем за большой ссылкой «Представиться сайту» по нажатию на которую будет всплывать окошко:

А если пользователь ещё не зарегистрирован, то нажав на синюю кнопку «Регистрация на сайте» ему будет показано вот это окно:

Сразу бы хотел оговориться, что при выработке принципов построения элементов управления для пользователей в рамках WEB бесспорно должна использоваться технология AJAX.
Относительно планов на будущее, хотелось бы по возможности, если не буду сильно занят рассмотреть форму востановления пароля и форму поиска, а по этому с критикой данного материала буду признателен получить Ваши размышления на работу которая будет подготовлена в ближающее время.
Всем спасибо за внимание (:
Так получилось, что я сегодня проснулся неадекватно рано и с самого пробуждения думал чем бы себя занять. Вроде придумал и вот собственно говоря сейчас в письменной форме подвожу итоги.
Все мы используем в разработках разные и уже полюбившиеся framework или CMS, если конечно проект над которым мы трудимся не очень специфичен и не требует написание программного кода с нуля. Концепция экономии времени восторгает всех: разработчиков, которым не нужно сидеть в трое больше времени за монитором, заказчиков, которые получают готовые проекты, которые помогают им в работе, ну и конечно самих производителей вышеупомянутых готовых решений.
Сегодня у меня появилась идея создания некого фрэймворка, но только не для разработок в PHP или C, а для разработок пользовательских интерфейсов.
UPD: Данный пост, по большей части создан для того чтоб усреднить значения потребностей, и разработать универсальную форму, а не как многие подумали для того, чтоб продемонстрировать работу.
2UPD: Изначально была выложена как показала критика пользователей сообщества не корректная версия формы, сейчас частично ввёл исправления и обсуждение предыдущих двух не учитываются. Форма вотсановления пароля будет чуть-чуть позже.
3UPD: Всем огромное спасибо за критику, предложения и просто хороший рабочий и жизненный момент(:

Идея создания универсальных элементов управления для пользователя в среде WEB с возможностью быстрой даптации под конкретный проект мне кажется не нова и на этот счёт сделано уже не мало работы, тому пример это, это, это и это.
Но сколько не шерстя интернет на наличие «сборной солянки» ничего не нашлось (Кстати возможно у меня врождёное рукожопие и это стало основной причиной отсутствия каких либо положительных результатов), а по этому я решил начать делать всё самому объединяя чужие знания, практику, плачевный опыт и успехи. Кстати буду безумно рад, если на это пока что скользкой дорожке буду идти не один и со временем присоединятся такие же заинтересованы люди, потому что WEB GUI возможно будет оптимизировать затраты времени на уровне создания макета будущего WEB приложения.
По логике вещей мне показалось что было не лишним начать с того элемента управления, который встречает постоянных пользователей разных сайтов, а именно форма регистрации и форма авторизации пользователя в системе. Ниже приведены примеры того как я вижу идеальные формы регистрации и авторизации объединенных в одном функциональном блоке. Все перенесено в один блок так как, если оставлять как минимум панель авторизации на сайте, то она съедает много полезного пространства и отвлекает, а общепринято уважать посетителя сайта и показывать ему только полезную и потенциально важную информацию, а по этому формы регистрации и авторизации мы прячем за большой ссылкой «Представиться сайту» по нажатию на которую будет всплывать окошко:

А если пользователь ещё не зарегистрирован, то нажав на синюю кнопку «Регистрация на сайте» ему будет показано вот это окно:

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



комментарии (68)