MGMATHUS@GMAIL.

COM
 DESCRIPCIÓN DEL MODULO
En este modulo se busca familiarizar a los participantes con
la investigación, planeación, construcción y documentación
de un sitio web, de manera que estos puedan aportar sus
ideas y participar activamente en el desarrollo de estos. De
igual forma los participantes conocerán los principios básicos
para poder crear o administrar un sitio web. 

Conocerán los principios de diseño de sitios web, detalles a

tomar en cuenta a la hora de crear el diseño de un sitio y la
mejor manera de trabajar el aspecto fotográfico para la
publicación en la web.
DESCRIPCIÓN DEL MODULO
-OBJETIVOS GENERALES
EVALUACIONES
DISEÑO
DISEÑO DE EXPERIENCIAS DIGITALES
 ANALICEMOS ALGUNOS CASOS DE GRAN ESCALA.
PARA PONERNOS EN CONTEXTO.
• No hay cambio pequeño
• Diseñar con Datos
• Hacer el cambio con cuidado
DISEÑO WEB
¿QUE ES UN SITIO WEB?
 ¿QUE ES UN SITIO WEB?
Un sitio, sistema o plataforma web es una de las
maneras más versátiles en la actualidad en las que las
empresas, organizaciones o instituciones en general
poseen para solventar muchas de sus necesidades, ya
sea haciendo uso de internet o de manera privada.
 ALGUNOS DATOS
1. La audiencia online en América latina es de 170,5 millones
de visitantes únicos.
2. El 57% de los usuarios tienen 34 años o menos
3. de ese porcentaje El 70% se conecta desde móvil.
4. Para Mediados de 2016 existían 350 Millones de Dominios
registrados
 ¿QUÉ ES EXACTAMENTE UN PROYECTO WEB?

1. Lo que entendemos como un proyecto web comprende

muchos conocimientos y disciplinas que trabajan de
manera conjunta.
2. No podemos separar el diseño del  rendimiento web, ni
tampoco de la estrategia de contenidos o
el posicionamiento web etc.
 EVOLUCIÓN WEB
1. Web 1.0
• Estatico
2. Web 2.0
• Social
3. Web 3.0
• Non-browser
¿QUÉ COMPRENDE UN PROYECTO WEB?
• Definir los objetivos • Crear un Wireframe
• Conceptualización • Diseño de la Navegación
• Definir los contenidos • Diseño de la interfaz
• Estrategia de contenidos • Maquetar
• Arquitectura de la • Selección de tecnologías
información • Hacer que funcione
• Mapa de Sitio • Publicar sitio
• Bechmarking
• Dibujar un prototipo
 DEFINIR OBJETIVOS
• Este paso aunque parezca obvio se omite en muchas
ocasiones, es fundamental que antes de hacer cualquier
cosa, uno se plantee cuales son los resultados que se
espera obtener

• ¿Por qué quiero un sitio web?

• Que quiero lograr
• ¿A donde quiero llegar?
• ¿Para que servirá? Y ¿a quienes les será útil?
 CONCEPTUALIZACIÓN 

- DEFINIR LOS CONTENIDOS

• ¿Quien es el responsable de los contenidos?, hay que

definir:
• El que es lo que vamos a decir
• El cómo se hará
• El donde se hará
• El por qué en esos puntos y no en otros
• ¿Quien es el responsable de aportarlos?
 CONCEPTUALIZACIÓN
• Pensar en el a quién, el cómo y el por qué antes de
pensar en el qué.
 CONCEPTUALIZACIÓN
Se deben realizar unas cuantas sesiones de brainstorming o
lluvia de ideas. En esta fase hay que cosas como

• ¿A quién me dirijo? preguntarse

• ¿Por qué quiero esta web?
• ¿Cómo tengo pensado alcanzar mis objetivos?
• Por qué quiero una web
• Qué problema soluciono, que valor añadido aporto
• Qué me diferencia y hace único
• A qué segmento de mercado quiero llegar
• Qué quiero comunicar, qué tono voy a emplear
• Cuáles son mis expectativas a largo plazo
 ESTRATEGIA DE CONTENIDOS
• ¿Qué es antes, el huevo o la gallina?
• ¿El diseño o el contenido?
 ESTRATEGIA DE CONTENIDOS
• Antes de lanzarse a crear el diseño se debería pensar en el
tipo de contenidos que queremos ofrecer para saber qué
diseño es el más adecuado.
 ESTRATEGIA DE CONTENIDOS
-CONTENT CURATION (CURADORES DE CONTENIDO).

Consiste en localizar, filtrar, modificar y distribuir, de forma

segmentada, una gran cantidad de contenido.
Hace referencia por tanto a la actividad consistente en la
selección y difusión (curation) de contenido (content) en la
web, también ayuda a Identificar, establecer y gestionar las
palabras claves.
 ESTRATEGIA DE CONTENIDOS
-ARQUITECTURA DE LA INFORMACIÓN

• Organizar y clasificar la información

• ¿Cómo distribuimos los contenidos en el sitio web?
• ¿Qué enlaces son los que van al menú principal?
• ¿Cuántas categorías usará el sitio?
 BENCHMARKING
Es una técnica para buscar las mejores practicas que se
pueden encontrar fuera o a veces dentro de la empresa, en
relación con los métodos, procesos de cualquier tipo,
productos o servicios, siempre encaminada a la mejora
continua y orientada fundamentalmente a los clientes
 BENCHMARKING
El benchmarking implica aprender de lo que está haciendo el
otro y entonces adaptar sus propias practicas según lo
aprendido, realizando los cambios necesarios, no se trata
solamente de copiar una buena practica, sino que debe de
efectuarse una adaptación a las circunstancias y
características propias.
 BENCHMARKING
• Competitivo directo
• Benchmarking no competitivo
 BENCHMARKING
Competitivo directo: La gran mayoría de las empresas tienen
uno o varios competidores que destacan en la ejecución de la
fase o proceso que se pretende mejorar. Lograr que el
competidor directo proporcione los datos de interés puede ser
una labor difícil de conseguir. En ciertas ocasiones una
tercera empresa o un proveedor común puede ser utilizados
como fuente de información.
 BENCHMARKING
Benchmarking no competitivo: Se produce cuando se obtiene
información sobre empresas que no son competidoras de
forma directa, bien porque el mercado en el que actúan sea
geográficamente opuesto, o porque intervengan en otro
sector de actividad diferente.
 PASOS PARA EL BENCHMARKING
• Planificación
• Recogida y análisis de información
• Integración y adaptación a la empresa
• Acción e implementación de los resultados
• Maduración
ANTES DE LA PAUSA…
“Cosas que debería hacer/leer para entender de
que me hablan en la clase”

• Diseño Web Adaptable

• www.draw.io