A la hora de pensar en usabilidad, lo primero que siempre debes tener en cuenta es comentar tus códigos, ya que esto te permitirá mantener un registro organizado de tu flujo de trabajo.
Datos como éste pueden resultar obvios, pero te sorprenderá saber que muchos diseñadores los dejan de lado. Es por eso que hoy te traemos 8 simples pasos para lograr una web práctica y con mucha usabilidad.
1. Comenta tus códigos
Algunos métodos para comentar:
- En HTML/XML/XHTML debes usar: <!- Tu comentario aquà ->
- En CSS : /* Tu comentario aquà */
- En JavaScript y PHP, a simple linea: // Tu comentario aquà .
- En JavaScript y PHP, a múltiples lineas: /* Tu comentario aquà */
2. Titula apropiadamente tus páginas
A veces los diseñadores al crear una página se olvidan de titularla correctamente o simplemente la dejan en blanco. El tÃtulo de una página va entre las etiquetas <title></title> y se muestra en el tope del navegador. Intenta que sea un tÃtulo simple, limpio y entendible. No utilices demasiadas etiquetas, simplemente describe las palabras claves de tu web. Y bajo ninguna circunstancia dejes de tÃtulo http:/tusitio.com porque esto demostrarÃa que tienes muy poca inventiva.
3. Cambia la apariencia de los links al pasar el mouse por arriba
Cambiar el color o el fondo de tus links es una obligación para la usabilidad y la experiencia visual del usuario. Si estás utilizando imágenes usa JavaScript y CSS sprites para cambiar la imagen on Mouseover. Si las imágenes son pesadas para realizar sprites CSS o rollover utiliza jQuery tooltip para hacer un sitio amigable con el usuario.
4. Enlaza tus titulares y logos
A pesar de que esto suene tonto, existen muchos sitios que no lo hacen. Enlazar los titulares y logos le brindan al lector una forma rápida y fácil de volver a la página de inicio. Si tu logo o imagen se encuentra dentro de una etiqueta de imagen simplemente envuélvela con una etiqueta link, es pan comido.
5. Sigue el diseño estándar
Seguir el diseño estándar se refiere a mostrarles a los visitantes un estilo con el que estén familiarizados. Si estás diseñando para un diario, una revista, o haciendo un portfolio se deben seguir ciertos patrones. La idea es que el diseño de tu sitio impacte en los visitantes.
6. Evita utilizar Ajax
Si puedes, evita utilizar Ajax ya que no es amigable con los motores de búsqueda. El contenido Ajax carga dinámicamente y como resultado los buscadores no lo pueden indexar.
7. Utiliza sabiamente el color
El color es un factor muy importante a la hora de diseñar. Es aconsejable seleccionar colores que atraigan a los visitantes y combinen con el contenido de tu sitio. No mezcles demasiados colores. Los diferentes colores poseen distintos significados, y el color de tu sitio deberÃa reflejar el producto o la persona que estás presentando o vendiendo.
8. Check List
Por último, algunas pequeñas cositas que deberÃas implementar al crear un sitio web:
- Tener un Favicon.
- Tener un mapa de sitio.
- Tener alguna forma de rastrear las visitas de la página y los visitantes.
- Tener una página de contacto o al menos brindar una dirección de e-mail.
En conclusión, puedes que algunos de estos consejos no sean ninguna novedad para los diseñadores avanzados pero pueden resultarle muy útiles a los principianes. Si tienen algo que añadir, no duden en comentarlo.
Haz clic aquà para visitar más tips sobre usabilidad »
Fuente: Desizn Tech
Sábado, 29 de Agosto de 2009 a las 14.09
No es bueno el artÃculo.
Si está hablando de usabilidad, ¿por qué empieza con una recomendación de desarrollo de software?
Obviamente que tener una metodologÃa ordenada hace un mejor software, pero eso no está directamente relacionado con usabilidad. Es como decir que una buena PMO mejora la usabilidad porque los proyectos salen más ordenados… cualquier cosa.
Lo mismo que la recomendación “no uses AJAX”. ¿Está seguro que estás hablando de usabilidad? Porque eso es una -mala, simplista- recomendación sobre SEO.
Una recomendación constructiva, métanle más trabajo a los artÃculos antes de publicarlos porque pueden dar una pobre imagen de la página, que por otro lado es muy buena.
Domingo, 30 de Agosto de 2009 a las 03.11
En el punto 6 no estoy de acuerdo, creo que es mejor decir “Use Ajax de manera no intrusiva y donde realmente beneficie a la usabilidad”.
Porque “evite usar Ajax” es una mala premisa, cuando un buen uso de Ajax puede ayudar notablemente a la usabilidad de un sitio web.
Un ejemplo, para enviar un comentario, no tiene nada de malo usar Ajax, por el contrario mejora la experiencia del usuario.
Otro, cuando me encuentro con las estrellas para calificar un video o un tema, como usuario, lo mÃnimo que espero es que la página no se recargue al dar mi puntuación.
El uso o no uso de Ajax en un sitio debe ser evaluado, pero no es correcto volverse “Ajaxmaniático” ni satanizar dicha tecnologÃa.
Un saludo desde Colombia.
Domingo, 30 de Agosto de 2009 a las 07.28
Hola,
creo que estás confundiendo el concepto de usabilidad con otras cosas. La definición oficial de usabilidad es, según la ISO 9241, la caracterÃstica de un producto que mide la eficacia, eficiencia y satisfacción de usuario en el uso que le da un grupo determinado de usuarios con unos objetivos determinados en un contexto determinado.
A partir de esta definición, voy a ir comentando cada punto de tu artÃculo:
1. Si los usuarios principales a los que te diriges son desarrolladores web con el objetivo de mostrar lo bonito que es el código de tu página, aplica la recomendación. Pero en el 99,999999999999999% de los casos, las personas que te visitan son personas interesadas en el contenido de la página, el código que has utilizado les da exactamente igual. Como si has metido un h3 dentro de un h1. Mientras ellos accedan al contenido, la usabilidad no se resiente en absoluto.
2. Eso de que ‘bajo ningún concepto dejes el dominio del sitio’ es bastante cuestionable. En las pruebas de usuario que hacemos se demuestra que los usuarios apenas miran el tÃtulo de la página, y los que lo miran, agradecen que les indiques dónde se encuentran, siendo lo que mejores ratios de eficacia obtiene el nombre del dominio y el nombre de la página en la que se encuentran.
3. Matar moscas a cañonazos no siempre es la mejor opción: utilizar el a:hover del XHTML y CSS da resultados óptimos tanto para imágenes como para colores. No te olvides también de colorear los enlaces visitados con un a:visited
4. ¿Enlazar el titular de la página? ¿Para ir a la misma página en la que nos encontramos? ¿Por qué generar confusión gratuita en el usuario?
5. No es coherente el tÃtulo de seguir diseños estándares con la idea de que el sitio impacte en el usuario. En cualquier caso, volvemos a la definición. Dependiendo del objetivo de tu sitio y del objetivo de los usuarios. Si eres un diseñador web que quiere mostrar su portfolio, o un microsite publicitario, un diseño estándar causará la impresión de ser monótono y los usuarios preferirán otro sitio a quien encargar su web molona. Si lo que buscan es un blog, un site corporativo o una revista, el diseño estándar sà es que es buena recomendación. Pero… ¿A qué llamamos diseño estándar? ¿Conoces 2 sitios exactamente iguales?
6. Vale, antes decÃas que utilizaras javascript para cambiar las imágenes ¿y ahora dices que ajax es malo? Ajax en sà mismo no es malo ni bueno, sólo es una tecnologÃa, y se ha demostrado que bien usada recorta tiempos de espera y añade funcionalidades que los usuarios agradecen y mucho. Y si no, que se lo digan a todos los que usan gmail. Lo mismo pasa con Flash: en sà mismo no es malo, sólo es una tecnologÃa. Depende del uso que se le dé el estar bien usada o no.
7. En temas de colores no me voy a meter porque reconozco que son mi punto débil, pero de la teorÃa que he leÃdo en otros lados, me da que resumirlo en 4 lÃneas como has hecho es simplificarlo bastante.
8. Lo del los checklist no está mal, pero ¿dónde está la arquitectura de información? ¿y la planificación? ¿el estudio previo de tus usuarios? ¿de tus capacidades? ¿de tu financiación? Hacer una página web no es sólo poner un formulario de contacto. Es que tú consigas tus objetivos, y de forma recÃproca, que los usuarios consigan los objetivos con los que vinieron a tu web. Eso es usabilidad.
Martes, 1 de Septiembre de 2009 a las 04.43
para “principiantes” esta bien.
Menos el paso 1 q es solo para el diseñador y el del Ajax buscadores, si me parecen de usabilidad a mi.
5.Sigue el diseño estándar (para los usuarios medios tontines, asi no se nos piantan jojo
@Olgita : ¿Enlazar el titular de la página? es para ir al home