usabilidad, principios de diseño web mercadeo electrónico ...usabilidad, principios de diseño web...
TRANSCRIPT
Usabilidad, Principios de Diseño Web
Mercadeo Electrónico- ULACIT
SITIOS WEB Y 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 y la
experiencia del usuario
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.
¿PARA QUÉ SIRVE UN SITIO WEB?
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.
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.
USABILIDAD Y LOS NEGOCIOS
Usuarios frustrados = Ventas perdidas
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
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
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.
¿Por qué debería
estar aquí?
¿Qué ofrecen
ellos?
¿Qué puedo
hacer aquí?
¿Quiénes son
ellos?
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.
LA PÁGINA DE INICIO – AMAZON.COM
PÁGINA DE INICIO – BGENERAL.COM
¿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
¿CÓMO REALMENTE UTILIZAMOS LAS PÁGINAS
WEB?
Cómo espera
el diseñador
que se use
Cómo el
usuario la
usa.
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”
APRENDAMOS A
AHUYENTAR A LOS
CLIENTES……
ELECTRÓNICAMENTE.
Esconde la información que los usuarios quieren:
Precios, teléfonos, direcciones, tarifas
¿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/
¿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/
¿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)
¿QUIERES ESPANTAR A LOS CLIENTES?
Crea un sitio web que sea lento, amateur o desorganizado
No implementes un buscador si el sitio > 100 páginas.
No tomes en cuenta las características y capacidades técnicas del mercado
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/
Operamos en economías hipercompetitivas,
con baja barrera de entrada.
Un sitio web que ofrece una experiencia de
usuario positiva y superior sobresale.
Ofrecer buena experiencia = ventaja
competitiva
¿IMPORTA LA EXPERIENCIA DEL USUARIO?
El problema es que las compañías se
conforman con brindar solamente una buena
experiencia. No hacemos el esfuerzo adicional
para alcanzar la perfección.
LA EXPERIENCIA DEL USUARIO
Es por eso que la insatisfacción de los usuarios
con los productos está en aumento.
Probablemente la experiencia promedio de los
productos no ha empeorado, quizás los
usuarios se han vuelto más intolerantes a las
malas experiencias. ¿Por qué?
LA EXPERIENCIA DEL USUARIO
Somos intolerantes a las malas experiencias,
sencillamente porque hay mucho que ver, leer,
escuchar, hacer, para perder el tiempo con
malas experiencias. Los productos compiten
por nuestro tiempo. Las mejores experiencias
minimizan la atención necesitada.
LA EXPERIENCIA DEL USUARIO
El costo de crear una buena experiencia vs. el
costo de crear una mala experiencia son casi
iguales. Entonces, si estamos haciendo algo,
¿por qué no hacerlo bien?
LA EXPERIENCIA DEL USUARIO
Costo de crear
Una buena experiencia
Costo de crear
Una mala experiencia
LA EXPERIENCIA DEL USUARIO
Como el usuario valora
una buena experiencia
Como el usuario valora
una mala experiencia
La perspectiva del usuario es inmensamente diferente.
Usuario satisfecho = Usuario que vuelve
CONCLUSIONES
BIBLIOGRAFÍA
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’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
TALLER
Hacer un análisis de las siguientes páginas de inicio: https://www.banvivienda.com
https://www.credicorpbank.com/portalweb/
https://banesco.com.pa/index.asp
Determine si cada una de las páginas anteriores responden a las preguntas: ¿Por que debería estar aquí?
¿Qué ofrecen ellos?
¿Quiénes son ellos?
¿Qué puedo hacer aquí?
TALLER
La señora Susana Pérez, le ha encomendado que haga 2 propuestas de diseño para la página de inicio de su video club “DVD2Go” que está ubicado en Camino Real Bethania.
Hacer un esquema detallado de las propuestas en Powerpoint, sustente su diseño.
El diseño debe contener lo siguiente: Logotipo
Navegación
Información describiendo la naturaleza del negocio
Imágenes
Llamado a la acción
Últimos estrenos
ENVIAR A [email protected]. Grupo mañana: lunes 11:55 p.m.; Grupo Noche: martes 11:55 p.m.