Mejorar una pantalla de inicio de sesión web

Question

Estoy tratando de obtener algunas ideas sobre cómo desarrollar una pantalla de inicio de sesión web. Estoy usando formularios web de DynamicData, por lo que la mayoría de los marcos poderosos ofrecen muchas opciones, pero estaré muy agradecido de leer sus sugerencias.

Gracias de antemano

Editado: más allá de la funcionalidad, que querrá leer su mirador sobre el modelo de presentación, dije, im usando fx3.5 así mejorar más de 2 cuadro de texto para un único inicie sesión o utilice el control aspx de inicio de sesión, tengo en mente usar Silverlight pero es posible "iluminar mi aplicación web", es decir, compilar en formularios web y datos dinámicos sin cambiar toda la capa de presentación.

Más Undestandable: Ejemplo de uso de Extjs como marco para la presentación Ver Capa, pero mi proyecto es de formularios web así que esto será bueno para MVC.net dije causa es más flexible en JSON se refiere

alt text http://rodotelmi.rebstech.com/wp-content/uploads/2008/07/picture-1.png

Answer 1

favor, eche un vistazo a más de 65 ejemplos de pantalla de inicio de sesión para un poco de inspiración ...

65+ Login form design

Answer 2

• Tiene 2 cuadros de texto: correo electrónico (o nombre de usuario) y contraseña.
• Un botón para enviar.
• Un enlace para "Olvidar su contraseña".
• Una casilla de verificación para "recordarme".

Answer 3

El truco para una buena pantalla de inicio de sesión es para que sea tan interesante como el resto de la aplicación, y dar a los usuarios enlaces útiles y otra información allí, así como dentro de su aplicación (cualquier cosa que no requiere credenciales , por supuesto).

Eche un vistazo a la página de inicio de sesión de Facebook para ver un buen ejemplo. Además de la infraestructura de inicio de sesión normal, puede buscar usuarios a partir de ahí, se inscribe en el sitio, ver sus políticas, etc.

Answer 4

El truco es que sea lo más pequeña posible aprender de Google interfaz de usuario

Este libro es un gran libro para el diseño de la interfaz de usuario no le toma mucho tiempo leer Dont make me think

Answer 5

No me gusta cuando el sitio web tiene solo 1 campo de lo que necesita para presionar un botón, que es un campo para la contraseña: en dos pasos .

Manténgalo simple y minimalista. Le sugiero que tenga su pantalla de inicio de sesión en todas las ventanas cuando el usuario no inicie sesión y no lo tenga para ir a una página de inicio de sesión.

Answer 6

Yo diría que depende de su aplicación. Si está desarrollando un sitio web público donde desea aumentar el número de usuarios registrados y aumentar el número de clics en sus páginas disponibles públicamente, entonces tiene sentido un inicio de sesión * completo o un control de inicio de sesión conveniente en cada página. Si se trata de una aplicación de intranet en la que se requiere iniciar sesión para acceder a cualquier elemento, entonces es apropiada una página de inicio de sesión simple con información mínima. También debe decidir si el inicio de sesión es persistente en todas las sesiones del navegador o no y si desea darle al usuario una opción, que determinará si necesita o no un botón "recordarme". También desea proporcionar enlaces a información de contacto y ayuda básica (o un medio para recuperar una identificación/contraseña perdida) si corresponde.

• por completo Quiero decir algo similar a la sugerencia de @ Danny de que otras partes de la aplicación sean fácilmente accesibles desde la página de inicio de sesión.

Answer 7

Manténgalo lo más simple y amigable posible. Es importante que sea el foco clave si está en su propia pantalla, de modo que minimice la página para que solo muestre lo que necesita; de lo contrario, destaque en el encabezado o en la barra lateral.

Para obtener inspiración para el diseño y el diseño, consulte Pattern Tap o box.mepholio.

Para obtener la mejor experiencia de usuario y completar el formulario, las etiquetas alineadas hacia arriba y un botón de envío alineado a la izquierda son una buena opción si tiene espacio vertical suficiente, por ejemplo http://www.sanchothefat.com/projects/forms/login.

Answer 8

Este recurso puede ser útil también. http://webdesignledger.com/inspiration/interface-design-loginsignup