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

Подписка

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

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

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

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

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


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

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

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

Комментирование этой статьи закрыто ...

Поиск

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

Комментарии

  • Павел Тимощенко: Аналогично скриню картинки для некоторых...
  • Зенков Андрей: Учитывая, что иконки служат для подсказки тем,...
  • Зенков Андрей: Дизайнер должен ответственно подойти к...
  • Оля: DizGraf, вот отличный русскоязычный бесплатный фотобанк.
  • V.V: В копилку еще один типограф Дениса Селезнёва на JavaScript.
  • Сергей: Спасибо за примеры инфографики. Для тех, кому нужны еще...
  • Андрей Зенков: Спасибо автору. Хорошая подборка. Аж стыдно за то,...
  • Адениум: Наука даром не дается — наука трудом берется....

Друзья

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

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

Система Orphus