www.ida.cl Marzo 2016

IDA WORKSHOP AI

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

METODOLOGÍA

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

Rentabilidad

METODOLOGÍA DISEÑO CENTRADO EN LAS PERSONAS

Metodología UX

Métricas

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

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

CONTENIDOCOMPLEMENTARIO

CONTENIDO AUXILIAR

CONTENIDO CONTENIDOITEM 1.1

ITEM 1.2

ITEM 1.1

ITEM 1.2

SECCIÓN PRINCIPAL

SECCIÓN SECUNDARIA

CONTENIDOCOMPLEMENTARIO

CONTENIDO AUXILIAR

ITEM 1.1

ITEM 1.2

ITEM 1.1

ITEM 1.2

CONTENIDO CONTENIDO

DISEÑO DE INFORMACIÓN

Síntesis de información, interpretación de jerarquías y conceptos, para un fácil aprendizaje del usuario.

ACTIVIDAD

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

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:

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:

RECURSOS

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?

GRACIAS¿Quieres éxito para tu negocio digital?

Toma el camino de IDA

Conoce más en www.ida.cl