exposicion equip 3

46
USABILIDAD COMO FACTOR CLAVE EN EL ÉXITO DE UN SITIO WEB

Upload: frisly5

Post on 28-Jun-2015

135 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Exposicion equip 3

USABILIDAD COMO FACTOR CLAVE EN EL ÉXITO DE UN SITIO WEB

Page 2: Exposicion equip 3
Page 3: Exposicion equip 3
Page 4: Exposicion equip 3
Page 5: Exposicion equip 3
Page 6: Exposicion equip 3
Page 7: Exposicion equip 3

¿QUE ES LA USABILIDAD?

La Organización Internacional para la Estandarización (ISO) ofrece dos definiciones de usabilidad:ISO/IEC 9241: "Usabilidad es la eficacia, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico"

Page 8: Exposicion equip 3

ISO/IEC 9126

"La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso"

Page 9: Exposicion equip 3

La Usabilidad de un sitio web está determinada por sus contenidos, entre más cercanos estén al usuario, mejor es la navegación por el mismo y más acertada será la experiencia al enfrentarse a la pantalla.

Es decir:

Page 10: Exposicion equip 3

BENEFICIOS DE LA USABILIDAD

DISMINUCIÓN DE LOS COSTES DE ASISTENCIA Y AYUDA AL USUARIO Y DISMINUCIÓN EN LA TASA DE ERRORES COMETIDOS POR EL USUARIO Y DEL TRABAJO.

OPTIMIZACIÓN DE LOS COSTES DE DISEÑO, REDISEÑO Y MANTENIMIENTO.

AUMENTO DE LA SATISFACCIÓN Y COMODIDAD DEL USUARIO.

Page 11: Exposicion equip 3

Mejora la imagen y el prestigio.Mejora la calidad de vida de los usuarios, ya que reduce su estrés, incrementa la satisfacción y la productividad.

Page 12: Exposicion equip 3

Es importante que cumpla con las siguientes características:

Entendible Novedoso Comprensible Inteligente Atractivo

Page 13: Exposicion equip 3

¿MERECE LA PENA INVERTIR EN ELLA?

El posicionamiento Web cada vez es más tenido en cuenta por los sitios Web.

Page 14: Exposicion equip 3

POSICIONAR NUESTRO SITIO WEB (I): SEO Y SEM

Elegir correctamente las palabras claves por las que queremos posicionarnos es el primer paso y del cual depende el éxito de nuestra labor de posicionamiento

Page 15: Exposicion equip 3

POSICIONAR NUESTRO SITIO WEB

SEM (Search Engine Marketing), se puede traducir por “Marketing en Motores de Búsqueda”

Page 16: Exposicion equip 3

POSICIONAR NUESTRO SITIO WEB (I): SEO Y SEM

SEO (Search Engine Optimization), se puede traducir por “Optimización para Motores de Búsqueda”

Page 17: Exposicion equip 3

POSICIONAR NUESTRO SITIO WEB (I): SEO Y SEM

Las palabras claves no son más que los términos más representativos del contenido de una página Web.

Page 18: Exposicion equip 3

POSICIONAR NUESTRO SITIO WEB (I): SEO Y SEM

existen algunas herramientas que nos pueden ayudar a escoger las palabras clave que definen nuestro sitio Web:

Page 19: Exposicion equip 3

HERRAMIENTA PARA PALABRAS CLAVE DE GOOGLE:

Page 20: Exposicion equip 3

OPTIMIZA LOS TÍTULOS

Unos de los criterios más importantes que tienen en cuenta los buscadores a la hora de posicionar una página Web es el título de dicha página.

Page 21: Exposicion equip 3

USA LOS META-TAGS

Para que todo el mundo lo pueda comprender, los meta-tags son simplemente unas etiquetas que pueden colocarse en las cabeceras de nuestras páginas Web,

Page 22: Exposicion equip 3

Optimiza las URL de tus páginas La URL (Uniform Resource Locator) es

la dirección de las páginas de nuestro sitio Web, por lo que como es de imaginar, tiene una gran importancia para los buscadores.

Page 23: Exposicion equip 3

  OPTIMIZA EL CONTENIDO DE TU PÁGINA

Page 24: Exposicion equip 3

IMPORTANCIA DE LOS ENLACES EXTERNOS

Page 25: Exposicion equip 3

CONTROLA TU TRÁFICO Y RANKING

Page 26: Exposicion equip 3

TEN SIEMPRE A MANO LOS APUNTES BÁSICOS

Page 27: Exposicion equip 3

POSICIONAR NUESTRO SITIO WEB

Tiene el inconveniente que cuesta dinero y en ocasiones puede costar mucho dinero.

Page 28: Exposicion equip 3

MECANISMOS DE NAVEGACIÓN

Son mecanismos de navegación los botones propios de interfaz de los programas navegadores, del tipo <<ir a la pagina anterior >>, << ir a la pagina siguiente >> o de acceso a otra pagina de la web o de la red en general.

Page 29: Exposicion equip 3

LOS PROBLEMAS MÁS FRECUENTES RELACIONADOS CON LA NAVEGACIÓN

El usuario no sabe donde se encuentra;

No sabe como regresar a un lugar conocido;

No sabe como buscar la información que necesita o desea; y

Tiene la sensación de que esta perdiendo algo importante a pesar de sus esfuerzos.

Page 31: Exposicion equip 3

HERRAMIENTAS QUE PUEDEN CONTRIBUIR A CONTRARRESTAR LA DESORIENTACIÓN

DE LOS USUARIOS

Incluir en las página principal un menú global de la web.

En las paginas de segundo nivel (las inmediatamente siguiente a la pagina principal), insertar un mecanismo de vuelta a la pagina principal, al principio o al pie de la página.

En las paginas de tercer nivel, incluir mecanismos que permitan el regreso a la pagina de segundo nivel correspondiente o a la pagina que incluya el submenú al que pertenece la pagina que se esta explorando.

En las paginas que poseen contenidos extensos, insertar mecanismos del tipo <<ir arriba>>, para que el usuario pueda situarse en la zona principal de la pantalla rápidamente.

En las webs extensas, dedicar una página a un índice o mapa global de todos los contenidos.

Page 32: Exposicion equip 3

ARQUITECTURA DE LA INFORACIÓN

Es la disciplina y arte encargada

del estudio, análisis, organización,

disposición y estructuración de la

información en espacios de

información, y de la selección y

presentación de los datos en los

sistemas de información

interactivos y no interactivos.

Page 33: Exposicion equip 3

La arquitectura de la información nos ayuda a:

Diseño estructural El arte y la ciencia de estructurar y rotular sitios web.Una comunidad emergente orientada a aplicar los principios del diseño

Page 34: Exposicion equip 3

1. Definición del sitio web.

2. Definición de la audiencia.

3. Definición del contenido del sito.

Elementos del sitio web

Page 35: Exposicion equip 3

ANALISIS DE SITIOS SIMILARES

Es la búsqueda de otros sitios en Internet que sean similares a nuestra institución, con el fin de revisar de qué manera han resuelto los mismos problemas que deberemos atender.

Definición de la

Estructura del Sitio:

Creación de la

estructura

definición de los

sistemas de

navegación.

características de

los sistemas de

navegación.

Page 36: Exposicion equip 3

SISTEMAS DE NAVEGACION

TEXTUAL

CONTEXTUAL

Page 37: Exposicion equip 3

CARFACTERISTICAS DE LOS

SISTEMAS DE NAVEGACION

CONSISTENTE: El sistema debe ser similar en todo el sitio, en lo referido a su ubicación y disposición en las páginas.

UNIFORME: El sistema debe utilizar similares términos con el fin de que el usuario que lo vea en las páginas, confíe en que sus opciones.

VISIBLE: El sistema debe distinguirse claramente dentro del sitio, con el fin de que el usuario cuente con él, como si se tratara de una guía.

Page 38: Exposicion equip 3

ELEMENTOS MAS RELEVANTES QUE LA CONFORMAN

Menú General

Pie de

Página

Barra Corporativa

Ruta de Acceso

Fecha de publicación

Botón Home

Botón Mapa del sitio

Botón Contacto

Buscador

Botón Ayuda

Botón Imprimir

DEFINICION DEL DISEÑO VISUAL

Page 39: Exposicion equip 3

ESTRUCTURA DE PAGINAS

Un elemento que se debe considerar e incluir es un

diagrama de flujo sencillo, mediante el cual se

ejemplifique cuáles son las interacciones posibles

y sus resultados.

Page 40: Exposicion equip 3

DIAGRAMA DE FLUJO

Page 41: Exposicion equip 3

BOCETOS DE SEÑOS

Esta etapa consiste en la generación de dibujos digitales acabados de la forma que tendrán las páginas principales del sitio que se desarrolla, considerando como tales la Portada, Portada de Sección y páginas de despliegue de contenidos

Page 42: Exposicion equip 3

BOCETOS DE DISEÑOS

Page 43: Exposicion equip 3

BORRADORES DE PÁGINA

La intención de esta etapa es usar el diseño de pantalla que se ha creado, contando con enlaces reales que permitan ver la forma de usar sus atributos (cada enlace tiene los estados de Enlace, Flotante, Activo y Visitado) y revisar la forma en que se despliegan las páginas que se van a desarrollar.Adicionalmente, en esta etapa será posible hacer la comprobación efectiva del peso de las páginas una vez construidas y se podrán optimizar los elementos que queden fuera de norma por peso o tamaño.

Page 44: Exposicion equip 3

BORRADOR DE PORTADA.

Page 45: Exposicion equip 3

MAQUETA WEBEs la etapa final consiste en generar todo el sitio en tecnología HTML utilizando imágenes y contenidos reales.

En el caso de un sitio estático, esta etapa corresponderá a la construcción del sitio. En el caso de un sitio dinámico, las páginas que se generen permitirán que el diseñador genere las plantillas de trabajo y el desarrollador de software las utilice como elementos para introducir la programación que sea necesaria para la creación del sitio.

Page 46: Exposicion equip 3

GraciasPor su

ATENCIONLa carrera no lo ganan

Los que llegan ala meta,Sino los que permanecen en

ella.

Recuerda