Ya no sólo tenemos la posibilidad de estar comunicados por voz y mensajes de texto a todo momento; ahora podemos revisar agendas, leer y escribir mails, navegar por sitios de internet y hasta consultar direcciones sobre mapas on-line.

Dentro de esta nueva camada de dispositivos móviles que nos conectan con el mundo de todas las formas imaginables, el que más se destaca quizá no por funcionalidad sino por diseño y agite mediático, es sin duda el iPhone de Apple.

ElForro.com es una comunidad básicamente latinoamericana, con una gran influencia de público argentino. Por esta parte del mundo estamos acostumbrados a quedar un poco rezagados en cuanto a la tecnología, pero es indudable que últimamente más temprano que tarde, todo llega a nuestras manos. Por eso y porque el espíritu es hacer todo lo que esté a nuestro alcance por ofrecer el mejor servicio teniendo en cuenta los últimos adelantos tecnológicos, ElForro se convirtió en el primer y único foro del mundo -y juramos es literal- en ofrecer un acceso completamente optimizado para dispositivos móviles, más concretamente para iPhone y iPod Touch.

Quizá el 99% de los lectores de esta entrada no reconozcan en esta noticia algo realmente útil, simplemente porque no poseen un iPhone o iPod. Pero el objetivo tanto de esta optimización como de su anuncio es demostrar nuevamente que no importa que tan lejos esté en el horizonte cualquier posibilidad tecnológica; si es posible, ahí estaremos para hacerlo.

Por último, y para reafirmar nuestra idea de ‘Comunidad’, este re-diseño exclusivamente pensado para dispositivos móviles acaba de ser liberado de manera gratuita a todo el mundo, para que otros foros del mundo puedan hacer uso de nuestro trabajo libremente. Porque ElForro no se trata simplemente de una comunidad Argentina, sino que es una comunidad dentro del mundo, y creemos muy importante sostener bien alto la premisa de toda comunidad; compartir, ayudar y unir.

Es así que ElForro.com dio un pequeño paso en cuanto al acceso a foros de discusión desde dispositivos móviles, y aunque no sea una noticia realmente significante al menos para nosotros, estamos orgullosos de ser los primeros en hacerlo no sólo en nuestro país ni continente, sino en el mundo.

Algunas capturas del diseño

Después de una introducción quizá un tanto violenta y concentrándome más que nada en la última línea, hoy quiero hablar del diseño y su rol en la usabilidad de cualquier proyecto web.

Decidí escribir sobre esto por un hecho concreto que pone de manifiesto la real importancia del diseño a la hora de comunicar y guiar a estos usuarios despistados; el diseño de formularios.

ElForro.com tuvo desde sus inicios el formulario de registro default (por defecto) del sistema de foros VBulletin. Un día decidí mejorar y aclarar ciertos parámetros del formulario, y la cantidad de registros se triplicó. Hoy nuevamente realicé algunos retoques y -para mi sorpresa- el promedio de usuarios registrados en el día aumentó notablemente.

Es por eso que me interesaría remarcar algunos puntos que hacen a un buen formulario de registro:

• Sólo datos esenciales

Nadie quiere completar su Nombre y Apellido, ni su fecha de nacimiento. De ser necesario, esos datos deberían ser complementarios y en lo posible no se mostrarían hasta después de completar el proceso de registro. De esta manera todos los datos adicionales quedarían pendientes para que el usuario edite su perfil cuando lo crea conveniente.

• Textos explicativos

A pesar de ser generalmente ignorados, los textos explicativos de cada campo son una buena alternativa ante una eventual duda del usuario. En lo posible deberían no interferir con la fluidez del relleno de datos.

• Campos Grandes [Inputs]
  

Al utilizar campos grandes con tipografía espaciada y bien visible, el usuario se siente más cómodo y parece que la información a completar es mucho más sencilla.

• Feedback / Guías

Con el advenimiento del AJAX y la Web 2.0 resulta realmente útil el chequeo y comprobación de campos de manera asincrónica (sin necesidad de recargar la página). Esto se puede reforzar con íconos que comuniquen claramente “bien” y “mal”, en conjunto con colores “verde” y “rojo” (un estándar comunicacional para errores y aciertos) tanto en los avisos de comprobación como en los mismos campos completados por el usuario. Esto ahorra muchísimo tiempo (segundos) y puede ser determinante para no perder a un potencial futuro usuario. Nadie quiere completar un formulario 5 veces por completar mal un campo.

• ¿Captchas? Comprobación Anti Bots

Lamentablemente el SPAM y los Bots sobran, y hay que protegerse de alguna manera; Una forma es utilizar las imágenes denominadas Captcha. El problema con este método es que muchas veces las imágenes son pobres y los caracteres indistinguibles. Hay nuevos métodos que están surgiendo en su reemplazo, como la utilización de fotografías o textos como “Complete el resultado de 2 + 2″ para confundir a los Bots, pero las CAPTCHAs siguen siendo el método preferido. Afortunadamente, la comprobación de caracteres también se puede realizar mediante AJAX [ver captura], incluso con una actualización automática de la imagen CAPTCHA al ingresar mal los caracteres.

Teniendo todo eso en cuenta, el formulario de registro de ElForro.com fue rediseñado y cuidado en cada detalle; logrando incrementar (aún más) la tasa de conversiones a la hora de enfrentar a un usuario a la ardua tarea de completar un formulario.

Además, utilizando hojas de estilo CSS (Cascading Style Sheets) se puede dar aún más vida a cada movimiento del formulario, logrando que cada celda se ilumine de distinto color, pudiendo hasta comportarse de 4 maneras distintas según sus instancias: inactiva, activa, correcta, incorrecta.

Utilizando a conciencia todos estos recursos de diseño, mas una correcta disposición y elección de la información solicitada al usuario, los formularios pueden dejar de espantar a los usuarios con fatiga mental.

Afortunadamente, los formularios son molestos para todos los usuarios por igual, y ya se está trabajando en una forma de estandarización para estos datos mediante un OpenID, donde cada uno pueda guardar su información, logrando que los formularios se completen automáticamente o directamente no sean necesarios. Pero para eso faltan unos años, y mientras tanto debemos intentar mejorar la experiencia del usuario en cada uno de sus movimiento; siendo el Registro su primer paso, debería ser el menos doloroso.

Si ya estamos acostumbrados a navegar por un sitio todo el día, no hay nada peor que entrar y encontrarse sin previo aviso con un diseño completamente distinto, y hasta con diferentes colores. Por eso todas las modificaciones realizadas en ElForro se piensan -por lo general- muchas veces, y se intentan realizar gradualmente.

Lo que primero salta a la vista al comparar ElForro de hace más de 1 año y medio con el de hoy es su logotipo.

Así nació ElForro.com.ar el 19 de Febrero de 2006…

Así es ElForro.com hoy…

Para todos los interesados en conocer qué familia tipográfica se utilizó en el Logotipo, son dos (2) variables de la familia Chalet:

• el Chalet – LondonNineteenSeventy
• forro Chalet – NewYorkNineteenSeventy

Los cambios fueron demasiados y muy específicos como para detallar uno por uno [aunque ese sería el trabajo diario de nuestro Twitter]. Pero para describirlos rápidamente, podríamos decir que se rediseñaron completamente tanto el header [la parte superior] como el footer [la parte inferior] de todas las páginas; se modificó el color de fondo para separar la parte del menu superior del resto de la página; se modificaron todos los íconos y botones del sitio; y se agregaron cientos de nuevas funcionalidades desde ese lejano Febrero.Para comparar la vieja y nueva versión de ElForro, dejo 4 capturas; En Febrero de 2006 y hoy…

Header

Footer

Como verán, ElForro es lo que es hoy por cientos de cambios realizados día a día. Colores elegidos especialmente para cada lugar del sitio, imágenes especialmente diseñadas para cumplir funciones específicas, y muchísimas decisiones gráficas más con el único fin de lograr una experiencia final en la navegación lo más placentera posible.

Espero este post en particular haya servido para develar al menos en parte el trabajo que se esconde detrás de lo que ven día a día. Y de paso, si quieren comentar algo referido al diseño, para eso está el Blog!