patrones para arquitectura de información y ejemplos
TRANSCRIPT
Patrones de diseño para IA(con ejemplos)
Mauricio Angulo S.Consultor en Experiencia de Usuario
email > [email protected] > @mauricioangulo
www.tesseractspace.com
Experiencia del Usuario
felicidad confianza+ =1 2 3 4A B
Arquitectura de Información
= Navegación
“Cuando una plataforma digital carece de definición y estructura, los usuarios pueden perderse en el contenido. La Arquitectura de Información es la práctica de organizar el contenido y mostrar sus interrelaciones para que el usuario se mantenga orientado y encuentre lo que busca.”
- Erik Hennum, IBM, 2005
“Al definir patrones formales para arquitectura de información, los gestores de contenido pueden utilizar modelos probados para mejorar la Experiencia de sus Usuarios.”
- Erik Hennum, IBM, 2005
“...métodos estructurados para describir buenas prácticas de diseño en un campo de conocimiento”
- Wikipedia
Patrones de arquitectura:
”...formas para derivar y describir soluciones de diseño”
- Prof. Michael Hughes
Imagina que quieres diseñar el campus de una universidad...
¿Cómo distribuir la responsabilidad del diseño en todos los niveles de una jerarquía grande manteniendo la consistencia y armonía en el diseño general?
Patrones:
“Un patrón describe un problema que ocurre una y otra vez en nuestro entorno y contiene la solución mínima para ese problema, de manera que esa solución se puede utilizar un millón de veces sin realizarla de la misma manera dos veces.”
- Christopher Alexander
Patrones de diseño centrados en el usuario
Un proyecto está centrado en el usuario cuando se diseña con la meta específica de satisfacer sus deseos y necesidades de manera valiosa, simple y disfrutable.
Lo que nosotros creemos que el usuario necesita:
Lo que el usuario realmente necesita:
Tipos de patrones: 1. Interfase y layout:
Diseño de UI y editorial
2. Estructura de la información y dinámicas de navegación:Índices, tablas de contenido, contenido relacionado, controles de navegación
3. Contenido:Taxonomía de contenido, estrategia de comunicación.
1
2
3
Patrones para escritorio
Todo-en-uno
Plano
Índice
Margarita (concentrador)
Jerarquía estricta
Jerarquía multidimensional
Búsqueda
Patrones para móviles
Jerárquico
Centralizador
Matrioska
Pestañas
Panel de control
Vista filtrada
http://bit.ly/1FquqSg
El primer jueves de cada mes a las 19:30 hrs:
- Un tema diferente por mes- Tres expertos por tema- ¡Pizza y...- … cerveza gratis!
Más información en www.uxnights.com
Mobile Day México es un congreso sobre desarrollo de aplicaciones móviles en contextos empresariales.
Se realizará el 19 de marzo de 2015 en la Ciudad de México.
http://sg.com.mx/mobileday/
¡Gracias!
Mauricio Angulo S.Consultor en Experiencia de Usuario
email > [email protected] > @mauricioangulo
www.tesseractspace.com
Guías de estilo vs Lenguaje de patrones
Guía de estilo:
● Basada en reglas● Basada en estructuras● Enfocada en el lenguaje● Orientada a productos● “Presenta esta clase de
contenido de esta manera”
Patrones:
● Heurístico● Basado en comportamientos● Enfocada en la información● Consistente entre productos● “En este escenario, haz que
el contenido actúe de esta forma”
Guías de estilo vs Lenguaje de patrones
General Específico
Principio Guíaheurística Patrón