Presentación sobre el Diseño de Interfaces y su metodología de producción.

1. Diseño de interfaces
centradas en el usuario
Liz Palacios Penna

2. Plan de producción.
Realización de carpeta de producción.

3. Determinación del pronóstico de demanda
a) Determinar cuál es el problema.
Pregúntate ¿cuál es el problema? y defínelo.
Es pertinente que agregues fotografías.

4. 1. Determinación del pronóstico de
demanda
b) Determinar quién tiene el problema.
Explica características demográficas y
contextuales.
Es pertinente que agregues fotografías.
Edad:
Escolaridad:
NSE:
Localidad:
Género:
Perfil psicológico
Etc:

5. c) Describe qué experiencia quieres provocar en tu usuario.
d) Enlista los hábitos de consumo de tu usuario (pueden ser: horas de conexión, dispositivos de
conexión, programas o videojuegos, o sitios de preferencia de tu usuario, como referencia
puedes revisar:
http://www.iabmexico.com/estudios/consumo-medios-2017/
https://www.the-emag.com/blog/conoce-h%C3%A1bitos-consumo-internet-hombres-mexicanos
https://www.fayerwayer.com/2010/09/mexico-habitos-de-consumo-en-internet/
http://www.lavanguardia.com/economia/20170327/421220200209/plataformas-online-habitos-consumo.html
http://www.ciminvestigacion.com/habitos-de-consumo-2/
https://blog.atlantiasearch.com/perfil-habitos-consumo/
https://www.asociaciondeinternet.mx/es/component/remository/Habitos-de-Internet/13-Estudio-sobre-los-Habitos-de-los
-Usuarios-de-Internet-en-Mexico-2017/lang,es-es/?Itemid=

6. e) Describe a tu tipo de usuario: http://www.brighidstudio.com/tipos-de-usuarios-internet/
f) Describe la metáfora gráfica que usarás en tu página web y explica porqué
g) Describe las tendencias de diseño que aplicarás a tu página web y explica porque
h) Desarrollo

7. El componente del diseño gráfico es uno de los elementos mediadores del proceso de
comunicación entre el contenido y el estudiante.
Esto se evidencia en el diseño de interfaces gráficas en las cuales las metáforas son
preponderantes y predominantes; sin embargo, su evolución, producto de las nuevas tecnologı ́as
y sus posibilidades en variados medios, obligan a considerar el aporte de otras metodologı ́as
como el diseño universal y el adaptativo en la producción de multimedias interactivo.

8. Leyes de las interfaces
La interfaz es una metáfora
La mejor interfaz es la que desaparece
Las interfaces conforman un sistema
Las interfaces no mueren, evolucionan
Si una interface no puede hacer algo, lo simula

9. Fases para elaboración de interfaces

10. Fases para elaboración de interfaces
1. Conceptualización
2. Planeación
3. Contenidos
4. Diseño
5. Desarrollo
6. Lanzamiento

11. Arquitectura de la información
Tareas
Definir Objetivos
Aportar Funcionalidades
Definir Navegación
Desarrollar contenidos
Lograr Interacción general

12. Arquitectura de la información
Importancia
Estructura el contenido de forma clara y sencilla
Claridad en los sistemas de búsqueda e interacción
Buena experiencia de usuario

13. Arquitectura de la información
Organización
Navegación
Etiquetado
Sistemas de búsqueda

14. Arquitectura de la información
Fases
1. Planificación
2. Análisis de contenidos
3. Análisis de servicios
4. Organización de información

15. Arquitectura de la información
Análisis de contenido
¿Cuáles contenidos debe tener y son útiles para el usuario?
Tipos de contenidos
Textos / Identificadores / Fotografías / Ilustraciones /
Diagramas / Videos / Audio / Infografías / Texturas /
Animaciones
Inventario de contenidos
Existente listos para usar
Existente que requieren edición
Inexistentes a desarrollar
Inútiles

16. Organización de la información
Sistemas de clasificación
Exactos Ambiguos
Alfabético Temáticos
Cronológico Funcionales
Geográfico Público / Audiencias
Metáforas
Híbridos (NO USAR)

17. Análisis de servicios

18. Arquitectura de la información
Planificación
Formas de actualización
Periodicidad de las actualizaciones

19. Arquitectura de la información
Organización de la información
Sistemas de clasificación
Criterios de agrupación
Estructuras
Relaciones entre los elementos del contenido

20. Metáforas de Interfaz

21. Organización de la información
Estructuras
Secuenciales

22. Organización de la información
Estructuras
Jerárquica

23. Organización de la información
Estructuras
Hipertextual

24. Organización de la información
Estructuras
Matricial

25. Organización de la información
Estructuras
Matricial modular dinámico

26. Organización de la información
Estructuras
Combinada

27. Experiencia del usuario

28. Experiencia del usuario

29. Experiencia del usuario

30. Experiencia del usuario

31. Evaluación

32. Referencias
Arquitectura de la Información Fuente: Geni deVilar, Maestría en Diseño de Aplicaciones Multimedia, Universidad Politécnica de Catalunya
http://www.slideshare.net/rjtassi/arquitectura-de-la- informacion
Information Architecture Heuristics
https://www.slideshare.net/AbbyCovert/information-architecture-heuristics/3-But_when_critiquing_work_What
https://es.scribd.com/doc/71387622/Scolari-5-Leyes-de-Las-Interfaces
https://hipermediaciones.com/2012/11/23/colabor_arte-medios-y-artes-en-la-era-de-la-produccion-colaborativa/
http://www.culturavisual.uji.es/master-ntpic-scolari-las-leyes-del-interfaz-29-de-sept/
http://resumenes-comunicacion-uba.blogspot.mx/2013/09/scolari-la-interfaz-y-sus-metaforas.html
http://cmap.javeriana.edu.co/servlet/SBReadResourceServlet?rid=1K249KQP2-21WRKY8-2PH