TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web. PROFESOR: Antonio Carrasco

Transcripción

1

2 TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web PROFESOR: Antonio Carrasco

3 Módulo 1: Análisis funcional y técnico

4 Establecimiento del alcance del sistema Qué pretendemos obtener con el desarrollo de una Web para la empresa?.

5 Establecimiento del alcance del sistema Qué pretendemos obtener con el desarrollo de una Web para la empresa?.

6 Estudio de la situación actual Determinar la situación de la empresa con respecto a su Web, si no tiene o tiene una Web anticuada.

7 Estudio de la situación actual Determinar la situación de la empresa con respecto a su Web, si no tiene o tiene una Web anticuada.

8 Definición de requisitos actuales Las empresas evolucionan y cambian, las necesidades actuales nos son las mismas que las de sus inicios.

9 Definición de requisitos actuales Las empresas evolucionan y cambian, las necesidades actuales nos son las mismas que las de sus inicios.

10 Estudio de las alternativas de solución Debemos analizar todas las soluciones posibles a nuestras necesidades actuales.

11 Estudio de las alternativas de solución Debemos analizar todas las soluciones posibles a nuestras necesidades actuales.

12 Selección de la solución Las soluciones que elijamos deben ser las mejores ya que será una apuesta de futuro.

13 Selección de la solución Las soluciones que elijamos deben ser las mejores ya que será una apuesta de futuro.

14 Definición del sistema Las aplicaciones usadas en el desarrollo de la Web deben cumplir con nuestras necesidades y expectativas.

15 Definición del sistema Las aplicaciones usadas en el desarrollo de la Web deben cumplir con nuestras necesidades y expectativas.

16 Establecimiento de requisitos RR SS, Foros, Chat, Newsletters, Encuestas, Blog, Banner, Geolocalización, Web responsive, , Vídeos, Documentos, etc.

17 Establecimiento de requisitos RR SS, Foros, Chat, Newsletters, Encuestas, Blog, Banner, Geolocalización, Web responsive, , Vídeos, Documentos, etc.

18 Definición de interfaces de usuarios Ágil, intuitivo, simple,...etc. y cumplir los objetivos deseados.

19 Definición de interfaces de usuarios Ágil, intuitivo, simple,...etc. y cumplir los objetivos deseados.

20 Especificación del plan de pruebas Pruebas unitarias. Antes de poner la Web en producción todo debe estar correcto.

21 Especificación del plan de pruebas Pruebas unitarias. Antes de poner la Web en producción todo debe estar correcto.

22 Módulo 2: Arquitectura de contenidos de una Web corporativa

23 Cómo navega el usuario No leen: escanean Esto significa que al entrar en una página web, los usuarios echan un rápido vistazo, van saltando con la vista a aquello que les llama la atención, generalmente, títulos, bloques de texto, alguna imagen y llamadas a la acción.

24 Cómo navega el usuario No leen: escanean Esto significa que al entrar en una página web, los usuarios echan un rápido vistazo, van saltando con la vista a aquello que les llama la atención, generalmente, títulos, bloques de texto, alguna imagen y llamadas a la acción. No ven la publicidad Hay secciones de una web que el usuario no mira, generalmente es ciego ante todo lo que se asemeje a publicidad. El usuario se centra sobre todo en texto y enlaces que intuye. Hay que evitar mostrar información relevante que parezca un anuncio ya que el usuario no reparará en ello.

25 Cómo navega el usuario No leen: escanean Esto significa que al entrar en una página web, los usuarios echan un rápido vistazo, van saltando con la vista a aquello que les llama la atención, generalmente, títulos, bloques de texto, alguna imagen y llamadas a la acción. No ven la publicidad Hay secciones de una web que el usuario no mira, generalmente es ciego ante todo lo que se asemeje a publicidad. El usuario se centra sobre todo en texto y enlaces que intuye. Hay que evitar mostrar información relevante que parezca un anuncio ya que el usuario no reparará en ello. Tienen mucha prisa Quiere soluciones ya, y si no las encuentra en el momento hará clic para abandonar la búsqueda e iniciarla en otro sitio.

26 Cómo navega el usuario No leen: escanean Esto significa que al entrar en una página web, los usuarios echan un rápido vistazo, van saltando con la vista a aquello que les llama la atención, generalmente, títulos, bloques de texto, alguna imagen y llamadas a la acción. No ven la publicidad Hay secciones de una web que el usuario no mira, generalmente es ciego ante todo lo que se asemeje a publicidad. El usuario se centra sobre todo en texto y enlaces que intuye. Hay que evitar mostrar información relevante que parezca un anuncio ya que el usuario no reparará en ello. Tienen mucha prisa Quiere soluciones ya, y si no las encuentra en el momento hará clic para abandonar la búsqueda e iniciarla en otro sitio. No elijen necesariamente la mejor opción Conseguir la mejor opción lleva demasiado tiempo para el inquieto usuario que hace clic en la primera opción que le satisface, no necesariamente la óptima.

27 Cómo navega el usuario No leen: escanean Esto significa que al entrar en una página web, los usuarios echan un rápido vistazo, van saltando con la vista a aquello que les llama la atención, generalmente, títulos, bloques de texto, alguna imagen y llamadas a la acción. No ven la publicidad Hay secciones de una web que el usuario no mira, generalmente es ciego ante todo lo que se asemeje a publicidad. El usuario se centra sobre todo en texto y enlaces que intuye. Hay que evitar mostrar información relevante que parezca un anuncio ya que el usuario no reparará en ello. Tienen mucha prisa Quiere soluciones ya, y si no las encuentra en el momento hará clic para abandonar la búsqueda e iniciarla en otro sitio. No elijen necesariamente la mejor opción Conseguir la mejor opción lleva demasiado tiempo para el inquieto usuario que hace clic en la primera opción que le satisface, no necesariamente la óptima. No quieren pensar El usuario no quiere realizar esfuerzo alguno por adivinar cómo funcionan las cosas, y cómo ir del punto «a» al «b». No está dispuesto a leer ningún «manual de instrucciones» para saber cómo navegar o interactuar. Al usuario hay que llevarle de la mano sin obligarle a pensar.

28 Anatomía de la página Web: menús, integración con RR SS, visualización de contenidos, pie de página

33 Contenidos pensados para potenciar tu empresa Lo interesante para los visitantes a nuestra página web no es quiénes somos, ni siquiera qué ofrecemos, sino qué podemos hacer por ellos.

34 Contenidos pensados para potenciar tu empresa Lo interesante para los visitantes a nuestra página web no es quiénes somos, ni siquiera qué ofrecemos, sino qué podemos hacer por ellos. Este enfoque de marketing es obvio pero se olvida con frecuencia. Las empresas tienden a hablar de sí mismas con un lenguaje formal y corporativo que «suena» a publicidad.

35 Contenidos pensados para potenciar tu empresa Lo interesante para los visitantes a nuestra página web no es quiénes somos, ni siquiera qué ofrecemos, sino qué podemos hacer por ellos. Este enfoque de marketing es obvio pero se olvida con frecuencia. Las empresas tienden a hablar de sí mismas con un lenguaje formal y corporativo que «suena» a publicidad. Hay que utilizar un lenguaje simple y directo, con el tono coloquial que utilizan los posibles clientes.

36 Contenidos pensados para tus usuarios y para Google

38 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves.

39 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves. Situarlas en la parte superior izquierda.

40 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves. Situarlas en la parte superior izquierda. Enlazar internamente las páginas con link en determinadas palabras.

41 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves. Situarlas en la parte superior izquierda. Enlazar internamente las páginas con link en determinadas palabras. No usar palabras blancas.

42 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves. Situarlas en la parte superior izquierda. Enlazar internamente las páginas con link en determinadas palabras. No usar palabras blancas. Usar correctamente la gramática.

43 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves. Situarlas en la parte superior izquierda. Enlazar internamente las páginas con link en determinadas palabras. No usar palabras blancas. Usar correctamente la gramática. No cometer faltas de ortografía.

44 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves. Situarlas en la parte superior izquierda. Enlazar internamente las páginas con link en determinadas palabras. No usar palabras blancas. Usar correctamente la gramática. No cometer faltas de ortografía. Escribir pensando en las personas no en Google.

45 Contenidos pensados para tus usuarios y para Google Resaltar en negrita las palabras claves. Situarlas en la parte superior izquierda. Enlazar internamente las páginas con link en determinadas palabras. No usar palabras blancas. Usar correctamente la gramática. No cometer faltas de ortografía. Escribir pensando en las personas no en Google. Google valora positivamente estas acciones.

47 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias.

48 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias. Creación de una sección de Consejos.

49 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias. Creación de una sección de Consejos. Creación de un blog, chat o foro.

50 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias. Creación de una sección de Consejos. Creación de un blog, chat o foro. Página de Preguntas frecuentes o glosario de término.

51 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias. Creación de una sección de Consejos. Creación de un blog, chat o foro. Página de Preguntas frecuentes o glosario de término. Newsletters.

52 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias. Creación de una sección de Consejos. Creación de un blog, chat o foro. Página de Preguntas frecuentes o glosario de término. Newsletters. Encuestas.

53 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias. Creación de una sección de Consejos. Creación de un blog, chat o foro. Página de Preguntas frecuentes o glosario de término. Newsletters. Encuestas. Integración en RR SS.

54 Contenidos pensados para tus usuarios y para Google Creación de una sección de noticias. Creación de una sección de Consejos. Creación de un blog, chat o foro. Página de Preguntas frecuentes o glosario de término. Newsletters. Encuestas. Integración en RR SS. Encuestas. Formularios de satisfacción.

56 Diseño del árbol de navegación facilitando la usabilidad

57 Módulo 3: Gestores de contenidos

58 CMS (Sistemas de gestión de contenidos): qué son y para qué sirven

59 CMS (Sistemas de gestión de contenidos): qué son y para qué sirven CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos.

60 CMS (Sistemas de gestión de contenidos): qué son y para qué sirven CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. En líneas generales, un CMS permitiría administrar contenidos en un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos de una web.

61 CMS (Sistemas de gestión de contenidos): qué son y para qué sirven CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. En líneas generales, un CMS permitiría administrar contenidos en un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos de una web. Dicho de otra forma, un CMS es una herramienta que permite a un editor crear, clasificar y publicar cualquier tipo de información en una página web.

62 CMS (Sistemas de gestión de contenidos): qué son y para qué sirven CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. En líneas generales, un CMS permitiría administrar contenidos en un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos de una web. Dicho de otra forma, un CMS es una herramienta que permite a un editor crear, clasificar y publicar cualquier tipo de información en una página web. Generalmente los CMS trabajan contra una base de datos, de modo que el editor simplemente actualiza una base de datos, incluyendo nueva información o editando la existente.

63 Principales aplicaciones para creación de contenidos

64 Web Responsive: Web responsive Portal Web que ha sido desarrollado con diseño adaptable a cualquier dispositivo y muestra el contenido de una manera "líquida".

65 Web Responsive: Web responsive Portal Web que ha sido desarrollado con diseño adaptable a cualquier dispositivo y muestra el contenido de una manera "líquida". En otras palabras, el contenido se ajustará a las dimensiones de la pantalla independientemente del dispositivo, ya sea un smartphone o tablet.

66 Web responsive Web Responsive: Portal Web que ha sido desarrollado con diseño adaptable a cualquier dispositivo y muestra el contenido de una manera "líquida". En otras palabras, el contenido se ajustará a las dimensiones de la pantalla independientemente del dispositivo, ya sea un smartphone o tablet. Al mismo tiempo es posible modificar los estilos de Portal Web en función del dispositivo, ofreciendo una mejor experiencia de navegación al usuario.

67 Web responsive

68 Web responsive

69 Tipos de servidores donde se instalan

70 Tipos de servidores donde se instalan Si queremos crear nuestro Portal Web y que otros puedan visitarlo, vamos a necesitar publicar o subir los archivos a un Servicio de Web Hosting o alojamiento Web.

71 Tipos de servidores donde se instalan Si queremos crear nuestro Portal Web y que otros puedan visitarlo, vamos a necesitar publicar o subir los archivos a un Servicio de Web Hosting o alojamiento Web. Éstos servicios funcionan ofreciendo computadoras de grandes prestaciones (servidores Web), utilizando conexiones de alta velocidad además de muchas otras prestaciones.

72 Tipos de servidores donde se instalan Si queremos crear nuestro Portal Web y que otros puedan visitarlo, vamos a necesitar publicar o subir los archivos a un Servicio de Web Hosting o alojamiento Web. Éstos servicios funcionan ofreciendo computadoras de grandes prestaciones (servidores Web), utilizando conexiones de alta velocidad además de muchas otras prestaciones. Una cuenta de Hosting es una pequeña parte del disco duro que tiene el servidor, con el fin de poder publicar ahí los Portales Web, y otros aspectos que varían en función del panel de control que ofrezca. Cada uno aporta interfaz distinta y funcionalidades que pueden adaptarse mejor o peor. En popularidad, cpanel se lleva la máxima popularidad.

73 Tipos de servidores donde se instalan Si queremos crear nuestro Portal Web y que otros puedan visitarlo, vamos a necesitar publicar o subir los archivos a un Servicio de Web Hosting o alojamiento Web. Éstos servicios funcionan ofreciendo computadoras de grandes prestaciones (servidores Web), utilizando conexiones de alta velocidad además de muchas otras prestaciones. Una cuenta de Hosting es una pequeña parte del disco duro que tiene el servidor, con el fin de poder publicar ahí los Portales Web, y otros aspectos que varían en función del panel de control que ofrezca. Cada uno aporta interfaz distinta y funcionalidades que pueden adaptarse mejor o peor. En popularidad, cpanel se lleva la máxima popularidad. En el Hosting, también hay otros aspectos que es bueno analizar, ya que cada empresa tiene sus necesidades, y nadie puede decir qué es lo mejor sin antes saber qué proyecto tiene en mente.

75 Tipos de servidores donde se instalan Un Servidor es un ordenador, o conjunto de ellos, en el que se ejecutan las Aplicaciones Web y realizan tareas en beneficio de los usuarios o de otras aplicaciones llamadas clientes.

76 Tipos de servidores donde se instalan Un Servidor es un ordenador, o conjunto de ellos, en el que se ejecutan las Aplicaciones Web y realizan tareas en beneficio de los usuarios o de otras aplicaciones llamadas clientes. Un servidor dedicado es un ordenador comprado o arrendado que se utiliza para prestar servicios relacionados con el alojamiento web, generalmente es un solo cliente el que dispone de todos los recursos de la máquina para los fines por los cuales haya contratado el servicio

77 Tipos de servidores donde se instalan Un Servidor es un ordenador, o conjunto de ellos, en el que se ejecutan las Aplicaciones Web y realizan tareas en beneficio de los usuarios o de otras aplicaciones llamadas clientes. Un servidor dedicado es un ordenador comprado o arrendado que se utiliza para prestar servicios relacionados con el alojamiento web, generalmente es un solo cliente el que dispone de todos los recursos de la máquina para los fines por los cuales haya contratado el servicio Un servidor compartido, es un ordenador donde los recursos de la máquina son compartidos entre un número indeterminado de clientes.

79 Instalación del CMS

91 Instalación de extensiones (Plantillas, Módulos y Plugins)

92 Cómo se gestionan, desinstalan o actualizan

93 Módulo 4: Marketing en buscadores de resultados

94 Alberto Reynolds Elección de dominios, registro, naming SEO (Search Engine Optimitation): posicionamiento en buscadores para mejorar la visibilidad de una web en los diferentes buscadores. Nos centraremos en Google. Introducción Google Plus y su importancia en SEO Reglas básicas y técnicas Iniciación Webmaster Tools Optimización de contenidos SEM (Search Engine Marketing): gestión de enlaces patrocinados en los motores de búsqueda. Iniciación a Adwords. Iniciación Adsense.

95 Práctica Web: Diseño y creación de páginas Web con Joomla

96 Gracias, estamos para ayudarte Antonio Carrasco