Diferencia entre revisiones de «Valentina Perez:LC3 2010»

De Casiopea
Línea 138: Línea 138:


[[Archivo:mapainmunomedica.png|900px]]
[[Archivo:mapainmunomedica.png|900px]]
==Wireframes==
===Home===
[[Archivo:wirehomeinmuno.png]]

Revisión del 16:10 28 jul 2010

LC3 2010

Clase 1

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.

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.

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.

Medios Digitales

Los medios digitales son soportes en los cuales se dispone información, y además de internet, podemos encontrar otros como:

  • Pantallas
  • Móviles
  • TV
  • Juegos
  • Consolas de comando

Diseño centrado en las Personas

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.

Planifiación

Estrategia

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

Se compone de:

  1. 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:
    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 informacion 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.


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:

  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

Estructuració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.

Se compone de:

  1. Diseño de Contenidos
  2. Mapas de Navegación: primera representación gráfica de la base de los contenidos
  3. Wireframes: maquetas en las que se utilizan etiquetas reales de los mapas de navegación


Diseño de Interacción

Producción

Diseño de Interfaz

Diseño de Códigos de Interfaz

Primer Encargo

  1. Descargar aplicaciones FTP, como Transmit para Mac o Filezilla para distintas plataformas.
  2. Crear un sitio web que contenga una palabra o un texto. Para esto, primero se crea una carpeta en el escritorio, la cual será nuestra "raíz", que debe contener:
    1. Carpeta "css"
    2. Carpeta "imag"
    3. Carpeta "html"
    4. Documento "index.html" (se crea en un editor de texto y allí se escribe el código de programación)
  3. Leer esta guía y seguir los pasos para la programación del sitio web.

Personajes Relacionados

  • Alan Cooper
  • Jakob Nielsen
  • Donald Norman


--Sofia savoy 02:11 24 jun 2010 (UTC)


Propuesta inmunomédica

Lista de contenidos

  1. Quienes somos
    1. Directorio y administración
  2. Exámenes
    1. Lugar
    2. Tipo de exámenes
  3. Laboratorio
    1. Unidades de laboratorio
    2. sucursales
  4. Convenios
    1. Isapres
  5. Clínica dental
    1. inmunodent
    2. lugares
    3. dentistas
  6. inmuno óptica
    1. información
    2. sucursales
  7. Plan auge
    1. información del AUGE GES
    2. pasos a seguir
    3. Preguntas frecuentes
    4. Patologías
  8. Contacto
    1. Mesa central
    2. Servicios y convenios
    3. sucursales
  9. Noticias
  10. Sucursales
    1. Exámenes
    2. Atención dental
    3. especialistas
  11. Alergias
    1. PDF
  12. Revista

Card Sorting

Card sorting inmuno.jpg

Propuesta Mapa de Navegación

Mapainmunomedica.png

Wireframes

Home

Wirehomeinmuno.png