2. PRESENTACIÓN DEL WORKSHOP
Nuestra metodología: AI/UX en el diseño centrado en las personas.1
Bienvenidos
El workshop durará aproximadamente tres horas, que serán distribuidas en cuatro partes:
Caso de estudio: Cómo aplicamos la metodología a un proyecto.2
Actividad: Cardsorting guiado, mapa de navegación y wireframes.3
Cierre de jornada: Presentación de los trabajos y encuesta de satisfacción.4
TEMARIO
4. IDEAS DIGITALES APLICADAS
Inves3gación de Usuarios.
• Estudios de Usuarios.
• Test de Usabilidad.
• Analítica Web.
1 Diseño y Desarrollo Web.
• Arquitectura de Información.
• Diseño de Interfaz.
• Front y Desarrollo.
2 Marketing de Contenidos.
• Generación de Contenidos.
• Difusión por Redes Sociales.
• Op8mización SEO.
3
NUESTROS SERVICIOS
SEO
BLOG
SOCIAL
MEDIA
Diseñamos presencia digital en entornos amigables, atractivos y fáciles de usar
No se trata solo de desarrollar un sitio web, sino también de gestionar la imagen del “negocio” en Internet.
Por esto nos enfocamos en las interacciones y experiencias de usuario, para así mejorar las plataformas digitales.
6. EXPERIENCIA DE USUARIO
Estudiamos a los usuarios
mediante encuestas,
entrevistas y tests.
1 Perfilamos a los potenciales
clientes a través de la
creación de arquetipos
según criterios definidos.
2 Conocemos y aplicamos las
normas y estándares de
usabilidad y accesibilidad.
3
7. ARQUITECTURA DE INFORMACIÓN
Organizamos los contenidos de forma
participativa a través del cardsorting.
1 Damos jerarquía y sentido a los contenidos en
mapas de navegación.
2
Diseñamos las interacciones y flujos entre
persona y sistema generados en las plataformas.
4Utilizamos los wireframes para diagramar
y estructurar visualmente el contenido.
3
INICIO
SECCIÓN
PRINCIPAL
SECCIÓN
SECUNDARIA
CONTENIDO
COMPLEMENTARIO
CONTENIDO
AUXILIAR
CONTENIDO CONTENIDOITEM 1.1
ITEM 1.2
ITEM 1.1
ITEM 1.2
SECCIÓN
PRINCIPAL
SECCIÓN
SECUNDARIA
CONTENIDO
COMPLEMENTARIO
CONTENIDO
AUXILIAR
ITEM 1.1
ITEM 1.2
ITEM 1.1
ITEM 1.2
CONTENIDO CONTENIDO
8. DISEÑO DE INFORMACIÓN
Síntesis de información,
interpretación de jerarquías
y conceptos, para un fácil
aprendizaje del usuario.
10. PRESENTACIÓN DE LA ACTIVIDAD
Selección de escenario.1
Sobre la actividad
A continuación indicamos las etapas en que se divide la actividad principal del workshop:
Cardsor3ng y mapa de navegación.2
Wireframes.3
Presentación de los trabajos.4
11. SELECCIÓN DE ESCENARIO
CLASES ONLINE
Soy profesor de matemática y me
interesa impartir clases online en
mi sitio web:
¿Cómo debe exponer las clases?
¿De qué manera puede evaluar a
quienes ingresan a las lecciones?
1
SERVICIO PARA VIAJAR
Con mi mejor amigo nos vamos de
viaje por chile en auto y tenemos 3
cupos libres que nos interesa
llenar en diferentes tramos:
¿Cómo debe ser un servicio online
para compartir auto?
¿Cómo publicar anuncios y
concretar tratos?
2
CATÁLOGO DE PRODUCTOS
Con mi pareja creamos una
pastelería a domicilio y ahora
queremos vender online:
¿Cómo muestro los productos?
¿Qué información es
importante para la compra?
3
Para comenzar la actividad, debemos elegir un escenario:
12. WIREFRAMES
El primer wireframe es el home
del si8o, en el cual se mostrará
información destacada y los
accesos a páginas interiores.
1 El segundo wireframe corresponde a
una página interior clave para
cumplir o realizar el obje8vo del si8o.
2
A partir del mapa de navegación, debemos realizar dos wireframes:
14. RECURSOS IDA BLOG
• Ejercicio Cardsorting para organizar contenidos en un sitio web
• ¿Cómo pasamos de contenidos sin forma a mapas de navegación?
• ¿Cómo convertimos mapas de navegación en wireframes?
• ¿Para qué sirve un wireframe?
• ¿Cómo debes leer wireframe?
• Herramientas para realizar anotaciones en wireframes
• ¿Cómo creamos la arquitectura de información para nuestros proyectos?
• ¿Qué buscamos en un arquitecto de información?