Лучшие статьи категории «Дизайн»

Подписка

Форма авторизации в дизайне мобильных приложений

Форма авторизации — неотъемлемая часть множества мобильных приложений и сайтов. Порой именно экран авторизации первое, что мы видим, впервые зайдя в приложение. Такой выбор обусловлен двумя взаимосвязанными вещами: малым размером экрана и «удалением» лишних деталей в пользу сосредоточивания внимания пользователя на одной, конкретной вещи. В данном случае это ввод личных данных.

С недавнего времени схожий подход можно увидеть и в дизайне сайтов. Раньше, авторизация была частью страницы и открывалась либо в сплывающих окнах, либо и вовсе была частью страницы. Таких примеров было хоть отбавляй, наверняка вы и сами делали нечто похожее. Но потребности пользователей растут, мода диктует другие правила, а вместе с этими правилами меняется дизайн. Сегодня мы видим совершенный другой подход. Как и в мобильных приложениях, форма входа теперь – отдельная страница. Основная, на наш взгляд, причина в том, что посетитель может просматривать сайт как с компьютера, так и с телефона (та самая потребность). И здесь, необходимо максимально улучшить/упростить задачу входа на сайт. Отдельная страница как нельзя лучше подходит для этого. Да, она может быть дополнена ссылками, картинка и прочими визуальными элементами, но это отдельная страница.

Страница или экран включается в себя поля для ввода данных (как ни странно, это логин и пароль), логотип, кнопка войти. Иногда на нем размещают дополнительные кнопки/ссылки на страницы регистрации, тура по сайту и т.п. Тут уже все во власти дизайнера. Ниже мы подготовили более 20 примеров форм авторизации, которые используются в дизайне мобильных приложений.

Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне
Форма авторизации в дизайне


Комментарии (1)

Николай / 20 Апрель 2014 в 18:56

Очень интересная и полезная статья, узнал для себя новое.

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

* — поля обязательные для заполнения XHTML: Вы также можете использовать эти тэги: <a href="" title=""> <pre lang=""> <blockquote> Перейти наверх

Поиск

Популярные статьи

Комментарии

  • Александр: Прежде чем научился хоты в общих чертах использовать...
  • Кек: Ни один из сервисов не работает.
  • Alex: На самом деле все конечно правильно написано, но для России...
  • Анна: Несколько советов о том, как самому придумать логотип есть...
  • Agen Sabung: Great web site you have here. It’s hard to find excellent writing like yours these days. I really...
  • Павел Тимощенко: Аналогично скриню картинки для некоторых...
  • Зенков Андрей: Учитывая, что иконки служат для подсказки тем,...
  • Зенков Андрей: Дизайнер должен ответственно подойти к...

Друзья

Нашли ошибку?

Если вы нашли грамматическую ошибку на сайте, выделите ее и нажмите сочетание клавиш Ctrl+Enter.

Система Orphus