Ideas de inicio de sesión / registro y hermosos ejemplos

A lo largo de toda la web moderna, estamos viendo una cantidad creciente de lugares para la opinión del usuario. Estos incluyen carritos de compras, juegos web interactivos y, ciertamente, formularios de registro de sitios web. Parece que los diseñadores no solo deberían centrarse en el diseño de páginas, sino que la estética de formas también es un papel vital..

Considere cuántos formularios puede haber completado en el transcurso de su historial de Internet. Hay innumerables ejemplos de estos en foros, tableros de mensajes, blogs y muchos más. En este artículo, veremos algunos trucos geniales para diseñar los formularios en la página..

Es aconsejable considerar algunos de los elementos aquí desde una perspectiva objetiva. Aunque muchos formularios de inicio de sesión y registro funcionan bien con un tipo de sitio, no hay un juicio final sobre cuál es el “mejor” solución. Use su intuición de diseño para aplicar bits y piezas de formularios a los que aspira.

Considere múltiples entradas

Para comenzar, considere un pequeño formulario de contacto de Foundation Six Web Design. Sí, esto no es un formulario de inicio de sesión, por lo que puede desviarse un poco del tema. Sin embargo, el diseño de su página es muy impresionante y te muestra lo que un poco de creatividad puede lograr..

Cada uno de los campos de entrada ofrece espacio para que escriba información personal de contacto: nombre, correo electrónico, etc. Los estilos van mucho más allá de lo normal, ofreciendo información del usuario en un tipo de caligrafía manuscrita. Este tipo de formato mantendrá a sus usuarios en un estado de asombro y logrará un objetivo de estándares de diseño mucho más altos.

Querrá implementar estilos como estos similares a todas sus páginas de inicio de sesión. Ciertamente, no recomendaría seguir con el mismo estilo de entrada de texto y los menús de opción / selección. Cuando haga funcionar su cerebro para obtener creatividad, considere cómo se debe diseñar cada elemento: mucho espacio entre capas, texto grande de fácil lectura e incluso enlaces de barras laterales a su línea de correo electrónico.

Cajas de inicio de sesión de jQuery

Esto se ha utilizado en innumerables sitios web en el pasado y seguramente se verá dentro de los diseños de la nueva era. Atrás quedaron los días en que las prácticas estándar llevaban a los usuarios a una nueva página para cada paso del proceso de inicio de sesión. Normalmente, esto significaría una página para ingresar sus datos y también una nueva página para procesar la información de inicio de sesión.

Pixel2Life ofrece una visión fantástica de un nuevo campo de entrada de datos. Desde su página de inicio, puede hacer clic en el enlace de inicio de sesión y abrir un cuadro de inicio de sesión dinámico con jQuery. Este formulario contiene una llamada de Ajax a un script PHP externo que verifica las credenciales de su información de inicio de sesión y, una vez procesada, otorga o niega el acceso..

Yendo otro paso más, el astuto puede notar un enlace de registro directamente debajo del cuadro de inicio de sesión. Esto ofrece una experiencia de usuario mucho más suave para aquellos que desean registrarse en el sitio web pero no pueden encontrar el enlace de registro.

Si un usuario no tiene una cuenta pero le gustaría crear una, esto lo lleva a la página de registro sin ningún problema técnico de la página con errores. El cuadro de inicio de sesión aún sería una opción viable para acceder a su propia cuenta, sin embargo, permitir la opción da paso a mayores retornos y mayores volúmenes de nuevos registrantes.

Registros simples de una página

Otro paradigma cambiante que vemos es la falta de tal detalle para el registro de nuevas cuentas. Esta no es necesariamente una mala estadística, suponiendo que los usuarios están impacientes por completar los datos. Los números realmente sugieren sitios web con páginas de registro más cortas. más pesado Listas de nuevos usuarios a diario..

Sikbox ofrece una opción liviana para que los visitantes creen su propio cuadro de búsqueda para un sitio web. El único requisito es su propio dominio personalizado para el cual proporcionar resultados de búsqueda. Los campos de entrada son grandes, el texto es muy fácil de leer y hay absolutamente ningún anuncio para distraer a los usuarios de la tarea de construir su formulario de búsqueda!

Ahora bien, esta no es la mejor forma de crear al crear su propia página de registro para un foro o archivo de blog. Estos, por definición estándar, al menos requerirán algún tipo de combinación de dirección de correo electrónico / nombre de usuario junto con una contraseña. Algunas aplicaciones web de la nueva era generarán contraseñas dinámicas para los usuarios solo para acelerar el proceso de registro.

Por supuesto, el compromiso aquí no tiene control sobre el extremo del usuario para generar su propia contraseña, que muchas personas están acostumbradas a.

Construir a partir de efectos llamativos

Una de las mejores experiencias de registro que he tenido fue crear mi primera cuenta de Tumblr. La página de inicio de su sitio ofrece tanto un formulario de inicio de sesión como un formulario de registro colocados directamente uno debajo del otro con los nuevos efectos de resaltado / atenuación de CSS3.

Este enfoque sistemático es similar con respecto al área de inicio de sesión jQuery de Pixel2Life. Sin embargo, la diferencia con Tumblr es que la red no puede ofrecer ningún contenido a quienes no tienen un blog (aparte de navegar por otras cuentas). El beneficio real de tumblr es crear su propio blog y seguir a otros, por lo tanto, su principal objetivo en la página principal es crear una cuenta o iniciar sesión..

Hay algunos errores con este sistema. En particular, en IE6 / IE7 no es compatible con estas nuevas propiedades CSS. También se usa en la página de inicio un sistema para agregar elementos de etiqueta a los valores de entrada del formulario, básicamente anulando la “defecto” Caracteres utilizados para buzones de correo electrónico / contraseña.

Estas etiquetas se desvanecen al enfocarse en los navegadores modernos como Chrome / Firefox. Pero no hay tanta suerte con los navegadores desaprobados que, como pueden imaginar, es bastante molesto tratar de releer su propia entrada.!

Más de 20 ejemplos de diseño de formas hermosas

A continuación se muestra una galería de resumen rápido de algunos diseños de formularios de inicio de sesión fantásticos Estos han sido seleccionados de toda la web e incluyen numerosas formas de aplicaciones web. Si tiene sugerencias para otros sitios, no dude en compartirlas en la sección de comentarios a continuación.!

Snoggle Noticias