03/11/2010

1
Semana 12
Ing. Luis A. Otake
Introduccin
Importancia de la
evaluacin
Cuestiones para
evaluar un sitio
Web
Anatoma de un
sitio Web
Certificaciones
de un sitio Web
El color y sus
efectos
psicolgicos
Criterios para la
evaluacin de un
sitio
Afirmaciones que
representan un
buen sitio Web
Personalizacin Usabilidad
03/11/2010
2
Indica si se est cumpliendo la misin para la que fue diseado el sitio
Puede sugerir nuevos formatos o diseos
Garantiza que el sitio est evolucionando junto con la empresa en
Internet
Permite considerar: la identidad grfica, la calidad de navegacin, la
funcionalidad y los contenidos
La clave es la usabilidad y el mantenimiento
Incita a que los clientes tengan que buscar los sitios Web de la competencia
Hace que los visitantes se pregunten qu tipo de productos o servicios se
proporcionan
No realiza actualizaciones peridicamente y carece de novedades, innovaciones
u otros mecanismos que retengan a los visitantes
Hace perder el tiempo de los visitantes pidindoles rellenar tediosos formularios,
para luego descubrir que el sitio Web no tiene mucho que ofrecer
Utiliza la pgina principal llena de grficos feos que representan difcilmente
cualquier cosa que tenga que ver con la empresa o sus productos
03/11/2010
3
Existe algn
elemento
colocado
incorrectamente?
La informacin
es precisa? Est
actualizada?
Se han tratado
todos los temas?
Cada tema
muestra un
mnimo de
informacin?
Est ordenada
adecuadamente
la informacin
de forma
jerrquica?
Sera necesario
resaltar los
titulares
relacionados con
la pgina?
Deberan
hacerse ms
legibles las
fuentes
utilizadas para
los
encabezados?
Anatoma de la pgina
Los detalles (elementos del diseo, grficos y vnculos) y las muestras de cdigo HTML
Estructura
Contenidos esenciales (pginas y agrupamientos lgicos) y las interrelaciones entre ellos (vnculos)
Localizacin
Direccin URL Nombre del archivo de la pgina principal Ttulo de la pgina principal
Queda definida por tres aspectos:
03/11/2010
4
Algunos sitios que permiten realizar
certificaciones son:
www.awardsites.com
www.coolsiteoftheday.com
www.GoldenWebAward.com
www.usatoday.com
El visitante de un sitio se forma su primera impresin acerca del sitio
en los primeros 8 segundos.
Los visitantes respondern a los impulsos visuales a un nivel
psicolgico
Un color puede hacer pensar, cambiar ciertas acciones y generar
reacciones
Puede llegar a irritar los ojos o sorprender y atraer
El color es el elemento de diseo ms importante de un sitio Web
03/11/2010
5
Rojo Azul Verde Amarillo
Prpura Naranja Marrn Gris
Blanco Negro
03/11/2010
6
Intensidad emocional
Amor
Crea atencin
Tiende a eclipsar al resto de los colores
No suele ser un buen color para las negociaciones
Signo de potencia, energa, agresin o peligro. Pe. Automviles rojos
Recomendacin: utilizarlo para acentuar alguna cosa, pero nunca como color de fondo
Cielo y ocano, paz y calma
Crea la impresin ptica de que los objetos estn ms
lejanos de lo que realmente estn
Color preferido para los negocios y se recomienda para
las entrevistas de trabajo, ya que simboliza lealtad
Confianza, conservadurismo, estabilidad, seguridad,
tecnologa y orden. Pe. Entidades financieras
03/11/2010
7
Naturaleza, salud, optimismo y buena suerte
Dinero, finanzas, estabilidad econmica
Envidia, enfermedad, comida pasada
No suele funcionar en el mercado global
Actualmente est en desuso en la Web
Puede simbolizar la juventud y el crecimiento: www.firstunion.com
Es el primer color que procesa el ojo humano (color del sol)
Atrae la atencin y representa el optimismo, la esperanza y los metales
preciosos
Temas legales, mejora la concentracin
Las personas suelen perder los nervios en las habitaciones amarillas
No resulta un color fcil para los ojos, ya que tiende a ser demasiado fuerte
si se utiliza demasiado
03/11/2010
8
Color complejo
Es el color que cuesta ms discriminar por el ojo humano
Espiritualidad, misterio, inteligencia, lealtad, lujo, bienestar y
sofisticacin
Crueldad y arrogancia
Si est cerca del rojo se vuelve de tipo sensual
Energa, balance, afecto y vitalidad
La mayora de americanos detesta: significa
que el producto es barato
Utilizarlo cuando se necesita evocar algn
tipo de asociacin natural
03/11/2010
9
Color de la tierra y de abundancia en la
naturaleza
Fiabilidad, confort y dureza
Los hombres prefieren este color a
diferencia de las mujeres
Intelectualidad,
futurismo,
modestia, tristeza y
decadencia
Es el color ms fcil
de mirar
03/11/2010
10
Pureza, limpieza, precisin, inocencia, esterilidad y muerte
Sensacin de frescura
Popular en sitios Web de lujo que ofrecen servicios a la alta
sociedad, ya que proporcionan la sensacin de impecable
Se usa cuando las empresas piensan que los usuarios
pueden necesitar imprimir las pginas
Potencia, sexualidad, sofisticacin, muerte, misterio,
temor, infelicidad, elegancia
No es un buen color de fondo para la impresin
Se utiliza en los sitios Web de moda, ya que hace que las
personas parezcan ms delgadas
Funciona bien como color de fondo cuando se muestran
capturas de fotografas
03/11/2010
11
El truco est en utilizar un color que sea aceptable
por diferentes culturas, a la vez que represente al
producto o servicio en cuestin
El color azul es el ms accesible de todos. Es el
ganador en prcticamente cualquier cultura,
independientemente de su audiencia, objetivo o
ubicacin
03/11/2010
12
Color Figuras
Tipos de
fuentes
Contenido
Servicios
ofrecidos
Enfoque
principal
Servicios
auxiliares
Clasificacin
del sitio
Nivel de
profesionalidad
Velocidad Consistencia Personalizacin
Seguridad Escalabilidad
Color:
Mnimo texto posible
en cada pgina y
gran cantidad de
espacios en blanco
Sencillez en la
navegacin (barras
de navegacin)
Imgenes ubicadas
adecuadamente
Figuras: motivan a los
consumidores
Crculos: conexin a
la comunidad,
globalidad,
resistencia y
seguridad;
sensibilidad, confort
y amor.
Rectngulos: orden,
lgica y seguridad.
Tringulos: energa,
poder, equilibrio, ley
y ciencia.
Tipos de fuentes:
Times Roman:
organizacin e
inteligencia, elegante
y conservadora
Helvtica o Arial:
clidos y amigables
Fuentes decorativas:
para ttulos
03/11/2010
13
Informacin de valor, no cantidad
Informacin actualizada, posibilidad de interaccin, entretenimiento y novedades
Contenido:
Qu servicios nicos ofrece el sitio?
Servicios ofrecidos:
Pe. OAKLEY es un fabricante de lentes de sol. Su enfoque principal es fabricar lentes,
aunque tambin produce zapatos y relojes.
Enfoque principal:
Es importante incluir vnculos a auxiliares que realizan operaciones nicas de cara
al visitante.
Pe. una funcin auxiliar de un banco sera evaluar los prstamos hipotecarios
actuales o ayudar a contestar preguntas.
Servicios auxiliares:
1 -> simple presencia, informacin esencial
2 -> formularios, aplicaciones, posibilidad de enviar solicitud para servicios
3 -> vdeos y colores para enviar al visitante hacia los principales botones, vnculos
o servicios
4 -> multimedia, herramientas de flujo de trabajo, niveles de personalizacin
5 -> altamente personalizables, servicios avanzados, ayudan a tomar decisiones, a
solicitar productos o servicios y a utilizar dinero electrnico para las transacciones.
Clasificacin del sitio:
Gramtica
Redaccin
Originalidad
Nivel de profesionalidad:
tiempo que pasa desde que el visitante hace clic en una pgina hasta que se carga.
Si tarda ms de 8 seg. es lenta.
Velocidad:
03/11/2010
14
Consistencia:
hasta qu punto
las pginas Web
son similares en
cuanto a diseo
y distribucin
Personalizacin:
se utilizan
cookies
Seguridad:
cortafuegos y
certificados
digitales, SSL,
etc.
Escalabilidad:
facilidad de
poder actualizar
un sitio Web.
estructura
simple,
utilizacin de
marcos, XML,
diseo de fcil
mantenimiento
03/11/2010
15
Impresiones recibidas la primera vez que se accede al sitio
La pgina principal es interesante y llama la atencin
La pgina principal incluye los aspectos ms importantes
Experiencia en la compra
Otros aspectos importantes
03/11/2010
16
La direccin URL o el nombre del dominio es apropiado y tiene sentido
Los visitantes pueden visualizar informacin que tenga sentido en menos de ocho segundos
El nombre del sitio y el producto u objetivo aparecen de forma instantnea
La primera pgina ocupa menos de 20KB, manteniendo las imgenes al menor tamao
posible
Es posible visualizar el texto mientras se cargan los grficos
Los grficos incluyen nombres con contenidos tiles
En la pgina principal encontramos informacin til
La pgina principal tiene buena presencia y tiene un
aspecto claro y coherente
La informacin importante se encuentra en la parte
superior (en la zona de 600 x 300)
No hay distracciones motivadas por excesivas
animaciones o parpadeos
03/11/2010
17
Nombre de la organizacin
Muestra cul es el negocio y los productos
El estilo es apropiado para la audiencia a la que va dirigida
Muestra un resumen de la informacin que est disponible en el sitio
Muestra nombre, direccin, nmero de telfono, nmero de fax y correo electrnico
El ttulo tiene sentido
La informacin contextual es correcta
Si se utilizan marcos, existen vnculos adecuados e informacin contextual
Ofrece un sistema amigable y rpido para comprar
Lleva a cabo una gestin segura de la informacin sobre la tarjeta de crdito
Se ofrece una confirmacin para los pedidos en la que se detalla la fecha de entrega
Se proporciona una herramienta que permita realizar el seguimiento de los pedidos
Ofrece un servicio de entregas fiable
Incluye una poltica sobre devoluciones
Los certificados se han obtenido de organismos fiables
Existe una poltica en relacin a la privacidad de los datos
Hace un uso apropiado de la cookies
03/11/2010
18
Incluye un sistema de administracin
Los vnculos son claros y con sentido
Todo el sitio cuenta con una estructura coherente
Todas las pginas cumplen con unas reglas establecidas
El sitio Web cumple con un propsito
Es compatible con diferentes navegadores y es accesible
03/11/2010
19
No es una
tecnologa.
Es una estrategia,
una herramienta de
marketing, todo un
arte
Privacidad
03/11/2010
20
Qu hace que un sitio se pueda utilizar?
Se refiere a un conjunto de atributos de calidad independientes,
como el rendimiento, la satisfaccin, la facilidad de navegacin
y la facilidad para aprender el manejo.
Para el usuario final, significa crear una aplicacin que permita
al usuario realizar las tareas esperadas de forma ms eficiente
La clave para atraer clientes para que sean visitantes
asiduos a un sitio Web implica utilizar contenidos de
alta calidad, ofrecer facilidad de uso, descargas
rpidas y actualizaciones frecuentes.
El objetivo es ofrecer a los usuarios una buena
experiencia que les haga volver con frecuencia,
convirtindose as en clientes fieles
03/11/2010
21
Mostrar tan pronto como sea posible el coste total del producto
Explicar por qu es necesario recoger informacin personal
Utilizar polticas que permitan al comprador disponer de mayor control sobre la informacin
que comparte
No enfatizar excesivamente en productos promocionales
Ofrecer productos relacionados
Garantizar que las imgenes sean lo suficientemente grandes y muestren aquellas
caractersticas que son importantes de cara a los compradores
03/11/2010
22
Colocar el cuadro de bsqueda en cada una de las pginas
Hacer que la bsqueda total sea predeterminada
Evitar jergas o nombres demasiado rebuscados
Hacer que el cliente seleccione las opciones antes de que el producto llegue al carrito de
compra
Asumir que los usuarios puedan pulsar la tecla Intro cuando estn rellenando formularios
Ofrecer un nmero gratuito para poder realizar pedidos telefnicos
El sitio engancha?: disfrutan los visitantes de la experiencia? sienten que tienen el control sobre la
navegacin a travs del sitio?
Es eficaz el sitio?: tiempo de respuesta, sencillo de comprender
El sitio ofrece apoyo?: es fcil deshacerse del error; ofrece ayuda, consejos o directrices
El sitio es consistente y fiable?
Decida un estilo de escritura y mantngalo: evitar faltas ortogrficas
Ofrezca a los visitantes aquello que estn buscando: de a los visitantes una razn para visitar el sitio
Identifique su negocio: mostrar claramente una imagen de la marca
03/11/2010
23
Tenga en mente siempre la idea general: sitio fcil de utilizar
Haga que el sitio sea fcil para la navegacin: no debera ser necesario un tutorial o manual
Cntrese en los contenidos, ms que en los grficos: los grficos y las animaciones no se pueden
considerar un sustituto para los contenidos
Haga que el texto pueda verse por encima: el 79% de los usuarios echan un vistazo al texto en vez de
leerlo
Tenga cuidado con el lenguaje comercial abrumador: presente la informacin sin presumir y
minimizando cualquier tipo de afirmacin subjetiva
Fomente que los usuarios aporten ideas y sugerencias
Pruebe bien el sitio
03/11/2010
24