Este documento ofrece tres definiciones clave relacionadas con la usabilidad de sitios web. La primera define la usabilidad como la efectividad, eficiencia y satisfacción con que un producto permite a los usuarios lograr objetivos específicos. También describe algunos beneficios de una alta usabilidad, como mejorar la imagen de la marca y aumentar la productividad y satisfacción de los usuarios. Luego, explica que la inversión en usabilidad vale la pena.

1. LA CARRERA NO LO GANAN
LOS QUE LLEGAN ALA META
SINO LOS QUE PERMANECEN
EN ELLA.

2. Catedrático: Manuel Castillejos Salas

9. 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"

12. BENEFICIOS DE LA USABILIDAD

13. 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.

14.  Entendible
 Novedoso
 Comprensible
 Inteligente
 Atractivo

15. ¿MERECE LA PENA
INVERTIR EN ELLA?
El posicionamiento Web cada vez
es más tenido en cuenta por los
sitios Web.

16. 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

17. POSICIONAR NUESTRO SITIO WEB
 SEM(Search Engine Marketing), se
puede traducir por “Marketing en
Motores de Búsqueda”

18. POSICIONAR NUESTRO SITIO WEB (I): SEO Y
SEM
 SEO (Search Engine Optimization), se
puede traducir por “Optimización para
Motores de Búsqueda”

19. 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.

20. 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:

21. HERRAMIENTA PARA PALABRAS
CLAVE DE GOOGLE:

22. 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.

23. USA LOS META-TAGS
 Paraque todo el mundo lo pueda
comprender, los meta-tags son
simplemente unas etiquetas que pueden
colocarse en las cabeceras de nuestras
páginas Web,

24. Optimiza las URL de tus páginas
 LaURL (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.

25. OPTIMIZA EL CONTENIDO DE TU PÁGINA

26. IMPORTANCIA DE LOS ENLACES EXTERNOS

27. CONTROLA TU TRÁFICO Y RANKING

28. TEN SIEMPRE A MANO LOS APUNTES BÁSICOS

29. POSICIONAR NUESTRO SITIO WEB
 Tieneel inconveniente que cuesta
dinero y en ocasiones puede costar
mucho dinero.

30. 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.

33. 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.

34. ARQUITECTURA DE LA
INFORACIÓN
Es la disciplina y arte encargada del
estudio, análisis, organización, disposic
ió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.

35. 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

36. Elementos del sitio web
1. Definición del sitio
web.
2. Definición de la
audiencia.
3. Definición del
contenido del sito.

37. 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.

40.  Menú General  Ruta de Acceso  Botón Contacto
 Pie de  Fecha de  Buscador
publicación
 Página  Botón Ayuda
 Botón Home
 Botón Imprimir
 Barra Corporativa
 Botón Mapa del
sitio

41. 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.

43. 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

44. BOCETOS DE DISEÑOS

45. 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.

46. BORRADOR DE PORTADA.

47. MAQUETA WEB
Es 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.

48. Recuerda