El documento describe los servicios y metodología de trabajo de IDA para el desarrollo de proyectos digitales. Se enfocan en el diseño centrado en el usuario mediante estudios cualitativos y métricas para entender las necesidades de los usuarios. Aplican procesos de arquitectura de información como cardsorting y wireframing para organizar contenidos de forma usable y crear prototipos de interfaz. Realizan talleres para aplicar estas metodologías en la resolución de escenarios digitales.
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
COMPRA DE PASAJES
Junto a mi amigos queremos
viajar a la playa:
¿Cómo compro los pasajes
¿Solo puedo comprar pasajes
o se presenta otro servicio?
1
BÚSQUEDA DE INFORMACIÓN
Mi abuelo necesita encontrar
actividades para adultos mayores
dentro de la comuna:
¿Cómo y dónde encontrarlas?
¿Qué información deben mostrar?
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?