270 likes | 415 Views
Usabilidad, Principios de Diseño Web Mercadeo Electrónico - ULACIT. La página de inicio . ¿Para qué sirve un sitio web?. Se considera que es un atributo de calidad de un objeto en el cual se evalúa cuan fácil es su uso. - Jakob Nielsen .
E N D
Usabilidad, Principios de Diseño Web Mercadeo Electrónico - ULACIT La página de inicio
Se considera que es un atributo de calidad de un objeto en el cual se evalúa cuan fácil es su uso. - Jakob Nielsen. El grado en que un producto puede ser utilizado por determinados usuarios para conseguir objetivos específicos con efectividad, eficiencia y satisfacción en un contexto de uso específico. - ISO 9241-11. Usabilidad Definición
¿Si un objeto es difícil, confuso e incómodo? ¿Lo usarían? La competencia está a uno o dos clics de distancia. Nuestro éxito depende los usuarios y su experiencia. Usuarios satisfechos, desarrollan lealtad y son reacios a cambiarse a competidores. Usabilidad y los Negocios Cafetera para Masoquistas. Jacques Carelman.
Usuarios frustrados = Ventas perdidas Usabilidad y los Negocios
Diseñar pensando en el usuario, manteniendo siempre la calidad de su experiencia. Buena Experiencia = Clientes Satisfechos
Un sitio web es como un contenedor compuesto por lo siguiente: • Página de Inicio • Alguna aplicación especializada o formularios (opcional) • Resto de páginas con contenido (descripción de productos o servicios) usualmente dividido en SECCIONES • Navegación que permite al usuario llegar a dichas Secciones Componentes de un sitio web
Es la página más visitada de todo sitio web. • Tiene mucho que mostrar en muy poco espacio: • Identidad corporativa (logo) • Navegación (secciones) • Muestras de lo más interesante • Muestras de actividad reciente • Publicidad • Atajos a las principales funciones o aplicaciones • Búsqueda • Registro de usuarios • Establecer credibilidad y dar una buena impresión • Cualquier otra exigencia por parte de la empresa La Página de Inicio
Por más bueno que sea el diseño nunca podrá cumplir con todo el mundo. IMPORTANTE: el usuario debe captar claramente de qué se trata mi negocio. La página de inicio debe responder rápidamente 4 preguntas: La página de Inicio
Estas preguntas deben ser respondidas de un vistazo, correctamente, sin ambigüedades y sin esfuerzo. La Página de Inicio ¿Qué puedo hacer aquí? ¿Por qué debería estar aquí? ¿Quiénes son ellos? ¿Qué ofrecen ellos?
Las páginas de inicio de un sitio web son el espacio más caro del mundo. El espacio en la página de inicio de una gran compañía puede llegar a costar hasta 1,300 veces más que tierra en el distrito financiero de Tokio. La Página de Inicio
Los diseñadores pensamos lo siguiente: • Los usuarios van utilizar TODAS y cada una de las páginas • Leerán TODO el texto • Se tomarán el tiempo de descifrar como funciona una aplicación • Sopesarán sus alternativas antes de decidir en cual enlace harán clic • TODO el mundo es un experto en computadoras • TODO el mundo tiene la última tecnología ¿Cómo realmente utilizamos las páginas web?
¿Cómo realmente utilizamos las páginas web? Cómo espera el diseñador que se use Cómo el usuario la usa.
No leemos las páginas. Las exploramos superficialmente (scan). • Buscamos palabras o frases que nos llamen la atención en el contenido, “Gratis”, “Rebaja”, “Oferta”, “Sexo” y nuestro nombre. • Excepto en el caso de noticias, descripciones de productos, reportes, sólo si son cortos. • Lo hacemos porque: • Estamos en apuro • Sabemos que no tenemos que leer todo • Somos buenos “escaneando” La vida es así…
APRENDAMOS A AHUYENTAR A LOS CLIENTES…… ELECTRÓNICAMENTE.
Esconde la información que los usuarios quieren: • Precios, teléfonos, direcciones, tarifas
Para poder entrar al sitio web hay que ver obligatoriamente a ver un vídeo, una animación o un anuncio Utiliza páginas de introducción (splashpages) http://www.hrubes.com/ http://www.pandminc.com/ http://www.rbehijos.com/ ¿Quieres AHUYENTAR a los clientes?
Utiliza un sistema de navegación confuso y alejado de las convenciones NO UTILIZAR EL LLAMADO A LA ACCIÓN: “Contáctenos” “Compre” “Llámenos” “Cotice Sin Compromiso” ¿Quieres ahuyentar a los clientes? http://www.rushofbloodtothehead.co.uk/ http://chiptune.com/
Utiliza una muralla de texto • Utiliza cualquiera de las siguientes técnicas: • Con poco contraste • Letra pequeña • Mal redactado, con faltaz de hortografía • MUCHO TEXTO EN MAYÚSCULAS • Texto subrayado (solamente los enlaces deben estar subrayados) ¿Quieres espantar a los clientes?
Crea un sitio web que se vea amateur • Sea lento • Se vea desorganizado • Lleno de animaciones • No DEJAR claro de que se trata el negocio u organización a la cual pertenece el sitio web. • Ejm: • http://www.tamborradesign.com/ • http://art.yale.edu/ • http://www.freizeitparkherne.de/ ¿Quieres espantar a los clientes?
El sitio web es nuestra única estrategia de mercadeo. El sitio web es parte de la estrategia de mercadeo Por último… otro error común
Web Design by the Numbers: Homepages of the Fortune 500 - http://www.theloudfew.com/blog/web-design-by-the-numbers-homepages-of-the-fortune-500/ Krug, Steve. Don’tmake Me Think. 2005. PearsonEducation. E.U.A. Nielsen, Jakob. Designing Web Usability. 2006. New RidersPublications. E.U.A. Nielsen, Jakob. Prioritizing Web Usability. 1999. New RidersPublications. E.U.A. Nielsen, Jakob. Homepage Usability: 50 Websites Deconstructed. 2001. New Riders Publications. E.U.A. http://www.webpagesthatsuck.com/mysterymeatnavigation03.html Bibliografía