Asignatura: Diseño Web

Carrera: Comunicación Digital

Carrera de Comunicación Digital
Asignatura: Diseño Web

Guía didáctica

Autor:
Mgtr. Víctor Hugo Lobato I.

Comunicación Digital
Modalidad Híbrida

2
Diseño Web
Guía didáctica
Víctor Hugo Lobato I.

Instituto Superior Tecnológico José Ortega y Gasset

Diagramación y diseño digital:

Maglu Estudio Creativo
098 475968968.
Av. Canónigo Ramos y Juan
Chiriboga.
www.magluestudiocreativo.com
magluestudiocreativo@hotmail.com
Riobamba-Ecuador

3
Diseño Web
TECNOLOGÍAS EN COMUNICACIÓN DIGITAL

DESARROLLO DE LAS UNIDADES

4
 PROCESO DE
APRENDIZAJE

ACTIVIDADES:
1.- Actividades de aprendizaje individual asistidas por el docente:

Planificadas y descritas en la guía didáctica, complementadas con tutorías en línea

2.- Actividades de aprendizaje colaborativo:

Chats, foros, debates.

3.- Actividades prácticas de aplicación y experimentación de los aprendizajes:

Elaboración de material gráfico u objetos, resolución de problemas o casos.

4.- Actividades de aprendizaje autónomo:

Lecturas, investigaciones, visualizaciones, búsqueda en redes, autoevaluaciones.

INSTRUCCIONES
 En el presente programa académico se trabajará con la modalidad híbrida, es decir, a
distancia, con el complemento de tutorías en línea.

 Para la elaboración de las tareas el alumno se apoyará en el estudio de la guía didáctica,

las sesiones tutoriales y su propia experiencia. Las tareas se entregarán al final de cada
unidad.

 En la realización de las tareas el alumno debe atender:

El cuidado y orden en la elaboración.

La corrección en la expresión escrita.
El cumplimiento de todos los requisitos establecidos.

 Las actividades de aprendizaje pueden ser:

Tareas
Prácticas de refuerzo
Actividades de autoaprendizaje
Autoevaluación

5
  El conocimiento de los orígenes del cine es indispensable para una adecuada formación
en la carrera de Cine y Actuación. Recomendamos realizar el trabajo con seriedad, para
obtener los mejores resultados

FUENTES DE CONSULTA

Recursos audiovisuales:

Links:
https://www.hostinger.es/tutoriales/que-es-un-hosting

https://www.hostinger.es/tutoriales/que-es-un-dominio-web

https://definicion.de. Obtenido de https://definicion.de/diseno/

https://definicion.de. Obtenido de https://definicion.de/web-3-0/

https://ecdisis.com. Obtenido de https://ecdisis.com/que-es-diseno-web/

https://grupovisuallab.com/wp-content/uploads/2018/08/desarrollo_web.png

https://www.informaticamilenium.com.mx/es/temas/que-son-los-sitios-web.html

https://moqups.com/es/templates/diagrams-flowcharts/site-maps/

https://www.solucionesmedia.com/que-es-hosting/

https://rockcontent.com/es/blog/diseno-web/

6
Índice
PROCESO DE .......................................................................................................................... 5
APRENDIZAJE ........................................................................................................................ 5
ACTIVIDADES: ....................................................................................................................... 5
FUENTES DE CONSULTA .................................................................................................... 6
Datos de Información ................................................................................................................. 9
INTRODUCCIÓN ................................................................................................................ 9
OBJETIVO GENERAL ....................................................................................................... 9
COMPETENCIAS DE LA CARRERA ........................................................................... 10
Unidad 1: ................................................................................................................................. 11
INTRODUCCIÓN .............................................................................................................. 11
Resultado de aprendizaje:.................................................................................................. 11
Contenidos:.......................................................................................................................... 11
1.1 ¿Qué es el Diseño? ..................................................................................................... 11
1.2 ¿Qué es la Web? ......................................................................................................... 11
1.3 ¿Qué es el Diseño Web? ............................................................................................. 11
1.4 ¿Qué hace un diseñador Web?.................................................................................... 11
1.5 Las 7 fases de desarrollo de un sitio Web optimo ...................................................... 11
¿Diseño? ................................................................................................................................... 12
¿Web? ....................................................................................................................................... 12
¿Qué es la web 3.0? .............................................................................................................. 13
Tarea: ................................................................................................................................ 13
¿Qué es el Diseño Web? ........................................................................................................... 13
Tarea: ................................................................................................................................ 14
A tomar en cuenta antes de empezar a diseñar: ................................................................ 14
¿Qué es un Sitio Web o Website? ........................................................................................ 14
¿Qué es el Hosting? .............................................................................................................. 15

7
 Tarea: ................................................................................................................................ 16
¿Qué es el Dominio?............................................................................................................. 16
Tarea: ................................................................................................................................ 16
¿Qué hace un diseñador web? .................................................................................................. 17
Las 7 fases de desarrollo de un sitio web óptimo ..................................................................... 17
Fase 1 – Análisis ................................................................................................................... 17
1. Sitios web de comercio electrónico. ....................................................................... 18
2. Blogs....................................................................................................................... 18
5. Comunidades online. .............................................................................................. 18
Público Objetivo: .............................................................................................................. 18
Fase 2 – Planificación ........................................................................................................... 20
Tarea: ................................................................................................................................ 21
Fase 3 – Diseño..................................................................................................................... 21
Fase 4 – Contenidos .............................................................................................................. 22
Fase 5 – Desarrollo ............................................................................................................... 22
Fase 6 – Pruebas ................................................................................................................... 22
Fase 7 – Lanzamiento .......................................................................................................... 22
Tareas ...................................................................................................................................... 22
Tarea 1: ............................................................................................................................. 22
Tarea 2: ............................................................................................................................. 22
Tarea 3: ............................................................................................................................. 22
Prácticas de refuerzo .......................................................................................................... 23
Actividades de autoaprendizaje ........................................................................................ 23
AUTOEVALUACIÓN ........................................................................................................... 24
(verdadero o falso) .................................................................................................................... 24

8
 Datos de Información

INTRODUCCIÓN
Si bien es común pensar que un diseñador web es responsable de crear sitios web atractivos y
completamente funcionales, debo indicarles que es más que eso. Incluso me atrevo a decirles
que la parte más importante está en la creación del contenido. Para lo cual se debe dominar
conceptos básicos como: Análisis de contenido, público objetivo, Estructura de sitios Web,
principios de la usabilidad (facilidad de uso para el usuario), UI (interfaz de usuario) y UX
(experiencia del usuario), estos permiten que además del diseño gráfico, el sitio web sea
funcional y más efectivo.
Además, debe aplicar normas y estándares para la redacción de textos, inclusión de imágenes,
videos con optimización para la web y la optimización para motores de búsqueda (SEO). Los
contenidos son la materia prima de nuestro proyecto, de estos depende en gran parte el éxito
porque al fin y al cabo es lo que nuestros usuarios utilizarán.
Posteriormente se desarrollará el sitio web considerando aspectos funcionales como el diseño
adaptativo (responsive size), esto permitirá tener compatibilidad con dispositivos móviles y
llegar a una mayor cantidad de usuarios. Cabe aclarar que actualmente existen sistema de
gestión de contenidos (en inglés, Content Management System o CMS) como, por ejemplo:
WordPress o Joomla. Estas herramientas nos ahorran tiempo y trabajo. Ya que programar un
sitio Web desde cero es un reto que además requiere que el usuario domine herramientas de
programación como PHP y bases de datos cliente servidor como MySQL. La pregunta es
porque aplicar tanto esfuerzo y recurso en algo que ya está construido y que simplemente
debemos reutilizar, cuando lo más importante es direccionar nuestro esfuerzo a la calidad del
contenido.
Aprenderemos a realizar pruebas técnicas para el funcionamiento adecuado de la página web,
revisaremos la compatibilidad con los navegadores web y muy importante verificaremos si el
sitio web cumple con el propósito que se planteó en los objetivos iniciales.
Finalmente publicaremos el sitio web en internet y realizaremos un monitoreo constante para
evitar fallas técnicas o realizar algún ajuste. También es necesario el mantenimiento del sitio
web no solo en temas técnicos sino en actualización de contenidos

OBJETIVO GENERAL
El Diseño web tiene por objetivo desarrollar conocimiento, competencias y técnicas en los
estudiantes; para planificar, diseñar, mantener y crear sitios web a través del uso de
herramientas como el HTML, pero principalmente utilizando sistema de gestión de
contenidos (en inglés, Content Management System o CMS).

9
COMPETENCIAS DE LA CARRERA
 Conocer los fundamentos conceptuales de la comunicación, el periodismo y el diseño,
la interculturalidad, las leyes laborales y los preceptos de la ética profesional
 Manejar los programas informáticos Windows, Word, Excell, Power point, Ilustrador,
Phtoshop, Wix, Google site, Herramientas Web 2.0, In design, para ejecutar trabajos de
diseño digital, diseño Web y diseño publicitario.
 Aplicar los elementos de la Web 2.0, el E-learning, el E-commerce y el Community
managment, para realizar comercio, interactividad, promoción y publicidad.
 Manejar los principales métodos y técnicas de investigación de la opinión pública,
investigación de mercados, marketing, publicidad, sondeos y encuestas, para apoyar la
planificación y promoción publicitaria.
 Desenvolverse con eficiencia en medios de comunicación realizando reportajes,
crónicas, noticias, entrevistas.
 Usar los preceptos básicos de la atención al cliente y las relaciones públicas para lograr
una óptima comunicación con los clientes.
 Conocer y utilizar en su trabajo profesional las formas ancestrales de comunicación,
impulsar la aplicación de la comunicación intercultural con el apoyo de su conocimiento
del idioma quichua.
 Entender, desarrollar y manejar los medios digitales de comunicación: emisoras de radio
digitales, periódicos digitales y canales de TV. on-line.
 Manejar las técnicas para realizar campañas publicitarias de diversas clases: puntos de
venta, campañas comerciales, públicas, políticas, de imagen corporativa.
 Manejar los nuevos formatos de comunicación para optimizar su trabajo profesional y
realizar community managment.

10
Unidad 1:

INTRODUCCIÓN

 Informarse sobre que es el Diseño Web

 Aprender los conceptos básicos para
elaborar un sitio web.
 Conocer las fases o etapas para elaborar
un sitio web.

El alumno reconocerá que para elaborar un sitio web y

Resultado de aprendizaje: publicarlo se debe cumplir con ciertas etapas, además
aprenderá los fundamentos básicos para elaborarlo,
establecerá un contenido acorde a los requerimientos del
cliente.

Contenidos:

1.1 ¿Qué es el Diseño?

1.2 ¿Qué es la Web?
1.3 ¿Qué es el Diseño Web?
1.4 ¿Qué hace un diseñador Web?
1.5 Las 7 fases de desarrollo de un sitio Web optimo

11
 1.1 ¿Qué es el Diseño?

¿Diseño?
Del italiano disegno, la palabra diseño se refiere a un boceto, bosquejo o esquema que se
realiza, ya sea mentalmente o en un soporte material, antes de concretar la producción de algo.
El término también se emplea para referirse a la apariencia de ciertos productos en cuanto a sus
líneas, forma y funcionalidades. (definicion.de, 2022)

Ilustración 1 Fases del Desarrollo de un sitio web.

Elaborado por: (grupovisuallab.com, 2022)

1.2 ¿Qué es la Web?

¿Web?
Web es un vocablo inglés que significa “red”, “telaraña” o “malla”. El concepto se utiliza en el
ámbito tecnológico para nombrar a una red informática y, en general, a Internet (en este caso,
suele escribirse como Web, con la W mayúscula). El término, de todas formas, tiene varios
usos.
La noción de web se emplea para nombrar a una red informática y, en especial, a Internet. La
idea de web 3.0 alude a una especie de extensión o de formato particular de la red tradicional.
Es importante tener en cuenta que el concepto no tiene una definición concreta, sino que suele
ser motivo de debate entre especialistas. En principio, para entender qué es la web 3.0, hay que
conocer a qué se refieren las dos “versiones” anteriores de la web.
La web 1.0 es Internet en su sentido clásico: una red descentralizada de computadoras
(ordenadores), vinculadas a través de un protocolo específico. Ingresar al sitio web de
un diario sería un ejemplo del funcionamiento típico de la web 1.0: la información se
encuentra en una computadora y los usuarios, a través de otro equipo, acceden a una
copia de la misma para leerla de forma local.
La web 2.0 se vincula a los servicios que permiten compartir datos e interactuar con gran
facilidad. Las redes sociales y las plataformas de colaboración constituyen la base de
esta evolución de Internet.

12
¿Qué es la web 3.0?
La idea de web 3.0, en este contexto, está relacionada a lo que se conoce como web
semántica. Los usuarios y los equipos, en este marco, pueden interactuar con la red
mediante un lenguaje natural, interpretado por el software. De esta manera, acceder a la
información resulta más sencillo. Dicho de otro modo, todos los datos alojados en la
web 3.0 deberían ser “entendidos” por las máquinas, que podrían procesarlos con
rapidez.
La web 3.0, en definitiva, está relacionada con la inteligencia artificial. Los sitios web
incluso tendrían la capacidad de conectarse entre sí de acuerdo a los intereses del
usuario. (definicion.de, 2022)

Ilustración 2 La web 3.0 se asocia a una mayor accesibilidad.

Elaborado por: (definicion.de, 2022)

Tarea: Elaborar un ensayo de 5 hojas sobre la Web 3.0 /10 p.

1.3 ¿Qué es el Diseño Web?

¿Qué es el Diseño Web?

El Diseño web es aquella actividad consistente en planificar, diseñar, mantener y crear sitios
web. Se aleja del término más tradicional del diseño en cuanto a que engloba una gran variedad
de aspectos diferentes, como pueden ser el diseño de la interfaz1, el diseño del material gráfico
o incluso la experiencia del usuario con el sitio.
1
Presentación gráfica de la aplicación, programa o Sitio Web. Es decir, las pantallas que visualiza el usuario.
13
Es la principal disciplina a tener en cuenta a la hora de montar una web, ya que de ella depende
el grado de usabilidad de la misma y la mejora de cara al visitante. Si este no recibe una
experiencia agradable, con una interactividad, arquitectura de información, navegabilidad y
usabilidad adecuadas, probablemente se desplace a la competencia o no saque real partido de lo
que brinda la página. (ecdisis.com, 2022)

Ilustración 3 Ejemplo de Sitio Web

Elaborado por: (paccari, 2022)

Tarea: Investigar en Internet de acuerdo a su criterio 5 ejemplos de excelentes Sitios Web,

elaborar un documento con capturas de pantalla, la dirección (URL) de cada Sitio Web y una
breve descripción o explicación de porqué usted lo considera un excelente sitio web.

A tomar en cuenta antes de empezar a diseñar:

El Diseño Web nos permitirá desarrollar conocimiento y habilidades para crear sitios web
(Website). Sin embargo, antes de empezar es importante que nos familiaricemos con un par de
términos:
Una vez creado el sitio web, este debe ser almacenado en una computadora (Hosting) que esté
conectada permanentemente al internet y además debemos asignarle un nombre (Dominio) a
nuestro sitio web. Debemos también comprender que el Hosting y el Dominio son servicios de
alquiler que tienen un costo mensual, anual, quinquenal o como se lo contrate. El valor varía de
acuerdo a ciertos factores técnicos.
¿Qué es un Sitio Web o Website?
Un sitio web es un conjunto de archivos electrónicos y páginas web referentes a un tema
en particular, incluyendo una página inicial de bienvenida generalmente denominada
home page, a los cuales se puede acceder a través de un nombre de dominio y dirección
en Internet específicos. El World Wide Web, o simplemente Web como se le llama
comúnmente, está integrado por sitios web y éstos a su vez por páginas web. La gente
suele confundir estos términos, pero un sitio web es en realidad un conjunto de páginas
web. A manera de ejemplo, el ministerio de Turismo de Ecuador cuenta con un sitio web
que se puede visitar a través de la siguiente dirección https://www.turismo.gob.ec/ y
cada tema (vínculo) que se puede consultar dentro de este sitio representa una página
web.
Los sitios web son empleados por las instituciones públicas y privadas, organizaciones
e individuos para comunicarse con el mundo entero. En el caso particular de las
empresas, este mensaje tiene que ver con la oferta de sus bienes y servicios a través de
Internet, y en general para ser eficientes en sus funciones de mercadotecnia.

14
 El sitio web no necesariamente debe localizarse en el sistema de cómputo de su negocio.
Los archivos y documentos que integran el sitio web pueden ubicarse en un equipo en
otra localidad, inclusive en otro país. El único requisito es que el equipo en el que se
almacenen los documentos esté conectado a la red mundial de Internet. Este equipo de
cómputo o Servidor Web, como se le denomina técnicamente, puede contener más de
un sitio Web y atender concurrentemente a los visitantes de cada uno de los diferentes
sitios.
Al igual que los edificios, oficinas y casas, los Sitios Web requieren de una dirección
particular para que los usuarios puedan acceder a la información contenida en ellos.
Estas direcciones, o URLs (por sus siglas en inglés Uniform Resource Locator),
aparecen cotidianamente en todos los medios de comunicación como son prensa escrita,
radio, televisión, revistas, publicaciones técnicas y en el propio Internet a través de los
motores de búsqueda (por su denominación en inglés search engines). Los nombres de
estos sitios Web (dominios) obedecen a un sistema mundial de nomenclatura y están
regidos por el ICANN (Internet Corporation for Assigned Names and Numbers).
Los Sitios Web pueden ser de diversos géneros, destacando los sitios de negocios,
servicio, comercio electrónico en línea, imagen corporativa, entretenimiento, redes
sociales y sitios informativos. (milenium, 2022)

¿Qué es el Hosting?
Un hosting es un servicio de alojamiento en línea que te permite publicar un sitio o
aplicación web en Internet. Cuando obtienes un hosting, básicamente alquilas un espacio
en un servidor que almacena todos los archivos y datos de tu sitio web para que funcione
correctamente.
Un servidor es una computadora física que funciona ininterrumpidamente para que tu
sitio web esté disponible todo el tiempo para cualquier persona que quiera verlo. Tu
proveedor de alojamiento es el responsable de mantener el servidor en funcionamiento,
protegerlo de ataques maliciosos y transferir tu contenido (como texto, imágenes, etc)
desde el servidor a los navegadores de tus visitantes.
Cuando decides crear una página web nueva, tienes que encontrar una empresa de
hosting que te proporcione espacio en un servidor. Tu proveedor de hosting almacena
todos tus archivos, medios y bases de datos en el servidor. Cada vez que alguien escribe
tu nombre de dominio en la barra de direcciones de su navegador, tu servidor transfiere
todos los archivos nece sarios para atender la solicitud.
Así que, debes elegir el plan de hosting que mejor se adapte a tus necesidades. De hecho,
el hosting web funciona de manera similar al alquiler de viviendas; tienes que pagar el
alquiler regularmente para poder mantener el servidor funcionando continuamente. (B.,
https://www.hostinger.es, 2022)

15
 Ilustración 4 Hosting
Elaborado por: (Moreno, 2018)

Tarea: Visualizar el video que se encuentra en el siguiente enlace

https://youtu.be/YZWRvLeT_KU consulte varias ofertas de hosting, capture las
pantallas y elabore un documento con toda la información.

¿Qué es el Dominio?

Un nombre de dominio es una

dirección web compuesta por un nombre de sitio web y una extensión de dominio. El
nombre lo eliges tú, siempre que esté formado por letras, números y guiones y que siga
estando disponible, mientras que la extensión del dominio suele ser una combinación
fija de unas pocas letras.
Al igual que una dirección física ayuda a la gente a encontrar un lugar concreto, la
finalidad de un dominio es ayudar a los usuarios a encontrar un sitio web. Sin nombres
de dominio, los usuarios sólo pueden acceder a los sitios web mediante direcciones de
Protocolo de Internet (IP).
Sin embargo, las direcciones IP son difíciles de recordar, ya que consisten en una serie
de números aparentemente aleatorios, lo que hace que no sean fáciles de compartir. Los
nombres de dominio, por el contrario, pueden ayudar a dirigir el tráfico a tu sitio web.
(B., https://www.hostinger.es, 2022)

Tarea: Consultar los tipos de Dominio que existen y elaborar un documento con
ejemplos de direcciones de internet por cada tipo.

16
 1.4 ¿Qué hace un diseñador Web?

¿Qué hace un diseñador web?

Si bien es común pensar que un diseñador web es responsable de crear sitios web atractivos y
completamente funcionales, hacen más que eso.
Los diseñadores web tienen en su trabajo tareas rutinarias relacionadas con la creación de un
diseño para medios digitales y la creación de contenido.
Por lo tanto, deben analizar tanto las necesidades del cliente como los objetivos para configurar
un sitio web a fin de brindar a los visitantes la mejor experiencia.
Además, diseñadores web deben saber cómo insertar gráficos, usar lenguajes como HTML y
actualizar el sitio cuando sea necesario. (rockcontent.com, 2022)

1.5 Las 7 fases de desarrollo de un sitio web óptimo

Las 7 fases de desarrollo de un sitio web óptimo

Ilustración 5 Fases para el desarrollo de un Sitio Web óptimo

Elaborado por: (grupovisuallab.com, 2022)

Fase 1 – Análisis
En esta fase se debe identificar el propósito del sitio web, los objetivos y el público
al que irá dirigido.

Lo primero, hay que definir sobre qué tratará el sitio web. Hay muchas ideas que
valen la pena considerar, desde una página web personal a sitios de negocios online. Con la
ejecución correcta, éstas tienen el potencial de generar muy buen dinero online.
Comenzamos por decidir el propósito principal y la funcionalidad que se desea tener. Algunos
de los tipos de sitios más populares incluyen:

17
 1. Sitios web de comercio electrónico. Las tiendas online son uno de los tipos de sitios más
visitados en la actualidad. Con la popularidad del dropshipping creciendo cada vez más
rápido, cualquier persona tiene la oportunidad de iniciar un negocio online en paralelo a
su trabajo principal. Puedes vender tanto productos digitales como físicos a grandes
audiencias de todo el mundo (lo que no sería tan simple con una tienda física).
2. Blogs. Muchos webmasters exitosos comenzaron su viaje con una simple consulta en un
buscador: cómo crear un blog. Con la posibilidad de abarcar una variedad de temas, los
blogs pueden ser tanto un negocio (por ejemplo, afiliados, reseñas, blogs especializados)
o una actividad de ocio (viajes, comida, música, libros).
3. Sitios web educativos. ¿Tienes bastante experiencia en una habilidad particular? ¿Por
qué no crear tus propios cursos digitales o un sitio web de membresía? Si eres un gran
aficionado a un pasatiempo o una habilidad en particular, crear una página web
educativa puede ayudarte a posicionarte como un experto en el nicho.
4. Sitios de noticias. En esta era del caos online, hacer una página web de noticias es más
fácil que nunca. Las personas buscan información todos los días a través de diversas
fuentes. Si te interesa publicar historias innovadoras, crear una web hará que sea mucho
más fácil transmitir tu mensaje.
5. Comunidades online. La gran cantidad de comunidades online exitosas es un mensaje
claro de que lo más importante es comenzar. Dado que la creación de grandes audiencias
lleva mucho tiempo, cuanto antes comiences, mejor.
6. Sitios de portafolio. Puedes crear una página web profesional para mostrar tus
habilidades y fortalezas. Esto puede mejorar enormemente tu presencia y visibilidad en
línea. Además, los portafolios online pueden darte la ventaja en entrevistas de trabajo,
concursos y negocios.
Algunas funciones son bastante comunes en casi todos los sitios:
 presentar una línea de productos y servicios;
 ayudar a las personas a encontrar tu ubicación, es decir, la dirección física de la empresa;
 reforzar la fiabilidad de la marca a través de testimonios de clientes, casos de éxito o
presentaciones del equipo;
 difundir materiales educativos y otras ofertas para generar leads;
 abrir un canal de contacto con la empresa;
 entre otros.
Todas estas funciones pueden estar bien distribuidas en la web, pero te recomendamos
que definas un objetivo principal para evitar que la página de inicio se sobrecargue con
información excesiva.
Tu objetivo tiene mucho que ver con tu estrategia de Marketing Digital: dar a conocer la
empresa, generar leads (potenciales clientes) para el equipo de ventas, entre otros.
Entonces, en esta etapa, tómese el tiempo para pensar en quién es su audiencia, qué contenido
esperan encontrar en su sitio y cómo organizar las páginas para que los usuarios estén
satisfechos y quieran explorar otros contenidos
Público Objetivo: Qué es, cómo definirlo y cuál es su importancia en las estrategias de
Marketing. En el mundo del marketing digital, definir los futuros clientes es una de las tareas
más importantes para alcanzar metas. De hecho, una estrategia de marketing se define según el
nicho de mercado que se quiere capitalizar, por eso en este apartado hablaremos sobre cómo
definir el público objetivo.
Mientras tenga un público objetivo bien definido, mejor podrá conocerlos y, sobre todo, saber
cómo ofrecer justo lo que ellos necesitan.

18
A continuación, encontraremos una serie de pasos que se debe seguir para empezar a definir el
público objetivo.
1. Investigar a tu audiencia
¿Cómo puedes saber quién quiere comprar el producto o servicio que ofreces? Pues, el primer
paso que debes dar es profundizar un poco en los datos de quienes ya son tus clientes.
Cuando conozcas qué características los definen, entonces podrás empezar a captar a un nuevo
público que se perfile con las mismas particularidades.
Una forma de recolectar estos datos es a través de los pequeños cuestionarios que nos invitan a
rellenar siempre que creamos un perfil en alguna página web o nos damos de alta en alguna
suscripción.
En este sentido, es aconsejable esquematizar un buen cuestionario para recolectar la cantidad
de datos justos sin que esto represente una molestia para el usuario. Recuerda que es algo que
puede cansar al público que finalmente podría terminar abandonando la compra.
¿Qué datos básicos debes recolectar de tu audiencia?
edad: basta con saber en qué década se encuentran o a qué generación pertenecen;
ubicación: saber al menos en qué país reside tu cliente, te permitirá saber en qué momento
programar anuncios publicitarios para que estos tengan mayor visualización;
idioma: el hecho de que viva en Ecuador, no significa que domine perfectamente el español.
Nunca asumas nada, siempre es mejor contar con los datos que te proporciona directamente el
cliente;
intereses: además de los servicios y productos que ofreces, ¿qué otros intereses tienen tus
clientes? ¿qué le gusta hacer?;
intención de compra: ¿cómo realiza la búsqueda de productos cuando visita tu página web?
¿qué orden de filtros utiliza? ¿por precio? ¿según las características del producto?
2. Analizar las redes sociales
Para complementar la base de datos que te ayudará a definir el público objetivo, también puedes
acudir a las analíticas de las redes sociales. Esto también te permitirá tener una visión más
amplia de los gustos y preferencias de tus potenciales clientes.
Además, podrás llenar esos vacíos de información que muchas veces quedan sin responder en
los cuestionarios de registros de los que hablamos anteriormente.
Esto además te permitirá estudiar cómo interactúan tus clientes en las redes sociales, cuáles
utilizan más y en qué momento.
3. Estudiar a la competencia
Echar un vistazo sobre tu competencia también podría ayudarte a definir mejor tu público
objetivo y también saber si tu competencia persigue los mismos objetivos y mercados que tú.
Podrás entender si ellos llegan a algunos segmentos que antes no considerabas y también qué
estrategias aplican para posicionar sus marcas.
4. Valorar el servicio o producto que ofrecerás
Para definir el público objetivo es importante tener claro cuál es el valor real del servicio o
producto que vas a ofrecer. Como estrategia de Marketing, debes explorar, crear y entregar
valor para satisfacer las necesidades de tu público objetivo.
¡Es importante diseñar anuncios publicitarios donde tu producto sea la solución!
Definir los beneficios de tu producto también te ayudarán a dar con tu público objetivo. A
medida que vayas creando la lista de beneficios, verás de forma más clara a qué tipo de público
deberás dirigirlo. Encuestar a los clientes es una herramienta útil para recopilar información
valiosa.
5. Declarar tu mercado meta
Cuando has dado con todos los datos de tu investigación, tendrás más claro el tipo de público
con el que trabajarás, por lo tanto, podrás diseñar las estrategias de posicionamiento de tu marca.
6. Probar los anuncios publicitarios con el público objetivo

19
El éxito se alcanza con ensayo y error. Cuando ya tienes definido tu público objetivo, empieza
a probar tus estrategias de marketing y anuncios de publicidad.
Prueba primero creando anuncios para redes sociales que vayan específicamente dirigidos al
perfil del mercado que lograste definir con tu investigación.
Ten en cuenta que, el idioma que utilices transmita el contenido apropiado al público objetivo.
Las imágenes seleccionadas para acompañar tu campaña deben ser lo más adecuadas posible y
sobre todo, que den sentido al contexto que estás creando.
Recuerda elegir los canales adecuados para poner en marcha tu campaña. Según la red social
que elijas, la estrategia cambiará, pero la orientación del mensaje seguirá siendo la misma.
Lo que sigue es mantener un seguimiento de los anuncios publicados y valorar los resultados
para corregir sobre la marcha.
7. Revisar la investigación del público objetivo constantemente
En este punto debes enfocarte en revisar constantemente los resultados que has obtenido desde
que empezaste a definir tu público objetivo.
Ahora ya cuentas con información que no tenías cuando empezaste con este proceso, por ende,
puedes evaluar los cambios que debes hacer, verificar si la definición de tu producto cumple
con las expectativas de tu buyer persona y si deben hacerse mejoras.
Con el tiempo tu mercado objetivo puede llegar a cambiar, por lo tanto, debes asegurarte de
mantener tus objetivos actualizados con la realidad y la evolución de tu marca en el tiempo.

Fase 2 – Planificación
Es importante definir el mapa del sitio, para dimensionar la magnitud y el alcance
del proyecto que se va a realizar, también nos permite crear la estructura y las
tecnologías que debemos utilizar para nuestra página web.

¿Qué es un mapa de sitio?

Un mapa de sitio visualiza la estructura de una aplicación o un sitio web para mostrar la relación
jerárquica entre sus páginas y ofrecer una visión clara de su contenido.
Las plantillas de mapa de sitio pueden ahorrar tiempo a tu equipo – y ayudar a reducir costes –
al acelerar el proceso de planificación y organización de sitios web de gran tamaño.

20
Ilustración 6 Ejemplo de un mapa de un sitio web
Elaborado por: (moqups, 2022)

Los mapas de sitio contribuyen en gran medida al éxito de un sitio web

Al mapear la estructura de un sitio web de forma eficiente y aclarar la relación entre sus distintos
elementos, los mapas de sitio mejoran la capacidad de los motores de búsqueda para escanear,
rastrear e indexar sus páginas.
Los mapas de sitio son un punto de discusión, planificación, colaboración y referencia esencial
para los Arquitectos de la Información, los Diseñadores de UX, los Estrategas de Contenido,
los Analistas de Negocios, los Desarrolladores y los Equipos de Marketing; también pueden
utilizarse como ayuda a la navegación de cara al público.
Una plantilla de mapa de sitio puede ayudar a tu equipo a identificar problemas estructurales –
y posibles causas de fricción con el usuario – como solapamientos, duplicaciones, callejones sin
salida y niveles de información innecesarios.
Tarea: Te invitamos a explorar en el siguiente enlace:
https://www.lucidchart.com/pages/es/ejemplos/mapa-de-sitio-online elabora un mapa para un
sitio web, captura las pantallas y elabora un documento para presentarlo como tarea.
Fase 3 – Diseño
Durante esta etapa debemos concentrarnos en el diseño visual del sitio, que tenga
una comunicación clara, colores que representen la marca o producto. Es importante
centrarse en la utilización de los principios de la usabilidad (facilidad de uso para el
usuario), UI (interfaz de usuario) y UX (experiencia del usuario), estos permiten
que además del diseño gráfico, el sitio web sea funcional y más efectivo.

21
Fase 4 – Contenidos
En esta etapa debemos concentrarnos en la redacción de textos correctamente,
inclusión de imágenes, videos con optimización para la web y la optimización para
motores de búsqueda (SEO). Los contenidos son la materia prima de nuestro
proyecto, de estos depende en gran parte el éxito porque al fin y al cabo es lo que
nuestros usuarios utilizarán.
Fase 5 – Desarrollo
En este punto se desarrolla el sitio utilizando lenguajes de programación como
HTML, CSS, PHP y bases de datos. También es importante aspectos funcionales
como el diseño adaptativo (responsive size), esto permitirá tener compatibilidad con
dispositivos móviles y llegar a una mayor cantidad de usuarios.
Fase 6 – Pruebas
Se deben realizar pruebas técnicas para el funcionamiento adecuado de la página
web, se revisa la compatibilidad con los navegadores web y muy importante revisar
si el sitio web cumple con el propósito que se plantea en los objetivos iniciales.

Fase 7 – Lanzamiento
Una vez se publique el sitio web en internet para el público, se debe realizar un
monitoreo constante para evitar fallas técnicas o realizar algún ajuste. También es
necesario el mantenimiento del sitio web no solo en temas técnicos sino en
actualización de contenidos.

Tareas

Tareas presentes en la guía:

Tarea 1: Elaborar un ensayo de 5 hojas sobre la Web 3.0 /10 p.
Tarea 2: Investigar en Internet de acuerdo a su criterio 5 ejemplos de excelentes Sitios Web,
elaborar un documento con capturas de pantalla, la dirección (URL) de cada Sitio Web y una
breve descripción o explicación de porqué usted lo considera un excelente sitio web.
Tarea 3: Consultar los tipos de Dominio que existen y elaborar un documento con ejemplos de
direcciones de internet por cada tipo.

Otras tareas para asignar en tutorías:

22
4.- Visualizar el video que se encuentra en el siguiente enlace https://youtu.be/YZWRvLeT_KU
consulte varias ofertas de hosting, capture las pantallas y elabore un documento con toda la
información.

Prácticas de refuerzo

Prácticas presentes en la guía:

1.- Reforcemos: investiga todo lo relacionado a los costos que representa un Hosting y un
Dominio y elabora un documento con los puntos más importantes.

Otras prácticas para asignar en tutorías:

2.- En Relevancia y calidad: Te invitamos a explorar en el siguiente enlace:

https://www.lucidchart.com/pages/es/ejemplos/mapa-de-sitio-online elabora un mapa para un
sitio web, captura las pantallas y elabora un documento para presentarlo como tarea.

Actividades de autoaprendizaje

Actividades presentes en la guía:

1.- Elabore una investigación de la arquitectura de un sitio web y elabore un cuadro de la

información extraída.

23
 AUTOEVALUACIÓN
(verdadero o falso)

V F El Diseño Web es únicamente la creación de páginas web.

V F Una vez creado el sitio Web debemos dar seguimiento para determinar si cumple
con su objetivo.
V F Para crear un sitio Web existen 7 fases o etapas
V F Lo más importante al crear un sitio web es la programación del mismo
V F El Dominio y el Hosting son completamente gratis.
V F Podemos crear sitios Web sin necesidad de dominar la programación
V F Para crear sitios Web podemos utilizar sistemas de gestión de contenidos
V F El primer sitio Web que aprendemos a crear es un Blog

24