Posts Tagged ‘web’

usabilidad

Wednesday, October 28th, 2009

Usabilidad en 10 principios.

Muchas empresas piensan que la usabilidad web es caro, hasta hay multinacionales que se gastan bastante dinero en hacer tests de usabilidad e investigación, pero todo puede ser más simple, si usamos algunos de estos principios:

1. Incluir un lema

Es una declaración de principios: la filosofía y la misión de un sitio web. Este debe ser visible sólo entrar en la web y se debe resumir en una sola frase. Un sitio web tiene tan sólo 8 segundos para captar la atención del usuario. Con este podremos mantener al visitante más tiempo.

En pocas palabras, la usabilidad es fácil de hacer que su sitio web para sus usuarios a encontrar la información que necesitan cuando lo necesitan.

Un error común entre las empresas sobre la usabilidad web es que la usabilidad es caro. Sí, hay empresas multinacionales que gastan miles de dólares en pruebas de usabilidad y la investigación, pero para una empresa de utilidad diaria se puede lograr sin el conocimiento de expertos en usabilidad o sin equipo caro para la prueba.

Los diseñadores Web tienen un trabajo mucho más fácil de hacer, sólo mediante la lectura de artículos de uso que se puede acumular un conocimiento bastante bueno de aspectos básicos de usabilidad y cómo ponerlas en práctica en un sitio web.
1. Incluir un lema

Una frase es una declaración o un lema que representa una empresa, o en nuestro caso de un sitio web, la filosofía y misión. Debe ser el elemento más evidente en la primera página de un sitio web y se debe describir claramente el sitio web en una sola frase.

Las estadísticas muestran que un sitio web tiene sólo 8 segundos para captar la atención de un visitante para que puedan navegar por el sitio más. Sin un claro lema de un sitio web que tienen dificultades para mantener los visitantes el tiempo suficiente para navegar por las páginas interiores.

2. Aplicar búsqueda del sitio

Añador al sitio, el elemento búsqueda que nos permitirá buscar rápidamente que hacen en el sitio web. Según Jacob Nielsen - gurú de usabilidad - los campos de búsqueda deben ser de 27 caracteres para que el texto sea claramente visible y fácil de usar. Coloque el campo de búsqueda de texto en la parte superior de su página web, porque los usuarios tienden a buscar un sitio web con arreglo a la F, es decir desde la parte superior izquierda a la inferior derecha.

Incluye un botón de búsqueda y especificar claramente el texto de búsqueda.

3. No uso abusivo de gráficos

Con los elementos gráficos hay que usar el lema de Mies: menos es más.
4. Utiliza mapas de la web

Mapas del sitio web son una característica relativamente nueva que mejora la navegación web y optimización de motores de búsqueda (SEO). Son la representación estructural de las páginas de un sitio web y la arquitectura.

5. No romper el flujo de trabajo

El flujo de trabajo nos referimos a todas las operaciones que un usuario está haciendo en un sitio web. Por ejemplo, rellenar un formulario, registrarse en un sitio web, navegación por categorías, archivos, etc No rompa estos flujos de trabajo, permite al usuario cancelar cualquier operación. Al no dejar que el usuario cancela una operación, estamos obligándolos a terminarlo, incluso si no lo desea.

Otro error no es cambiar el color de los enlaces visitados, esto se traduce en la ruptura del diseño de la navegación. Haga saber a los usuarios dónde han estado y donde están en un sitio web.
6. Leer fácilmente páginas Web

La mayoría de los usuarios no leen las páginas web,  sinó que leen  títulos, negritas,  listas. … Según estudios el usuario lee el contenido en forma de H, lo que significa que la lectura se inicia desde la parte superior izquierda de la página web, al lado se mueve un poco a partir de la izquierda de nuevo.

Nielsen también señala las consecuencias de este patrón de lectura:

* Los usuarios no leerán una página de contenido web palabra por palabra, se va a extraer los puntos importantes, el texto en negrita, etc
* Los dos primeros párrafos son esenciales en una página web. Estos deben contener la información más importante que sus visitantes están buscando.
* Sub títulos y en las listas se destaca en los párrafos regular. Utilizar estos elementos para informar a los usuarios sobre la información importante.

7. No engañar al usuario con diseños de  controles de interfaz
Existen elementos gráficos que despistan al usuario como hacer elementos que parezcan un botón y no lo son, o ver que un texto se subraya y se parece a los vínculos, pero no se puede hacer clic. Esto hace que el usuario se desespere y finalmente se marche. Es muy importante ser coherentes en el diseño.

8. Retroalimentación

Este es el canal de comunicación entre el sitio y los usuarios, con la ayuda de comentarios que dejan los usuarios podemos saber qué está pasando en el sitio. En el caso de un error en su página web, invite al usuario a indicarle que ha salido mal.
A su vez cuando un usuario rellena un formulario, no haga que los usuarios tienen que rellenar la misma información dos veces. Por ejemplo, si un usuario se ha registrado en un sitio web y necesita rellenar un formulario en algún momento, no le pregunte por su nombre o cualquier otra información que éstas hayan facilitado ya, porque estos datos ya existen en algún lugar de un archivo o base de datos. Por el simple hecho de estos datos automáticamente estamos simplificando todo el proceso.
9. No Abuse Javascript

Con la llegada de Javascript y la técnica AJAX, diseñadores y desarrolladores web pueden crear sensible, transparente, sitios web, pero como en todas las nuevas tecnologías hay un coste. En nuestro caso, el coste es la inconsistencia del navegador web, por ejemplo no todos los usuarios tienen activado Javascript por defecto…

Mediante el uso de JavaScript en un sitio web ampliamente que bloquear estos usuarios. Utilizar en su lugar Javascript discreta y la degradación de agraciado.
10. Evite CAPTCHAs

El problema con CAPTCHAs son que cada tipo de método de verificación humana desencadena un proceso complejo en el cerebro de los usuarios (por ejemplo, averiguar el texto distorsionado, sumar dos números, etc.)

Otro problema con CAPTCHAs son las incoherencias en relación con las diferentes culturas. Por ejemplo, los símbolos de China, las cifras son diferentes de las cartas de la mayoría de los occidentales y los números arábigos. Los chinos tienen un tiempo mucho más difícil el uso permitido de letras cifradas formularios en línea.

Artículo traducido de http://www.webdesignerdepot.com/2008/12/10-usability-tips-for-web-designers/

You Are The CSS To My HTML

Tuesday, October 13th, 2009

13 punts per revisar en una web

Tuesday, June 30th, 2009

De smashingmagazine.com he tret aquests 13 punts a revisar després de fer una web.

  1. Favicon
    Icona de la imatge del web que apareix en els navegadors
    <
    link rel=“icon” type=“image/x-icon” href=“/favicon.ico” />
  2. Titles i Meta Data
    Queda horrible una web sense títol, no te’l deixis i a més fes que tingui a veure amb el que expliques al web.
    Meta dades et serveixen per posicionar la teva web
  3. Revisar en diferents navegadors i resolucions
    Quan maquetis una web verifica-la amb el tots els navegadors que tinguis disponibles, mai saps que et pot passar amb Explorer.
  4. Rellegeix el text
    Llegeix tot el què has escrit, revisa les faltes, millor poc text amb paràgrafs.
  5. Vincles
    No et deixis cap vincle, revisa que funcionin i no t’oblidis del http://
  6. Funcionalitat
    Passa tests de usabilitat
  7. Javascript
    Prova que funcioni correctament en tots els navegadors i que no doni errors a la plana
  8. Validació XHTML i CSS
    Passa per la w3C i valida el teu html
  9. Rss Link
    Si la teva web és un blog afegeix el codi rss a dins del <head> <link rel=“alternate” type=“application/rss+xml” title=“Site or RSS title” href=“link-to-feed” />
  10. Analytics
    Per saber qui veu la pàgina, fer estadístiques posa’t analytics
  11. Mapa web
    Crea un mapa web perquè la gent no es perdi si tens molt contingut
  12. Disseny planes errors
    No t’oblidis de dissenyar les planes de error del teu web, la més comú la 404.
  13. Impressió
    Si vols que s’imprimeixin contingut de la teva plana crea el css per a imprimir.

colors

Thursday, June 18th, 2009

per trobar el color, paleta i combinacions que necessitis: colorschemedesigner.com

colors


© 2009 ebavs