ida workshop #2 arquitectura de información
Post on 14-Apr-2017
532 Views
Preview:
TRANSCRIPT
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
top related