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

Подписка

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

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

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

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

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


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

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

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

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

Поиск

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

Комментарии

  • Дмитрий Решетов: Роман, сервисы меняются, информация устаревает...
  • Богдан: Похоже все стали платными. Информация о бесплатности...
  • Александр: Ссылки супер, некоторые использую при создании...
  • Александр: Да действительно, я бы то же хотел бы видеть на своем...
  • Веб-мастер: Отличная статья, много полезной информации. Я как то...
  • Роман: Вы сами то хоть им пользовались? Половина отправляет...
  • Руслан: Не знал что есть такое понятие как атомарный дизайн.
  • Shky: Как раз искал что-то новенькое для сайта. Благодарю за...

Друзья

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

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

Система Orphus