la página de inicio

27
Usabilidad, Principios de Diseño Web Mercadeo Electrónico - ULACIT LA PÁGINA DE INICIO

Upload: wyman

Post on 24-Feb-2016

43 views

Category:

Documents


0 download

DESCRIPTION

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 . - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: La página de inicio

Usabilidad, Principios de Diseño WebMercadeo Electrónico - ULACIT

LA PÁGINA DE INICIO

Page 2: La página de inicio

Objetivo General: Poder diseñar una página de inicio que responda a las necesidades de la empresa.Contenidos Competencias Estrategia•¿Para qué sirve un sitio web?•Definición de Usabilidad•Usabilidad y los Negocios•Componentes de un Sitio Web•La Página de Inicio•¿Cómo utilizamos las Páginas Web?•Aprendamos a ahuyentar a los Clientes•Otro error común

•Reconocer la importancia de la página de inicio para el negocio•Identificar los errores de diseño que inciden negativamente en el desempeño de la página de inicio

•Visitar sitios web. Utilizar•aplicaciones en línea.•Powerpoint.

Bibliografía: Krug, Steve. Don’t make Me Think. 2005. Pearson Education. E.U.A.Nielsen, Jakob. Designing Web Usability. 2006. New Riders Publications. E.U.A.

Page 3: La página de inicio

¿PARA QUÉ SIRVE UN SITIO WEB?

Page 4: La página de inicio

USABILIDAD DEFINICIÓN 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.

Page 5: La página de inicio

USABILIDAD Y LOS NEGOCIOS ¿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.

Cafetera para Masoquistas.Jacques Carelman.

Page 6: La página de inicio

USABILIDAD Y LOS NEGOCIOS Usuarios frustrados = Ventas perdidas

Page 7: La página de inicio

Diseñar pensando en el usuario, manteniendo siempre la calidad de su experiencia.

Buena Experiencia = Clientes Satisfechos

Page 8: La página de inicio

COMPONENTES DE UN SITIO WEB 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

Page 9: La página de inicio

LA PÁGINA DE INICIO 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

Page 10: La página de inicio

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:

Page 11: La página de inicio

LA PÁGINA DE INICIO

Estas preguntas deben ser respondidas de un vistazo, correctamente, sin ambigüedades y sin

esfuerzo.

¿Por qué debería estar aquí?

¿Qué ofrecen ellos?

¿Qué puedo hacer aquí?

¿Quiénes son ellos?

Page 12: La página de inicio

LA PÁGINA DE INICIO 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.

Page 13: La página de inicio

LA PÁGINA DE INICIO – AMAZON.COM

Page 14: La página de inicio

PÁGINA DE INICIO – BGENERAL.COM

Page 15: La página de inicio

¿CÓMO REALMENTE UTILIZAMOS LAS PÁGINAS WEB?

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

Page 16: La página de inicio

¿CÓMO REALMENTE UTILIZAMOS LAS PÁGINAS WEB?

Cómo espera el diseñador que se use

Cómo el usuario la usa.

Page 17: La página de inicio

LA VIDA ES ASÍ… 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”

Page 18: La página de inicio

APRENDAMOS A AHUYENTAR A LOS CLIENTES…… ELECTRÓNICAMENTE.

Page 19: La página de inicio

Esconde la información que los usuarios quieren: Precios, teléfonos, direcciones, tarifas

Page 20: La página de inicio

¿QUIERES AHUYENTAR A LOS CLIENTES?

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 (splash pages)

http://www.hrubes.com/ http://www.pandminc.com/ http://www.rbehijos.com/

Page 21: La página de inicio

¿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”

http://chiptune.com/http://www.rushofbloodtothehead.co.uk/

Page 22: La página de inicio

¿QUIERES ESPANTAR A LOS CLIENTES?

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)

Page 23: La página de inicio

¿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/

Page 24: La página de inicio

http:// www.dokimos.org/ajff/

Page 25: La página de inicio

http://www.arngren.net/

Page 26: La página de inicio

POR ÚLTIMO… OTRO ERROR COMÚN El sitio web es nuestra única estrategia de

mercadeo.

El sitio web es parte de la estrategia de mercadeo

Page 27: La página de inicio

BIBLIOGRAFÍA Web Design by the Numbers: Homepages of the Fortune 500 - h

ttp://www.theloudfew.com/blog/web-design-by-the-numbers-homepages-of-the-fortune-500/

Krug, Steve. Don’t make Me Think. 2005. Pearson Education. E.U.A. Nielsen, Jakob. Designing Web Usability. 2006. New Riders Publications. E.U.A. Nielsen, Jakob. Prioritizing Web Usability. 1999. New Riders Publications. E.U.A. Nielsen, Jakob. Homepage Usability: 50 Websites Deconstructed. 2001. New

Riders Publications. E.U.A. http://www.webpagesthatsuck.com/mysterymeatnavigation03.html