Diferencia entre revisiones de «LC3 Lenguaje Computacional 3»

De Casiopea
 
(No se muestran 21 ediciones intermedias de 4 usuarios)
Línea 1: Línea 1:
=Diseño de Experiencias en Medios Digitales=
{{Curso
|Tipo de Curso=Otro
|Profesores=Jorge Barahona,
|Carreras Relacionadas=Diseño Gráfico
|Nombre=LC3 Lenguaje Computacional 3
}}
=Diseño Centrado en los Usuarios=
El Diseño centrado en los usuarios (UX) tiene '''tres momentos''' con los cuales genera '' la propuesta o el objeto de diseño''. Estos momentos son:


Por favor, [http://groups.google.com/a/arquitecturaucv.cl/group/lc3-2010?lnk=gcimh inscribirse] en la lista de correo para el curso. Las inscripciones se cierran el viernes.
* La planificación:
* La estructura:
* La producción o construcción


==Clase 1==
[[Archivo:Metodologia UX.jpg]]


El desarrollo básico del curso, será la utilización de la wiki como repositorio de conocimiento será fundamental, de modo que exista una documentación del proceso de entrega de trabajos, generando contenido, lo que es parte importante de nuestro estudio.
===La planificación===
 
'''Estrategia'''
===Lenguaje HTML===
Lo que se tratará durante las clases, será la programación en HTML. Este es un lenguaje o código utilizado para la creación de sitios web, y que funciona a base de marcas o etiquetas, determinando cómo debe mostrarse la información en los browsers (navegadores).


Es de gran importancia el saber cómo programar interfaces, cómo lo plasmado en el papel se visualiza en los distintos medios digitales, con los cuales diseñamos experiencia. A través de estos creamos puntos de interacción, relaciones entre softwares y personas y viceversa, siendo un proceso complejo para el diseño.
La [http://es.wikipedia.org/wiki/Estrategia estrategia] es "un conjunto de acciones que se llevan a cabo para lograr un determinado fin.  
Proviene del griego ΣΤΡΑΤΗΓΙΚΗΣ, ''Stratos'' = Ejército y ''Agein'' = conductor, guía.  


Al momento de diseñar, existe un proceso productivo en el área de trabajo y con las personas que ejercen diferentes disciplinas, lo que nos ayuda a construir los diseños de mejor manera para los usuarios y para definir de forma clara los distintos escenarios.
Se basa principalmente en el planteamiento estratégico, que conlleva a un cuestionamiento dado por las preguntas:
*''¿Qué?''
*''¿Cuando?''
*''¿Quienes?''
*''¿Cómo?''


===Medios Digitales===
Las herramientas para diseñar una ''Estrategia'' de Diseño UX son:
Los medios digitales son soportes en los cuales se dispone información, y además de internet, podemos encontrar otros como:


*Pantallas
#''' Brief:''' Resumen en el cual, la persona con la que trabajaremos, nos dice qué es lo que necesita, éste tiene tres componentes de gran importancia:
*Móviles
##'''Presupuesto ('''dinero con el que cuenta la persona para el proyecto)
*TV
##'''Contra Brief''' (preguntas que nacen a partir del brief, las hace el diseñador)
*Juegos
##'''Debrief''' (se ven los objetivos y permite la generación de mecanismos de medición)
*Consolas de comando
#'''Entrevistas Guiadas:''' conversaciones con usuarios y/o funcionarios con el fin de adquirir más información que ayude al desarrollo del diseño.
#'''Benchmark:''' análisis comparativo que mide las capacidades de experiencia que hay tras el encargo. También permite tener anotaciones del experto sobre un servicio y generar herramientas de objetivos.


===Diseño centrado en las Personas===
Toda ''estrategia'' debe contar con al menos tres elementos:
Existen tres puntos claves que nos proporcionan un ordenamiento y tácticas al momento de diseñar, de esta manera, no nos centramos inmediatamente en buscar la solución, sino que en primera instancia entendemos cual es el problema de la persona.
# Objetivos
# Metas
# Activos materiales y humanos para la ejecución del proyecto
# Tiempos
# Mecanismos de medición
# Metodologías de trabajo


====Planifiación====
'''Estrategia'''


Es, básicamente, un planteamiento estratégico, en el que las preguntas ''¿Qué?'', ''¿Cuando?'', ''¿Quienes?'' y ''¿Cómo?'' son fundamentales.
'''Comportamiento de los usuarios'''


Se compone de:
Se compone de:
# Brief: resumen en el cual, la persona con la que trabajaremos, nos dice qué es lo que necesita para que logremos entender la la problemática. El brief tiene tres componentes de gran importancia:
#'''Expert Review:''' evaluación hecha por expertos
## Presupuesto (dinero con el que cuenta la persona para el proyecto)
#'''Personas y Escenarios:''' pensar en el usuario, dónde y en qué condiciones interactúa con un sistema
## Contra Brief (preguntas que nacen a partir del brief, las hace el diseñador)
#'''Evaluación Heurística:''' análisis de usabilidad
## Debrief (se ven los objetivos y permite la generación de mecanismos de medición)
#'''Eyetracking:''' herramienta de medición
# Entrevistas Guiadas: conversaciones con usuarios y/o funcionarios con el fin de adquirir más informacion que ayude al desarrollo del diseño.
#Benchmark: análisis comparativo que mide las capacidades de experiencia que hay tras el encargo. También permite tener anotaciones del experto sobre un servicio y generar herramientas de objetivos.
 
 
'''Comportamiento de las personas'''
 
El estudiar el ''comportamiento de las personas'', nos permite comprender sus tendencias y motivaciones, la manera en cómo interactúan con un sistema, pero esto no debe confundirse con el estudio de los ''sistemas en interacción con las personas'', pues en este caso nos centramos en la usabilidad.


Se compone de:
===La estructura===
# Expert Review: evaluación hecha por expertos
# Personas y Escenarios: pensar en el usuario, dónde y en qué condiciones interactúa con un sistema
# Evaluación Heurística: análisis de usabilidad
# Eyetracking: herramienta de medición


====Estructuración====
'''Arquitectura de la Información'''
'''Arquitectura de la información'''


La manera de tener una diagramación que permita una comprensión lingüística, corresponde a la arquitectura de la información, ligándose directamente con la rapidez en los sistemas digitales.
*Card Sorting
*Etiquetado y lingüística
*Mapas de Navegación
*Mapas de Interacción
*WireFrames


Se compone de:
'''Diseño de Interacción'''
# Diseño de Contenidos
# Mapas de Navegación: primera representación gráfica de la base de los contenidos
# Wireframes: maquetas en las que se utilizan etiquetas reales de los mapas de navegación


* Modelos Mentales
* Mapas de Interacción
* Wireframes


'''Diseño de interacción'''
===La producción===


====Producción====
'''Diseño de Interfaz'''
'''Diseño de interfaz'''
* Tipografía
'''Diseño de códigos de interfaz'''
* Cromática
* Diseño de Iconografía
* Maquetación


===Primer Encargo===
'''Diseño de códigos de Interfaz'''
*Descargar aplicaciones FTP, como [http://www.panic.com/transmit/ Transmit] para Mac o [http://filezilla-project.org/ Filezilla] para distintas plataformas.
* Programación XHTML
*
* CSS




Línea 77: Línea 86:
[[Categoría: Lenguaje Computacional]]
[[Categoría: Lenguaje Computacional]]
[[Categoría: Cursos]]
[[Categoría: Cursos]]
[[Categoría: Lenguaje Computacional 3]]

Revisión actual - 10:19 26 jul 2017




Tipo de CursoOtro
ProfesoresJorge Barahona
Carreras RelacionadasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.

Estudiantes

Diseño Centrado en los Usuarios

El Diseño centrado en los usuarios (UX) tiene tres momentos con los cuales genera la propuesta o el objeto de diseño. Estos momentos son:

  • La planificación:
  • La estructura:
  • La producción o construcción

Archivo:Metodologia UX.jpg

La planificación

Estrategia

La estrategia es "un conjunto de acciones que se llevan a cabo para lograr un determinado fin. Proviene del griego ΣΤΡΑΤΗΓΙΚΗΣ, Stratos = Ejército y Agein = conductor, guía.

Se basa principalmente en el planteamiento estratégico, que conlleva a un cuestionamiento dado por las preguntas:

  • ¿Qué?
  • ¿Cuando?
  • ¿Quienes?
  • ¿Cómo?

Las herramientas para diseñar una Estrategia de Diseño UX son:

  1. Brief: Resumen en el cual, la persona con la que trabajaremos, nos dice qué es lo que necesita, éste tiene tres componentes de gran importancia:
    1. Presupuesto (dinero con el que cuenta la persona para el proyecto)
    2. Contra Brief (preguntas que nacen a partir del brief, las hace el diseñador)
    3. Debrief (se ven los objetivos y permite la generación de mecanismos de medición)
  2. Entrevistas Guiadas: conversaciones con usuarios y/o funcionarios con el fin de adquirir más información que ayude al desarrollo del diseño.
  3. Benchmark: análisis comparativo que mide las capacidades de experiencia que hay tras el encargo. También permite tener anotaciones del experto sobre un servicio y generar herramientas de objetivos.

Toda estrategia debe contar con al menos tres elementos:

  1. Objetivos
  2. Metas
  3. Activos materiales y humanos para la ejecución del proyecto
  4. Tiempos
  5. Mecanismos de medición
  6. Metodologías de trabajo


Comportamiento de los usuarios

Se compone de:

  1. Expert Review: evaluación hecha por expertos
  2. Personas y Escenarios: pensar en el usuario, dónde y en qué condiciones interactúa con un sistema
  3. Evaluación Heurística: análisis de usabilidad
  4. Eyetracking: herramienta de medición

La estructura

Arquitectura de la Información

  • Card Sorting
  • Etiquetado y lingüística
  • Mapas de Navegación
  • Mapas de Interacción
  • WireFrames

Diseño de Interacción

  • Modelos Mentales
  • Mapas de Interacción
  • Wireframes

La producción

Diseño de Interfaz

  • Tipografía
  • Cromática
  • Diseño de Iconografía
  • Maquetación

Diseño de códigos de Interfaz

  • Programación XHTML
  • CSS