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

(1)

(2)

TEMA 3.

Web Corporativa: Navegabilidad y usabilidad Web

(3)

Módulo 1:

(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, e-mail, Vídeos, Documentos,…etc.

(17)

Establecimiento de requisitos

RR SS, Foros, Chat, Newsletters, Encuestas, Blog, Banner, Geolocalización, Web responsive, e-mail, Vídeos, Documentos,…etc.

(18)

Definición de interfaces de usuarios

(19)

Definición de interfaces de usuarios

(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 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

• 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 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 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

(29)

(30)

(31)

(32)

(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)

• 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)

• 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

(36)

Contenidos pensados para tus usuarios… y para Google

(37)

(38)

(39)

• Resaltar en negrita las palabras claves.

(40)

• Situarlas en la parte superior izquierda.

• Enlazar internamente las páginas con link en determinadas palabras.

(41)

• Enlazar internamente las páginas con link en

determinadas palabras.

(42)

• No usar “palabras blancas”.

(43)

• Usar correctamente la gramática.

(44)

• No cometer faltas de ortografía.

(45)

• No cometer faltas de ortografía.

• Escribir pensando en las personas no en Google.

(46)

(47)

(48)

• Creación de una sección de noticias.

(49)

• Creación de una sección de noticias. • Creación de una sección de Consejos.

(50)

• 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)

(52)

• Newsletters.

(53)

• Newsletters. • Encuestas.

(54)

• Newsletters. • Encuestas.

• Integración en RR SS.

(55)

(56)

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

(57)

Módulo 3:

(58)

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

(59)

para qué sirven

• CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos.

(60)

para qué sirven

• 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)

para qué sirven

• 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)

para qué sirven

• 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

– 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

– 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)

(68)

(69)

Tipos de servidores donde se instalan

(70)

• 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)

• Éstos servicios funcionan ofreciendo computadoras de grandes prestaciones (servidores Web), utilizando conexiones de alta velocidad además de muchas otras prestaciones.

(72)

• 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)

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

(74)

(75)

• 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)

– 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)

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

(78)

(79)

(80)

(81)

(82)

(83)

(84)

(85)

(86)

(87)

(88)

(89)

(90)

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

(95)

Práctica Web:

Diseño y creación de páginas Web con Joomla

(96)

Gracias, estamos para ayudarte

Antonio Carrasco 657-266 725

[email protected] www.ac-soluciones.es