Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию футуристического логотипа в фотошоп.

Урок по созданию футуристического логотипа в фотошоп.

Создаем дизайн телефона на Android в Photoshop.

Создаем дизайн телефона на Android в Photoshop.

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

Как создать основу для рекламы профессиональной косметики для волос.

Как создать основу для рекламы профессиональной косметики для волос.

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

Создаем стильный коллаж.

Создаем стильный коллаж.

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

Методы построения формы регистрации пользователей.

Tags: Графика для сайта | дизайн сайта | создание сайта

02-43things

Практически каждый сайт предлагает своим посетителям зарегистрироваться в своей базе данных для возможности оповещать посетителей о различных изменениях , проводимых акциях и конкурсах, да и просто для учета постоянных читателей. Данный процесс подразумевает собой привязку е-мейл адреса к персональному номеру ID на сайте. Довольно простой процесс и сама по себе форма регистрации вызывает до сих пор много споров по поводу того, как лучше оформить страничку с регистрацией.


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


Между полями заполнения должно быть достаточно свободного места.


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


Избегайте ненужных полей для заполнения информации.


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


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


Можно добавить в форму регистрации поля-подсказки, либо всплывающие окна, если вы считаете что заполняемое поле недостаточно понятно для новичков или необходимо пояснить некоторую информацию. Например «пароль должен содержать не менее 6 символов» .


Не допускайте посторонних элементов .


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


Имя пользователя,
Электронный адрес,
Пароль,
Подтверждение пароля.


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


Можно конечно свести количество полей к минимуму  но это не целесообразно. Отменить поле «подтверждение пароля» не рекомендуется. Так как в силу тех или иных причин посетитель может ввести не тот пароль который он хотел бы , после чего повторная попытка зайти на сайт будет неуспешной.
Для того, чтобы облегчить процесс создания формы регистрации предлагаем для начала расчертить все на бумаге в необходимых пропорциях. Так вы сможете увидеть как визуально будут располагаться все элементы.


Так как в процессе регистрации заинтересован и посетитель и владелец ресурса, то  в ваших интересах сделать этот процесс наиболее легким и приятным, упростить все, насколько это возможно.

AddThis Social Bookmark Button
 

Добавить комментарий


Защитный код
Обновить

поиск
RSS
Определение ключевых слов.

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

кол-во просмотров18105
Подробнее...

Обзор бесплатных редакторов. Или чем обработать фото.

     Многие для обработки изображений и фото в данное время используют Adobe Photoshop, однако эта программа стоит немалых денег, поэтому...

кол-во просмотров7014
Подробнее...

Информационный дизайн.

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

кол-во просмотров10604
Подробнее...

Уникальные образцы навигации на сайте.

        Если вы разрабатываете макет и не знаете как оформить навигацию, здесь вы сможете найти несколько яркий, креативных и интересных...

кол-во просмотров10412
Подробнее...

Как правильно зарегистрировать сайт.

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

кол-во просмотров8403
Подробнее...