En esta ocasión, el tema a tratar es uno de los elementos que toda página de internet debería tener como requisito indispensable, y que es el pan de cada día para varios diseñadores web, o bien, para gente que simplemente gusta de tener un espacio propio en la red de comunicación más grande de los últimos tiempos.
Es indudable que a veces, por no decir que casi siempre, uno quiere plasmar su estilo propio en todas y cada una de las cosas que hacemos. Día a día miles de páginas web son creadas con el fin de entretener, de informar e incluso vender algo a los ciberlectores. Pero ¿qué pasa cuando la página web no cuenta con una buena interfaz, o un diseño que lejos de que nos den ganas de explorarlo, nos cierra las puertas y nos crea barreras para accesar al contenido de dicha página? La respuesta es sencilla… simplemente no volvemos a entrar a ella.
En este punto, me gustaría hacer mención de algo muy importante, digamos que es una regla proporcional: A mayor usabilidad, mayor cantidad de usuarios tendrá una página web.
Y es aquí donde viene la pregunta del millón, ¿qué es usabilidad? Pues, en mi forma de entender este concepto, usabilidad para mí, es la suma de aspectos internos y externos que hacen que una página web sea fácil de entender, de usar, de aprovechar la información que ofrece, e incluso de disfrutar.
En lo personal, una razón (por cierto, muy potente para mí), por las que no tengo Facebook (y eso que soy amante de la web), es precisamente porque no entiendo nada de la página, no sé como moverme en ella, la información la siento muy desordenada, salen fotos aquí, comentarios por allá, en fin, un verdadero desastre. Obviamente, hay gente que piensa lo contrario, o quizás yo no tengo la experiencia necesaria, pero si la red social más grande del mundo, presentara la información más organizada, explorarla sería divertido.
Pero bueno, dejando a un lado el Facebook, quiero compartirles unos puntos importantes que leí en un manual que anda circulando en la web, y que trata precisamente sobre la usabilidad de las páginas de internet. Algo de lo que dice este manual y en lo que nunca me había fijado, es que la mejor inversión de tiempo y rendimiento consiste en introducir mejoras en el uso de cualquier página web, es decir, de nada sirve que pagues millonadas en un buen sitio, si nadie va entrar en él simple y sencillamente porque no sirve para nada, es más, ni siquiera el que la pensó se adapta a su funcionamiento, tal vez tengas buena información, pero si nadie sabe cómo acceder a ella, es tonto tratar de perpetuar un sitio como ese, cancelarlo sería una opción, pero mejorarlo sería por mucho, la mejor de todas.
Unos tips o puntos clave para lograrlo, pueden resumirse en:
1. La paleta de colores: Realmente no hay mucho que decir, simple y sencillamente que si queremos que nuestra página web sea llamativa, el uso y distribución de los colores adecuados, es una herramienta de primera mano si lo que buscamos es impactar al usuario. A veces creemos que al usar colores muy contrastados, brillosos o intensos lograremos los resultados deseados, lo cual es totalmente erróneo, es más, el usuario ni siquiera podrá leer la primera línea. Por eso, en mi opinión, si se pretenden usar varios colores a la vez, estos deben ser complementarios, o bien podemos mezclar colores brillantes con tenues, así le daremos más armonía a nuestro sitio.
2. Usar reproductores de video, harán más divertida la experiencia. Obviamente entre más formas tenga la página de mostrar su información, más usuarios podrán acceder a ella, ya que a muchas personas, por ejemplo, no les gusta leer, así que presentar un video, solucionaría ese aspecto. No obstante, poner videos en la web, nos resta velocidad en la navegación y megas menos para poder poner más información, que de ser escrita, no daría tantos problemas. Por ese motivo, el Real Player es uno de los mejores emisores y reproductores de la web, ya que comprime más los videos que otros, lo cual los hace menos pesados y a una buena calidad. Pero si el Real no te convence, entonces el Windows Media Player o el Quick time pueden ser buena opción.
3. El uso de frames. Podemos decir que los frames, son los “cuadritos” que dividen a toda la página web en filas o columnas, a fin de organizar y poder desplazar mejor todo el contenido de nuestra página web. No es lo mismo poner toda la información a renglón seguido y sin ninguna división, a tener ordenadas las secciones del lado derecho y las fotos por el izquierdo. El uso de frames se traduce en mejoras en la rapidez de navegación de la página, incluso crearlas será más simple ya que los frames proporcionan elementos fijos que nunca perderemos de vista. Sin embargo, a veces esos elementos fijos, suelen ser molestos, ya que algunos usuarios no se sienten libres al navegar en la página, aparte, algunos navegadores no lo soportan, por eso, es importante indagar antes de usarlos.
4. Construir páginas sencillas. Siempre he pensado que la simpleza es elegancia, y las páginas web no son la excepción. Algunas empresas por querer acaparar más usuarios, erróneamente terminan rellenando cada espacio de su página con cosas que ni siquiera tiene sentido mostrar. En este punto, el manual dice que el porcentaje óptimo de pantalla activa no debe ser mayor a un 20% un 60%. Si estás ansioso de mostrar toda tu información, es mejor que antes de publicarla, elimines todo dato superfluo y la agrupes, así la gente la localizará más rápido y le agradará leerla.
5. Organizar información para web sites. Al crear un sitio es mejor empezar de adentro hacia afuera, es decir, tenemos que tener un módulo básico de información, el tema central de todo nuestro site. Después comenzamos a meter toda la información y a crear palabras clave que la identifiquen y sean consistentes. Con las etiquetas ya hechas, podremos ir configurando el menú general. Una vez que todo está terminado, podemos pasar al “card sorting”, que no es más que ordenar las etiquetas de manera más relevante para el usuario. Por último, se hace la portada y la página de salida de categoría, donde el usuario podrá comprar todas sus opciones antes de su selección final.
6. Uso de Hojas en estilo de cascada (CSS). Antes las páginas se diseñaban únicamente a través del fastidioso HTML, pero con las CSS, el trabajo se hace más fácil al complementar que eran casi nulas con el HTML, de esta forma se puede separar el contenido de la página de su forma de presentación. Con este tipo de hojas, es más fácil, crear y tener actualizado nuestro web site, aparte de que la velocidad en la transferencia de datos es mejor.
7. El uso de los iconos. Uno de las ventajas que esto nos presenta, es que nos ahorraremos extensos textos que nos restarán espacio, además tendremos una web con un aspecto visual mejor y haremos la navegación menos tediosa. No obstante, como los iconos son subjetivos, a veces los usuarios no entienden lo que estos representan, sobretodo si el concepto que representan no tiene un equivalente en la vida real. Si las ideas que quieres representar con ello son muy complejas, lo mejor es no usarlos, pues le darán una mala experiencia al usuario en la web.
Obviamente, hay muchas cosas más a tener en cuenta cuando estamos interesados en crear un sitio web, pero algo que sin duda no debe faltar jamás antes de que la página salga al público, es pasar por una exhaustiva evaluación, misma que si es bien hecha, nos evitará muchos dolores de cabeza en un futuro. Esta evaluación puede ser automática (mediante software), por medio de directrices (se hace de acuerdo a un manual o lista de las características que debe tener un buen sitio), o bien, mediante una evaluación a través de algunos usuarios, la cual es la más compleja pero más atinada, ya que se toma una pequeña muestra de usuarios, y se evalúa el rendimiento y la opinión de los sujetos mientras navegan en el sitio.
Como podemos ver, las opciones son muchas, pero en mi opinión, lo más importante no sólo para crear páginas web, es tener claros nuestros objetivos ante todo, sólo así evitaremos perdernos en el amplio océano de las comunicaciones, y por qué no, también en el océano de nuestra propia vida.
