Улучшение веб-[закрытого] экрана входа в систему
Вы не упоминаете, что делает ваш поток или какие узлы вы используете, поэтому трудно дать окончательный ответ.
Я подозреваю, что вы используете основной узел Template для генерации полезной нагрузки сообщения. Узел Шаблон использует синтаксис усов, который по умолчанию автоматически экранирует определенные символы, чтобы сделать их HTML-безопасными. Чтобы усы не делали этого, вы должны использовать {{{triple-braces}}} (а не значение по умолчанию {{double-brace}}. Это описано в справке боковой панели для узла Template.
8 ответов
Взгляните на 65 + примеры экрана входа в систему для некоторого вдохновения...
- Имейте 2 текстовых поля: электронная почта (или имя пользователя) и пароль.
- Кнопка для представления.
- Ссылка для "Забывает Ваш пароль".
- Флажок для "запоминания меня".
Я сказал бы, что это зависит от Вашего приложения. Если Вы разрабатываете общедоступный сайт, где Вы хотите подвезти число зарегистрированных пользователей и увеличиться, щелчок рассчитывают на Ваши общедоступные страницы, то полнофункциональное* вход в систему или удобное управление входом в систему на каждой странице имеет смысл. Если это - приложение интранет, где вход в систему требуется, чтобы получать доступ к чему-либо, то простая страница входа в систему с минимальной информацией является соответствующей. Также необходимо решить, является ли вход в систему персистентным через сеансы браузера или не и хотите ли Вы дать пользователю выбор, который определит, нужно ли Вам, "помнят меня" кнопка или нет. Вы также хотите предоставить ссылки на контактную информацию и основную справку (или средство восстановить потерянный идентификатор/пароль) при необходимости.
- полнофункциональным я имею в виду что-то подобное предположению @Danny что другие части приложения быть легкодоступным от страницы входа в систему.
Этот ресурс может быть полезным также. http://webdesignledger.com/inspiration/interface-design-loginsignup
Мне не нравится, когда веб-сайт имеет только 1 поле, чем необходимо нажать кнопку, чем это - поле для пароля: На двух шагах.
Сохраните это простым и минимализм. Я предлагаю, чтобы у Вас был свой экран входа в систему во всех окнах, когда пользователь не является входом в систему, и не имеют его для продолжения на страницу входа в систему.
прием, делают, он максимально минимальный извлекает уроки из google UI
Эта книга является замечательной книгой для дизайна UI, не занимает Вашу большую часть времени для чтения, не заставляют меня думать
Прием на хороший экран входа в систему должен сделать его столь же интересным как остальная часть Вашего приложения и дать пользовательские полезные ссылки и другую информацию там, а также в рамках Вашего приложения (что-либо, что не требует учетных данных, конечно).
Смотрите на страницу входа в систему Facebook для хорошего примера. В дополнение к нормальной инфраструктуре входа в систему можно искать пользователей оттуда, зарегистрироваться в сайте, видеть их политики, и т.д.
Сохраните его максимально простым и дружественным. Важно сделать это центром внимания если это на своем собственном экране, так минимизируйте страницу, чтобы только показать то, в чем Вы нуждаетесь, иначе сделайте это видным в заголовке или боковой панели.
Поскольку дизайн и вдохновение расположения проверяют Касание Шаблона или box.mepholio.
Для лучшего пользовательского опыта и время завершения формы, вершина выровняла маркировки, и выровненная по левому краю кнопка отправки хороший способ пойти, если у Вас есть достаточно вертикального пространства, например, http://www.sanchothefat.com/projects/forms/login.