PLANEADOR DE CLASE – SECUENCIAS DIDÁCTICAS

Área o asignatura: Tecnología e Docente: Yorman Julián González Ramírez Grado: 10

Informática Articulada a la media
técnica.
Fecha de inicio: Fecha de finalización: Número de sesiones: 2 HORAS POR
SEMANA 20 HORAS POR PERIODO
INTEGRACION DE COMPONENTES CURRICULARES PRIMER PERIODO
Competencia: Componente: Aprendizaje:

Explico cómo la tecnología ha

Analizo y valoro críticamente los componentes y evolucionado en sus diferentes
evolución de los sistemas tecnológicos y las Naturaleza y evolución de la tecnología manifestaciones y la manera cómo éstas
estrategias para su desarrollo. han influido en los cambios
estructurales de la sociedad y la cultura
a lo largo de la historia.

Describo cómo los procesos de

innovación, investigación, desarrollo y
experimentación guiados por objetivos,
producen avances tecnológicos
Estándar (Subprocesos) DBA:
Enunciado identificador:

DESCRIPTORES DE
FECHA DE
MOMENTOS PEDAGÓGICOS DESEMPEÑO
IMPLENTACION
SABER, HACER. SER

(Ambientación,
diagnostico, La evolución de la tecnología y las nuevas reglas del juego comprensión acerca de,
saberes previos) cual es la importancia
La tecnología ha cambiado el mundo de los sistemas
informáticos en la
sociedad.
“No estamos en una era de cambios. ¡¡Estamos en un cambio de
era!!”. Andy Stalman
 ¿Cómo será el futuro? Según Microsoft

Fuente de vídeo: The future according to Microsoft, YouTube

 (Procesos, Las nuevas reglas del juego
desempeños,
sesiones)

La evolución de la tecnología
La joven revolución visible.

La tecnología se democratiza
¿Cuánta gente pensáis que accede a Internet cada día en Colombia?

En Colombia hay cerca de 15MM de internautas y creciendo...

Penetración de Internet en Europa 2005, lanzamiento tarifas planas ADSL. Hito

en la democratización de la penetración de Internet en España.
Consumo de medios internautas vs. total:

● Internet es el tercer medio al que accede más población.

● Los internautas españoles, pasamos de media entre 2 y 4 horas al día online.
Perfil del internauta

Evolución internautas en España:

-Cerca de 30 millones de internautas.
- El perfil es de 14 a 44 años. (Media actual de 42 años) con estudios.
- De clases media-alta y vive en zonas urbanas.
-Tienen más equipamiento tecnológico que el resto de la población
- Acceden más a los medios electrónicos.
- Destacan según sus intereses en ocio, deporte, arte y viajes.

Evolución del perfil de los internautas por edad:

El rango con más penetración a marzo de 2016 es el de 35 a 44 años, aunque el
mayor crecimiento es el de 55 a 64 años.

Equipamiento de los internautas:

Evolución del consumo de medios en España: más de un 70% de la población se

conecta diariamente a Internet.
 ¿Cómo es la publicidad en Internet?

En España:

Internet ha supuesto un 25,5% de Inversión Publicitaria:

● 51% en Search ● 49% en Display y otros

● Google, Facebook y YouTube: reyes de audiencias. ● El comercio electrónico

crece sin parar.
Formatos publicitarios: search (AdWords)

Formatos en buscadores: 51% respecto al total de ingresos publicitarios en

Internet.

Formatos publicitarios: display (y rich media)

Publicidad en el móvil:

¿Qué contenidos se comparten en Internet?

Los contenidos online disponibles a nivel mundial crecen a un ritmo imparable

año tras año.
Fotografía

Más de ¡¡1.800MM!! son subidas y compartidas en las 5 principales plataformas

cada día.
Vídeo online

España 2015

Usuarios: 9 de cada 10 internautas ve vídeo online (especialmente en la franja de

edad de 16 a 44 años).
Contenidos: YouTube (47%), series(35%) cine (33%), TV a la carta (31%),
vídeoclips (28%) y YouTubers (26%).

Es la plataforma líder con una penetración del 73%.

Audiencia sites multimedia

16 millones de españoles ven vídeos en sus smartphones.

Tendencias:
Las redes sociales:

Principal entorno para compartir contenidos online.

Un 81% de los internautas utiliza las redes sociales a diario. El usuario medio está
comprendido entre la franja de 14.

Redes sociales más conocidas: Facebook, Whatsapp, Twitter, YouTube,

Instagram, Google+ y LinkedIn.
Pasamos de media casi 3 horas al día en las redes.

Un 81% de los internautas utilizan RRSS, es decir, más de 15 millones de usuarios

en España.

Frecuencia de uso:
Las redes sociales mejor valoradas: Whatsapp, YouTube y Spotify.
El uso principal sigue siendo social: ver qué hacen tus contactos, postear y
chatear. Cada vez consumimos más música y vídeo.

S-commerce: e-commerce en redes sociales

84% de los usuarios siguen marcas en redes sociales.
¿Qué contenidos se comparten?

Almacenamiento en la nube:

25% de los internautas españoles está de acuerdo en que la nube es esencial

para almacenar y compartir documentos, fotografías y música

Solo un 15,4% de las pymes y grandes empresas afirman usar servicios de

almacenamiento o computación en la nube.

Internet móvil

El teléfono móvil aglutina el 39% del tráfico web mundial.

Sólo 4 regiones en el mundo tienen un porcentaje de penetración del móvil por

debajo del 100%
 Los smartphones poseen atributos “extraordinarios”.

(Evaluación,
socialización) La evolución de la tecnología en los últimos diez años ha sido
fundamental para el desarrollo de la sociedad de la información en el
medio digital. ¿A qué se refieren en el vídeo cuando hablan de un cambio
de era?

a. Estamos en una época de cambios, como en cualquier otra época

de la historia.
b. Los cambios disruptivos de la última década han traído un nuevo
paradigma que ya no solo influye en la comunicación, sino en
nuestras vidas.
c. Los cambios acontecidos en los últimos cien años han sido más
relevantes que en los últimos diez.

Acabamos de ver los cambios que han traído consigo las nuevas
tecnologías y la democratización de Internet. Aparecen nuevos
dispositivos, nuevas formas de consumo y, por tanto, nuevos formatos
publicitarios. Incluso los usuarios también cambiamos con estos nuevos
hábitos de consumo. ¿Por qué características podríamos segmentar a los
nuevos internautas?

a. 14-45 años, con estudios universitarios, de zonas urbanas y de

clase media-alta.
b. De más de 55 años, gracias a la mejora de la usabilidad de los
nuevos dispositivos.
c. 25-44 años, de zonas rurales, de clase media-alta y con estudios
universitarios.

La tendencia en el consumo de contenidos en Internet se encamina hacia el

vídeo, gracias a la viralidad y capacidad para ser compartido. Actualmente
YouTube es el líder del sector y, paralelamente, conviven nuevas plataformas
como Snapchat o Instagram Stories, donde la tendencia es compartir en el
corto plazo y con formatos de menor duración.

- Verdadero.
- Falso.

Acabamos de ver que las previsiones sobre el Comercio Electrónico en

España son de consolidación y crecimiento. Hemos visto que las pymes
españolas tenían varios puntos en los que mejorar para seguir
aumentando sus ventas online. De lo que hemos visto, ¿sabrías decir en
qué consiste el "responsive design"?
a. Las empresas se centrarán en transformar los "Me gusta" en
ventas.
b. Es un diseño que responde automáticamente a las preguntas de
los usuarios.
c. Es el diseño web adaptado para que podamos ver las páginas web
desde distintos dispositivos, como por ejemplo los móviles, y que
la navegación sea usable en cada uno de ellos.

OBSERVACIONES

ADECUACIONES CURRICULARES ESTUDIANTES NEE

 PLANEADOR DE CLASE – SECUENCIAS DIDÁCTICAS
Área o asignatura: Tecnología e Docente: Yorman Julián González Ramírez Grado: 10
Informática Articulada a la media
técnica.
Fecha de inicio: Fecha de finalización: Número de sesiones: 2 HORAS POR
SEMANA 20 HORAS POR PERIODO
INTEGRACION DE COMPONENTES CURRICULARES SEGUNDO PERIODO
Competencia: Componente: Aprendizaje:

Contenido: métodos de evaluación de

Tengo en cuenta principios de funcionamiento y Apropiación y uso de la tecnología consumo de información, técnicas de
criterios de selección, para la utilización eficiente valoración de información, criterios de
y segura de artefactos, productos, servicios, identificación del plan de
procesos y sistemas tecnológicos de mi entorno. posicionamiento, técnicas y métodos
del de plan de usos, técnicas de test de
depuración y de optimización, métodos
de ajuste SEO Y SEM , técnicas de
optimización interna, externa y de
relevancia de datos. (1.1, 1.2, 1.3, 1.6,
2.1, 2.5, 3.3).
Estándar (Subprocesos) DBA:
Enunciado identificador:

DESCRIPTORES DE
FECHA DE
MOMENTOS PEDAGÓGICOS DESEMPEÑO
IMPLENTACION
SABER, HACER. SER
 (Ambientación,
diagnostico, Marketing en buscadores
saberes previos)  Aprender a
El mejor sitio para esconder un cadáver es la segunda página de Google. posicionar una
página web en
¿Por qué es interesante aparecer en los buscadores? buscadores.
 Comprender
¿Dónde concentro mis esfuerzos? qué es el
marketing en
 Google 90,37%
buscadores.
 Yahoo 2,95%  Aprender a
 Bing 4% identificar las
 Baidu 0,56% palabras clave
 Otros 2,12% para nuestro
SEO y SEM negocio
mediante la
técnica de
keywords o
search.
 Comprender la
diferencia
entre SEO y
SEM y saber
poner en
marcha las
diferentes
campañas.
 Entender la
importancia del
concepto de
responsive
design para
buscadores y/o
móviles.
 Conocer las
técnicas y
herramientas
Realizar una estrategia conjunta de SEO y SEM nos proporcionará más
para trabajar el
ventajas que si las empleamos por separado. La estrategia SEM nos
puede ayudar a encontrar palabras clave relevantes de forma rápida SEO en
para luego apostar por ellas en la estrategia SEO. buscadores.
 Aprender la
información
que nos ofrece
cada una de
estas
herramientas y
cómo se
utilizan.
 Comprender
qué es el SEM
y cómo
utilizarlo.
 Aprender cómo
funciona esta
publicidad en
1- SEO (Search Engine Optimization): posicionamiento natural los
buscadores.
enbuscadores.
 Comprender
2- SEM (Search Engine Marketing): marketing en buscadores. los conceptos
3- PPC (Pay Per Click): publicidad en Internet donde se paga por de impresión,
clic. clic, CPC, etc.
¿Qué es el SEO?  Estudiar qué
son los
El SEO o tráfico orgánico es el arte o metodología de preparar una web anuncios y
para que sea más comprensible y relevante para los motores de extensiones y
búsqueda. aprender a
 aplicarlos en
una campaña.
 Aprender cómo
hay que
hacerlos para
que estos
anuncios sean
eficaces.
 Comprender
qué es una
extensión y
profundizar en
sus diferentes
tipos.


Objetivo: aumentar el tráfico orgánico

Palabras clave
¿Para qué palabras me interesa salir?
¿Tienen mucha competencia?
¿Cuánta gente las busca?

Factores que influyen:

Factores que influyen:

Influyen muchos factores y varían en el tiempo.

Para obtener un buen posicionamiento web es necesario planificar

nuestra estrategia correctamente desde el inicio, desde la creación de
nuestra web.

¿Qué es el SEO?
 ¿Qué es el SEO?

(Procesos, SEO on page y off page

desempeños,
sesiones)
SEO on page: tengo una tienda...

Como buen propietario de la tienda:

● La diseñé junto a un arquitecto experto.
● La ordeno por tipos de productos y colores.
● Pongo una decoración agradable.
● Facilito los accesos mediante rampas y puertas automáticas.
● La mantengo limpia.

SEO off page: hablo de mi tienda...

SEO off page: tengo una tienda… Como buen propietario de la tienda:
● La diseñé junto a un arquitecto experto.
● La ordeno por tipos de productos y colores.
● Pongo una decoración agradable.
● Facilito los accesos mediante rampas y puertas automáticas.
● La mantengo limpia.
SEO mobile

El móvil es una nueva forma de entender la web y el SEO.

Recomendaciones:
● Diseño responsive.
● Acortar direcciones.
● Sitemap móvil.

SEO on page y off page

Deberemos empezar a trabajar en la optimización on site. Cuando mi
tienda ya esté lista será cuando la dé a conocer.

● Hay que pensar en el buscador y en el usuario.

● No debemos obsesionarnos con las posiciones.
● Buscamos calidad del tráfico más que cantidad.

Técnicas y herramientas SEO

Planificador de palabras clave

¿Cómo puedo popularizar mi web?
● Creando contenido relevante.
● Compartiendo el contenido.
● Difundiéndola en redes sociales.
● Dando altas en directorios y listados.
● Creando marcadores sociales.

Google Search Console

Trucos site:midominio.com
Nos indica las páginas de nuestra web que Google tiene indexadas.
Caché de Google

¿Qué enlaces entrantes tengo?

 El SEO es importante para nuestro negocio y no es algo de lo que
podamos prescindir.

● Solo en Google se realizan diariamente cientos de millones de

búsquedas.
● Una parte importante de las visitas que llegan a nuestra página web
lo hacen a través de los buscadores, bien a través de búsqueda de
marca o de otros términos de interés
(Evaluación,
socialización) Hemos creado ya la página web de nuestra empresa, pero nos
damos cuenta de que tarda mucho en cargar por completo
cuando los clientes acceden a ella. ¿Debemos revisar el peso de
las imágenes de nuestra web para mejorar la velocidad de carga?

a. No, lo que tarde en cargar nuestra página web es cosa

nuestra y no influye en nuestro posicionamiento.
b. Depende del tipo de página web que sea.
c. Sí, ya que la velocidad de carga de nuestra web puede
relentizarse si las imágenes no están optimizadas.

¿Cómo debe ser el contenido de nuestra página web según las

técnicas de SEO?

a. Lo más parecido posible al contenido de las webs líderes

del sector.
b. Estandarizado.
c. Único, original y relacionado con la temática de nuestra
web.
 ¿Son importantes los microdatos que aparecen cuando
nuestra página sale indexada en la búsqueda de Google?

A. Sí, porque nos da repercusión en la búsqueda.

B. No, lo único importante es tener siempre una correcta
descripción de la página.
¿Para qué es bueno utilizar la herramienta "Planificador de
palabras clave"?

A. Para conocer el coste total de la campaña publicitaria en

Google AdWords.
B. Para conocer términos similares que han usado los
usuarios en la búsqueda y la cantidad de tráfico que
obtendremos por esa búsqueda
C. Para conocer qué tipo de usuario entrará en nuestra web
a través de la búsqueda de palabras clave.

Ya hemos conseguido posicionar nuestra página web en

buscadores y ahora mismo aparecemos en la primera página de
Google. ¿Es imprescindible, en cualquier caso, que también
hagamos publicidad SEM?

A. Sí, sino nuestro posicionamiento SEO no servirá para

nada.
B. No. Depende de muchos factores y, sobre todo, de si
nuestra inversión en SEM va a ser rentable.

¿Qué es más recomendable cuando tu campaña se basa en el

CPC (coste por clic)?
A. Que el clic sea más barato que el CPM (coste por mil
impresiones).
B. Que el clic te lleve a una landing page en la que se acorte
el proceso de compra lo máximo posible.
¿Cuál de estos términos es clave a la hora de decidir si hacemos
publicidad SEM o no?
A. Originalidad.
B. Rentabilidad.
C. Efectividad.
 OBSERVACIONES

ADECUACIONES CURRICULARES ESTUDIANTES NEE

 PLANEADOR DE CLASE – SECUENCIAS DIDÁCTICAS
Área o asignatura: Tecnología e Docente: Yorman Julián González Ramírez Grado: 10
Informática Articulada a la media
técnica.
Fecha de inicio: Fecha de finalización: Número de sesiones: 2 HORAS POR
SEMANA 20 HORAS POR PERIODO
INTEGRACION DE COMPONENTES CURRICULARES TERCER PERIODO
Competencia: Componente: Aprendizaje:

Solución de problemas con tecnología Investigación: técnicas y métodos de

Resuelvo problemas tecnológicos y evalúo búsqueda, análisis y validación de datos.
las soluciones teniendo en cuenta las Criterios de identificación de estándares
condiciones, restricciones y especificaciones informativos.
del problema planteado

Estándar (Subprocesos) DBA:

Enunciado identificador:

DESCRIPTORES DE
FECHA DE
MOMENTOS PEDAGÓGICOS DESEMPEÑO
IMPLENTACION
SABER, HACER. SER

(Ambientación,
diagnostico,
saberes previos)
¿Qué es la Analítica Web?  Comprender
qué es la
“Recopilación, medición, evaluación y explicación racional de los datos Analítica Web
obtenidos de Internet, con el propósito de entender y optimizar el uso y para qué
de la página web de la organización”. sirve.
  Analizar los
dos tipos de
Analítica Web:
cuantitativa y
cualitativa.
 Ver qué
ventajas ofrece
la Analítica
Web.
 Analizar los
diferentes
métodos de
medición.
 Ver las claves
Las estadísticas de nuestra web pueden ser: para elegir una
Un simple número… u otra
Visitas: 2.119 herramienta en
…o pueden darnos referencias interesantes acerca de nuestros función de sus
usuarios… ventajas.
1.123 usuarios de Zaragoza, 35% provienen de buscadores, 2% de  Observar la
www.enlace.com, 35% hablan inglés, 70% usan Mozilla Firefox… variedad de
…o pueden darnos referencias interesantes acerca de la evolución del tipos de
herramientas
negocio…
de analítica
Hemos crecido un 50% en número de usuarios en los últimos 3 meses. que podemos
Hemos duplicado la cifra de ventas. Antes de la expansión internacional utilizar.
un 5% del tráfico mensual era extranjero y ahora es un 30%.  Aprender a
elegir una
Analítica Web: cualitativa metodología
analítica
La analítica cualitativa nos aporta datos más visuales relacionados con
acorde a
el comportamiento del usuario (clics, scroll...).
 nuestro
objetivos.
 Delimitar en
analítica el
qué, cuánto y
quién es
nuestro
cliente.
 Aproximación
a los
conceptos de
KPI's y regla
¿Para qué sirve la Analítica Web? SMART.
 Ver de manera
práctica cómo
funciona
Google
Analytics.
 Comprender
cómo funciona
la herramienta
y para qué nos
puede servir.
 Acceder a una
cuenta real y
observar las
ventajas que
¿Para qué sirve la Analítica Web? tiene.
 Probar las
● Para conocer el comportamiento de los usuarios. herramientas
que Google
● Para tomar decisiones estratégicas a nivel de negocio, producto o
Analytics tiene
precio. disponibles.
● Para comparar el rendimiento de los diferentes medios de captación  Entender qué
de tráfico (SEO, SEM…). son los
● Para evaluar el rendimiento de nuestras páginas web y proponer modelos de
mejoras. negocio en
● Para analizar tendencias y comportamientos recurrentes en el Internet.
tiempo.  Analizar cuáles
son los
¿Para qué sirve la Analítica Web? principales
modelos de
negocio en
Internet: e-
commerce,
basados en
publicidad, de
afiliación,
freemium,
premium y
suscripción y
marca
personal o
empresarial.
 Comprender
qué diferencias
hay entre cada
uno de estos
modelos.

 (Procesos, Recapitulando
desempeños,
sesiones) En Analítica Web lo más difícil no es obtener el dato, sino ser capaz de
interpretarlo adecuadamente y tomar las decisiones oportunas.

● Los datos nos ocultan cosas.

● Los datos no nos explican el porqué de los hechos.
● No tiene porqué haber sólo una interpretación.

Principales herramientas

Herramientas de Analítica Web

Hoy día coexisten un gran número de herramientas de Analítica Web.

Existen muchas formas de obtener los datos:
– Cookies.
– Logs del servidor.
– Tags de Javascript.
– Barras de navegación.
– Logs de ISP. – …
Debemos elegir adecuadamente en función de:
● Las necesidades de nuestro negocio.
● El foco de medición (usuarios, sitio…).
● La precisión y el volumen de datos.
● El precio de la licencia, que puede variar desde 0€ hasta los 100.000€
anuales. La herramienta más divulgada es Google Analytics por su
potencia y gratuidad.

Herramientas de Analítica Web: cuantitativas:

Herramientas de Analítica Web: cualitativas

Metodología en Analítica Web

Qué: identificar objetivos, conversiones y micro-conversiones.

Cuánto: definición SMART y KPIs.
Quién: identificar al cliente y segmentarlo.
Implementación: a través de las herramientas de Analítica Web.

Metodología en Analítica Web: qué

1 Objetivos de negocio
● Definidos y priorizados por el cliente. ● El analista web puede ayudar
al cliente a definir sus objetivos sin interferir en las respuestas.
2 Conversiones
● Cuántas veces se ha logrado un objetivo. ● Venta, lead, descarga de
un documento, llamada, etc.
Zona de pruebas. Google Analytics
● Pasos o hitos previos a la conversión.

Metodología en Analítica Web: cuánto

Ejemplos de KPI ● Tasa de conversión. ● Grado de fidelización. ● %
tráfico de marca. ● Look to book. ● Cuota de audiencia. ● Uso del
buscador interno. ● Ratio de abandono en proceso de compra. ● ...

Metodología en Analítica Web: quién

Segmentación del público ● Las métricas nos proporcionan datos

medios de los usuarios. Son bastante planas. ● Necesitamos identificar
y segmentar nuestro público para extraer conclusiones más precisas.

Metodología en Analítica Web

Una vez que hemos planificado el qué, el cuánto y el quién, pasaremos

a la fase de implementación y configuraremos la herramienta de
Analítica Web que utilicemos. Después interpretaremos los datos
extraídos y tomaremos decisiones para optimizar el sitio o aplicación y
lograr los objetivos de negocio.

Zona de pruebas: Google Analytics

Implementación básica

Google Analytics, al igual que la mayoría de estas herramientas, tiene

una instalación básica sencilla. Consiste en introducir un código
Javascript en todas las páginas de nuestro sitio web para que éstas
envíen la información a procesar.

Actualmente coexisten dos versiones:

● Google Analytics.
● Universal Analytics (nueva).

¿Qué datos obtendremos?

1 información general

● Número de visitas. ● Número de usuarios (nuevos y recurrentes). ●

Número de páginas vistas. ● Tiempo en el sitio. ● Porcentaje de
abandonos.

2 información del usuario

● Gráfico de visitas por ubicación. ● Idioma de los usuarios. ●

Fidelización de los usuarios. ● Frecuencia de las visitas.
Grado de “conocimiento tecnológico” de los usuarios:

● Tipos de navegadores. ● Tipos de sistemas operativos. ● Resolución

de la pantalla. ● Velocidades de conexión.

4 origen de los usuarios

● Fuentes de tráfico. ● Palabras clave empleadas para hallar nuestro

sitio web. ● Contenido principal seleccionadas por archivo. ● Páginas de
destino principales. ● Páginas de abandono principales.

¿Para qué nos servirán?

Objetivos: ● Crear perfil/perfiles de usuarios modelo. ● Ver el grado de

calidad del usuario. ● Ver el nivel de fidelización.

Conclusiones: ● Opción A: Buscar un perfil de usuario que se adapte a

nuestro producto. ● Opción B: Adaptar nuestra web (contenidos,
producto) al perfil de usuario mayoritario.

Posibilidades avanzadas: Comercio Electrónico

Seguimiento: Comercio Electrónico

¿Qué es? Es una implementación más avanzada de Google Analytics
que nos permite ser capaces de unir nuestros datos de ventas a los que
ya teníamos por defecto en la interfaz. Nos aportará las transacciones,
importes y productos vendidos.
¿Es útil? Nos permite unir las fuentes de tráfico y su retorno y
compararlas de una manera objetiva. Nos permite poder vislumbrar
ciertas segmentaciones y localizar nichos de mercado.

Seguimiento: Comercio Electrónico

¿Cómo se instala? No es extremadamente difícil, pero suele requerir

ayuda técnica pues es necesario trabajar con código. ● Habilitar la
opción de comercio electrónico en Analytics. ● Configurar el carrito de
la compra: ésta es la parte más compleja y requiere modificación de
código (salvo que exista un plugin aplicable dependiendo de la
aplicación de e-commerce). La instalación viene detallada en el
siguiente enlace: E-commerce Tracking.

¿Qué datos nos aporta? ● Volumen de ingresos. ● Porcentaje de

conversiones. ● Valor medio de pedidos. ● Códigos SKU de producto. ●
Categorías de producto, transacciones (nº de compraventas). ● Visitas
previas a la compra: ¿cuántas visitas hace un usuario a la web antes de
realizar la compra? ● Tiempo previo a la compra: ¿cuánto tiempo
transcurre antes de que un usuario compre?

Posibilidades avanzadas: objetivos

Los objetivos ¿Para qué sirven? Sirven para contrastar la consecución

de una finalidad (objetivo). Ejemplos ● Una página de "agradecimiento"
que aparece tras introducir datos en un formulario. ● Una página de
confirmación de compra o página de recibo (es preferible realizarlo por
seguimiento del comercio electrónico). ● Una página en función de los
medios de pago. ● Descarga de un dossier o un catálogo.

Ejemplos de objetivos: ● Número de visitas. ● Número de usuarios. ●

Altas en un formulario. ● Descargas de archivos. ● Contactos
 telefónicos. ● Número de compras. ● Páginas vistas. ● Pago por PayPal,
TPV o contra-reembolso. ● Ventas. ● ...

(Evaluación,
socialización) Para analizar la información que va dejando un usuario en
nuestra página web (desde dónde se conecta, cuánto tiempo, qué
busca, etc.) es necesario que utilicemos herramientas de
Analítica Web para así poder adaptar mejor nuestro site a las
necesidades del usuario.

a. Verdadero.
b. Falso.

A la hora de medir nuestros resultados tenemos una amplia

variedad de herramientas que nos ayudan a evaluar. Para elegir
la herramienta adecuada para nuestro negocio debemos tener en
cuenta:

a. Cookies y logs en el servidor.

b. Los objetivos de nuestro negocio, el foco de medición, la
precisión, el tráfico (volumen de datos) y el presupuesto.
c. Ninguna de las anteriores es correcta.
En lo referente a la metodología analítica, la definición de
nuestros objetivos es fundamental. Para ello, nuestros objetivos
deben ser específicos, medibles, cuantificables y comparables en
el tiempo, de tal forma que obtengamos información precisa con
la que podamos tomar decisiones para la optimización de nuestra
web.

a. Verdadero.
b. Falso.

Siguiendo con la metodología analítica, las KPIs o indicadores

clave nos ayudan a medir el nivel de desempeño de un proceso,
a relacionar métricas y a obtener índices útiles para evaluar cómo
lo estamos haciendo. Las KPIs se establecen posteriormente a la
fase de implementación.

a. Verdadero.
b. Falso.

OBSERVACIONES

ADECUACIONES CURRICULARES ESTUDIANTES NEE

 PLANEADOR DE CLASE – SECUENCIAS DIDÁCTICAS

Área o asignatura: Tecnología e Docente: Yorman Julián González Ramírez Grado: 10

Informática

Fecha de inicio: Fecha de finalización: Número de sesiones:

INTEGRACION DE COMPONENTES CURRICULARES CUARTO PERIODO

Competencia: Componente: Aprendizaje:

Divulgación de contenido: técnicas de

migración de contenido, criterios de
Utilizo adecuadamente herramientas informáticas Apropiación y uso de la tecnología
identificación de protocolos de
de uso común para la búsqueda y procesamiento
plataforma de publicación y parámetros
de la información y la comunicación de ideas.
de actualización, protocolos de
transferencia de hipertextos y de
parámetros W3C estándares de manejo
web, métodos de escalabilidad. criterios
de identificación de mapa de contenidos
y navegación de sitios web.

Estándar (Subprocesos) DBA:

Enunciado identificador:

DESCRIPTORES DE
DESEMPEÑO FECHA DE
MOMENTOS PEDAGÓGICOS
IMPLENTACION
SABER, HACER. SER
 (Ambientación, El servidor web es la herramienta necesaria para servir la estructura y
diagnostico, diseño de una página web.
saberes previos)  Conocer el
concepto de
usabilidad y su
importancia en
la creación de
páginas web.
 Conocer las
herramientas
de diseño de
páginas web y
entender el
proceso de
Gestión Web.
 Conocer el
concepto de
CMS y del
lenguaje
HTML.
Hyper Text Markup Language: HTML  Comprender la
importancia de
Es el lenguaje estándar de las páginas web, que entienden nuestros la interrelación
navegadores y que sirve, entre otras cosas, para mostrar, referenciar y de los
enlazar contenidos web. conceptos de
usabilidad y
UCD.
 Profundizar en
el concepto de
usabilidad.
Beneficios que
se obtienen de
una correcta
usabilidad
web.
  Conocer los
atributos del
concepto de
usabilidad:
eficacia,
eficiencia y
satisfacción del
usuario.
 Conocer los
principios de
usabilidad web
para mejorar la
experiencia del
usuario.
Ejemplos.

Ejemplo:
Content Management System (CMS)
Un CMS o gestor de contenidos es un sistema que permite crear y
gestionar sitios web sin necesidad de escribir código de programación.

Un CMS por dentro}

Un CMS por fuera

Pasos para crear una web

● Comprar un dominio.

● Seleccionar un alojamiento web compartido con todos los servicios

(servidor web, email y auto-instalador del CMS seleccionado).

● Seleccionar la plantilla que mejor se adapte a tus necesidades. Existen

gratuitas y de pago.

● Ordenar el contenido y ponerte a escribir.

Opción rápida para pymes

Existen multitud de plataformas automáticas que ofrecen la creación,

alojamiento y mantenimiento de páginas web.

Son una opción para pymes y autónomos.

Dominios

● .com: es el más comercial y recomendado.

● .es: en España. Recomendado.

● .eu: en Europa. Poco usado.

● .net, .org, etc.: sólo si se ajustan a tu actividad.

● .es.com: de segundo nivel. No recomendados.

Diseño de páginas web. Consideraciones

A la hora de diseñar una página web es importante tener en cuenta: ● El
posicionamiento en buscadores. ● La usabilidad y la experiencia de
usuario.

El Diseño Centrado en el Usuario

UCD User Centered Design

Es una filosofía de diseño que pretende crear: ● Experiencias que van

más allá de los productos o servicios. ● Entornos que conecten a nivel
emocional con el usuario.

Pone el énfasis en la facilidad de uso y comprensión del producto por

parte del usuario, basándose en sus necesidades e intereses y analizando
aspectos como:

Habilidades y necesidades del usuario. ● Contexto de uso. ● Tareas que

va a realizar.

El objetivo es diseñar un sitio web que los usuarios puedan utilizar con
un mínimo de estrés y un máximo de eficiencia.

Se basa en la OBSERVACIÓN y ANÁLISIS de:

● Los usuarios internos y externos.

● Las tareas que han de realizar.

¿Qué es la experiencia de usuario?

La sensación, emoción y satisfacción

- del usuario…

- …respecto a un producto

- …resultado de interactuar con el producto

- y su proveedor: la marca.

Conjunto de percepciones y sensaciones que desarrolla un usuario

durante su relación e interacción con una interfaz de cualquier tipo. En
el caso que nos ocupa, con los elementos de tu sitio web y tu presencia
e identidad digital.

Objetivos del diseño web:

● Homogeneización de las iniciativas online.

● Proyección de marca única y homogénea.

● Una experiencia de usuario global satisfactoria.

Nuestro sitio web es…

…¡¡¡El reflejo de nuestra marca en Internet, nuestro principal escaparate,

nuestras oficinas centrales en Internet!!!

Concepto global que depende de numerosos factores:

● Utilidad y valor del producto/servicio.

● Respuesta a las necesidades y expectativas del usuario.

● Contenidos y servicios ofrecidos.

● Transmisión de valores de marca.

● Creatividad y diseño visual.

● Facilidad de aprendizaje y recuerdo.

● Usabilidad, navegación eficiente. Atributo cuantitativo de web.

Usabilidad

La usabilidad hace referencia a la facilidad con que las personas pueden

utilizar una interfaz particular con el fin de alcanzar un objetivo concreto.
Es un atributo cualitativo y una de las facetas fundamentales de la UX
(User eXperience o Experiencia de Usuario)

¡Pero no lo es todo!

La usabilidad es un atributo de la experiencia de usuario

La clave de un sitio usable es que quien navega por él consiga:

● Entender su estructura.

● Realizar con satisfacción aquello que pretendía realizar.

Usabilidad
Eficiencia: Relacionado con el número de errores que comete el usuario
en la consecución de una tarea.

Efectividad: Relacionado con el tiempo empleado por el usuario para la

consecución de la tarea.

Satisfacción de uso:

Percepción del usuario respecto a la dificultad de acometer la tarea.

Relacionado con que el sitio web sea subjetivamente agradable. Por
satisfacción se entiende la ausencia de incomodidad y la actitud positiva
en el uso del producto.

Velocidad de carga y rendimiento

Un diseño web muy elaborado aumenta, en la mayoría de casos, los

tiempos de carga. Hay que buscar la forma de optimizar la velocidad de
carga de nuestros sites al máximo. Por esto, los desarrolladores deben
considerar cuidadosamente qué tipo de herramientas usar para ofrecer
un contenido multimedia interactivo y relevante para el usuario y, a la
vez, que sean eficaces para el correcto funcionamiento de la web. En
general, el principio “menos es más” siempre será válido, sin que esto
implique usar un diseño aburrido.

Velocidad de carga y rendimiento

Fuente: A Beginner’s Guide to Website Speed Optimization. Noviembre

2016

La velocidad de carga es otra de las claves de la usabilidad. Es

independiente de la interfaz propiamente dicha, pero impacta
directamente en la experiencia de usuario.

● Impacta en SEO

● Impacta en el engagement.

● Impacta en la conversión.

● Impacta en las ventas.

● Impacta directamente en los costes de mantenimiento de tu

infraestructura web.

Velocidad de carga y rendimiento

Un buen diseño de experiencia de usuario con una alta velocidad de

carga y rendimiento y una buena capacidad de respuesta conduce a
mayores conversiones.
 (Procesos, Usabilidad y mobile
desempeños,
La navegación web desde móviles ha superado a la de ordenadores de
sesiones)
escritorio en muchos países. Ya supone un 44% a nivel global.

Los nuevos retos de la usabilidad

“Focus on the user, and everything else will follow”. Puesto que cada vez
hay más personas navegando online a través de dispositivos móviles que
desde ordenadores de escritorio, esto supone numerosas implicaciones
para el diseño de la experiencia de usuario a nivel mobile. El hecho de
que un sitio web no esté adaptado para móvil ya es un problema y con
consecuencias directas traducidas en tasas de rebote, abandono de
carritos de la compra, etc.

Responsive design
Consiste en diseñar webs que se adapten al tamaño del dispositivo que
las visualiza, por supuesto, manteniendo su usabilidad a pesar de las
limitaciones de tamaño.
Pero, ¿por dónde empezamos? ¿mobile o desktop?

Diseño adaptable (responsive design)

Progressive enhancement: partimos desde el sitio web para móvil,

creamos contenidos específicamente creados para este dispositivo en
primer lugar y el diseño. Una vez hecho vamos adaptándolo a pantallas
más grandes.

Optimización para pantallas pequeñas, funcionalidades necesarias,

tiempos de carga óptimos, lógica de navegación simple (“lean design”).

Adaptación a pantallas grandes.

El resultado es una navegación web sencilla y muy usable en pantallas

grandes, aunque con menos funcionalidades.

Velocidad de carga y rendimiento

“As users migrate to mobile, page load time is perhaps the most
important metric we have. If you can’t load pages fast enough, you can’t
compete. Consumer expectations in a mobile-led world are extreme.”
25 principios de diseño web móvil:

Búsquedas en el site - Las búsquedas en el site siempre visibles (cerca de

la parte alta de la página). - Los resultados de búsqueda son relevantes
(funcion autocompletar). - Los filtros sirven para mejorar los resultados
de búsqueda. - Guiar a los usuarios para obtener mejores resultados de
búsqueda.

Formulario de entrada - La información de la entrada es ágil. - Uso de

botones y listas desplegables para simplificar la ejecución. - Uso de
calendarios visuales para la selección de fechas. - Minimizar errores con
etiquetados y validaciones en tiempo real. - El diseño del formulario es
eficiente (auto-relleno, barras de progreso).

Usabilidad & diseño - Todo el site está optimizado para móvil. - No hacer
que el usuario necesite redducir/aumentar o hacer zoom en la pantalla.
- Las imágenes de productos pueden expandirse (primeros planos de
gran calidad disponibles). - Los usuarios son informados sobre qué
orientación de pantalla funciona mejor (el site funciona en todas las
orientaciones). - Manten al usuario en una única ventana de navegador
(los “call-to-action” permanecen en la misma ventana). - Evita términos
como “full site” para las opciones de navegación (usar PC site). - El site
dejará claro por qué necesita saber la ubicación del usuario (y qué
pretende hacer con ella).

Página de inicio & navegación web - Las llamadas a la acción (CTA) están
en el frente y centradas. - Los menús son cortos y amables. - Es fácil
volver a la página principal. - Las promociones no interrumpirán la
navegación.

Comercio & conversiones - Los usuarios pueden explorar antes de

convertir. - Los usuarios pueden comprar como invitados. - Usar la
información previa para maximizar conveniencias (p. ej. pagos a
terceros). - “Click to call” estará presente en tareas complejas. - Facilidad
para terminar la conversión desde otro dispositivo.
 Usabilidad en apps

Los gestos en pantallas táctiles son el equivalente del ratón en

PC/portatil. En el diseño de apps debemos crear experiencias de usuario
aprovechando todas las posibilidades que otorga la pantalla táctil.

Principios de la usabilidad en apps

Piensa en los usuarios. - 100% Responsive. - El usuario ha de ver que cada

acción conlleva una reacción. - ¡Keep it simple! - El contraste de
tonos/colores es importante. - Utiliza iconos populares y reconocibles. -
Mantén la uniformidad en todos los elementos. - Crea formularios
cortos. - 1 Pantalla siempre es mejor que 2. - Tutoriales integrados en la
interfaz. - Sentido común. :)

(Evaluación,
socialización)
¿Estamos ya trabajando en el diseño de la página web de nuestro
nuevo negocio y nos planteamos la siguiente cuestión: ¿qué
elementos debemos tener en cuenta?
a. El posicionamiento en buscadores.
 b. La usabilidad y la experiencia del usuario.
c. Las dos anteriores son correctas.

Una vez decidamos si utilizamos una plataforma automatizada o

un CMS para la web de nuestro nuevo negocio, el siguiente paso
sería introducir la usabilidad y la experiencia de usuario. Ya
sabemos que desde el inicio deben estar presentes, pero... ¿qué
vamos a conseguir con ello?
a. Que los usuarios puedan encontrar nuestra página en los
buscadores de forma eficiente y que puedan realizar las
acciones que realmente desean hacer al interactuar con
nuestra página.
b. La usabilidad y la experiencia de usuario no son tan
relevantes para nuestro negocio, aunque en algunos
momentos pudieran ayudar en algo. Con tener un buen
posicionamiento en buscadores lo tenemos todo ganado.
c. El objetivo es tener una web a donde vaya el usuario, con
invertir en la página web ya sería suficiente. Quien va a
comprar algo en Internet debería dedicar más tiempo a
buscar lo que busca, no todo es culpa de la página web.
d.

OBSERVACIONES

ADECUACIONES CURRICULARES ESTUDIANTES NEE