TítuloRediseño Widget, Control para Impresora
Palabras Clavewidget
Período2017-2017
AsignaturaTaller de Interacción y Servicios 2017,
Del CursoTaller de Interacción y Servicios 2017,
CarrerasDiseño, Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Darío Tapia
ProfesorHerbert Spencer, Katherine Exss


Ciclo 1

  • Primera Sesión
    1. Discusión previa sobre el concepto de la Interacción
    2. Observación - Croquis, Esquemas, Texto-
    3. Lecturas 1: La Ética del Hacker
  • Segunda Sesión
    1. Discusión sobre el Concepto de Interacción
      1. Presentación visual - conceptos, modelos, definiciones.Diseño de Interacción, Diseño de Servicio.
  • Tercera Sesión
    1. Tarea de Observación Widget
    2. Lecturas 2: Affordance, Conventions and Design
    3. Lecturas 3: Cómo tener una experiencia

Re-diseño Widget

Primeros Criterios

  • Hay mecanismos mecánicos, y hay digitales (cómo se hacen).
  • Estamos en el entendido que hay que mirar analíticamente un control; y tener un juicio que permita

rediseñar.

  • No tecnológico-centrado, antropocéntrico; desde el usuario.
  • Elegir adecuado con un tipo específico de persona, con tiempos.

Observación del sistema de la Impresora

Criterios para fundamentar el Rediseño

  • El lineamiento que guía el rediseño es la accesibilidad de la impresora, puesto que para lograr un

acción hay que acceder mediante un intermediario; en este caso el computado. En una situación donde el usuario necesita imprimir un documento único.

  • Si mi decisión pasa por un “shortcut” técnológico, o es una desviación que no depende.
  • La idea de un impresora con un control; es un elemento fuera de la impresora.
  • Pero es desmontable; puede utilizarse fuera tanto como adentro; así sostiene el sentido de

autonomía (en este caso eliminación la mediación por un sistema externo a la impresora).

  • Definir una situación de uso, y un persona a la que se dirige. En este caso la partitura cubre una

funcionalidad muy específica, por la cual un control tiene sentido como elemento de interacción.

  • ¿Qué tipo de interacción genera este control que no lo permita o que sea diferente de si se presenta

en el impresora como un panel informativo y visual? Generar una proposición que sea elocuente con una experiencia única de interacción al imprimir? Que se vuelva una virtud, no sólo alternativa ni utilidad, que agregue algo deseable a la experiencia.

  • Debido a que el criterio es que permitir una experiencia directa entre la impresora y la persona; ese

criterio está por encima de las decisiones; por ejemplo; lo demás para criterios para proponer están en un segundo respecto de esta gran proposición.

  • Debo pensar la acción que motiva el rediseño sin que evita otras acciones.
  • Debido a la situación y la persona específica, el documento debe existir en un pendrive. Se puede

acceder al documento desde la nube?

  • Todas las funciones de comunicación que emite el dispositivo mediante sus luces; funciones de

comunicación de problemas o advertencias están pensadas en la propuesta de pantalla. Debido a que esta funciones existen para establecer un código de comunicación al no existir una comunicación textual, en su defecto; se desarrolló una lenguaje de íconos, y luz (estado estable y parpadeante).

  • Se mantiene los pasos de la partitura? Debido a que el principio de diseño tiene que ver con

eliminación del intermediario, la reducción de pasos a seguir no es un criterio a seguir. Sin embargo, puede reducirse o en el último caso permanece igual, siendo el contraste entre la experiencia con un computador y la experiencia de la propuesta sin intermediario suficiente para validarse por su propia características. No es relevante el criterio de la reducción de pasos cuando se cambia un aspecto importante de la interacción.

  • Si bien la propuesta tiene como principio eliminar el intermediario, en este caso el rol del

computador como sistema con el que interactuar para imprimir cualquier documento; en vez de interactuar directamente con la impresora como sistema; el hecho de proponer un control como elemento que puede utilizarse fuera de la impresora pudiera entenderse como un intermediario entre la persona y el sistema. Bajo esta premisa no se tiene en cuenta que el control puede usarse de manera acoplada al artefacto de impresión, o de manera de independiente; y en general este argumento desestima el hecho de que a pesar que haya un elemento extraíble, y que este elemento regula la interacción, los dos objetos desacoplados no sean parte del mismo sistema. Lo son, con la posibilidad añadida de extraer el controlador - esto se ve como una virtud en la experiencia total con la impresora.

  • El sistema de interacción; botones y panel digital de comunicación.

Listado de Elementos del Sistema

Tipo de panel de comunicación, el paradigma del botón, iconos y navegación.

  • Nombres de los elementos del Panel
    1. Botón de Prendido
    2. Luz de Atención
    3. Botón de Fotocopiar Blanco y Negro
    4. Botón de Fotocopiar en Color
    5. Luz de Comprobar Cartucho Color
    6. Luz de Comprobar Cartucho Negro


Tipos de Errores Enunciables

  • Luz de Atención Parpadeando
    1. La bandeja de salida está cerrada.
    2. La bandeja de papel está vacía.
    3. Se ha producido un atasco de papel.
    4. Se ha producido un error de escaneo.
  • Todas las luces parpadeando
    1. Estado de Error de la Impresora
  • Luz de Comprobar Cartucho (Parpadeando) Una de las dos
    1. Uno o ambos cartuchos son incompatibles con la impresora.
    2. Uno o ambos cartuchos todavía tienen la cinta de protección en los inyectores.
    3. Uno o ambos cartuchos de tinta son defectuosos.
    4. Ocurrió un problema con uno de los cartuchos de impresión o con ambos.
  • Luz de Comprobar Cartucho (Encendida) Una de las dos
    1. Uno o ambos cartuchos son incompatibles con la impresora.
    2. Uno o ambos cartuchos todavía tienen la cinta de protección en los inyectores.
    3. Uno o ambos cartuchos tienen un nivel de tinta bajo.
  • Luz de Comprobar Cartucho (Parpadea por 20 seg. y luego queda Encendida) Una o ambas
    1. La impresora está esperando una respuesta.
  • Luz de Encendido (Parpadea)
    1. La impresora está ocupada procesando un trabajo de impresión, escaneado, copia o

mantenimiento.

  • Luz de Encendido (Parpadea rápido 3 seg. y luego queda encendida)
    1. La impresora está realizando otra tarea.
  • Luz de Encendido (Tenue)
    1. La impresora está en modo de suspensión. Después de la configuración inicial, tras cinco minutos

de inactividad, la impresora entra en el modo de suspensión.

  • Luces apagadas (Todas)
      1. La impresora no está encendida o no responde.
  • Parpadean la luz de Atención y las luces de los dos cartuchos
  • ' El carro, que contiene los cartuchos, se traba dentro de la impresora y parpadean la luz de Atención

y las luces de los dos cartuchos. Puede haberse producido un atasco de papel previamente.

Funciones de las Botones

  • Imprimir una página de prueba
    1. Mantener el botón de Encendido + mantener el botón de Cancelar.

Lenguaje Iconográfico, Íconos, Agrupación y reducción

Este panel posee 7 elementos visuales, de los cuales 4 poseen luces. La luz tiene en general dos estados: parpadeando y estable. El botón de encendido posee incluso un estado más que es de luz tenue. Esta dos estados permiten hacer ecuaciones que encierran un frase de error o una situación de fallo. Estas vocales de sí o no; parpadeo - estable, más qué elementos están en juego dentro la frase son la propuesta de comunicación visual-no textual.

A su vez, los íconos entregan información por sí sola de agrupaciones de elementos o funciones asociadas a la impresora, esta información tiene que ver con: alerta, cartucho de tinta, copiar documento y encendido/apagado. Es un criterio de agrupación y a la vez de reducción porque mediante esta selección se abarca por completo el espectro de uso y comunicación de la impresora.

Contexto de Diseño, La interacción y la experiencia

“La congruencia de sucesos que tienen unidad”

Proposición para el Re-diseño de un Widget

Control Desmontable para Impresora doméstica

La proposición se enmarca en la experimentación que propone el Taller de Interacción y Servicios que versa en este primer ciclo sobre la Interacción y la Experiencia. La primera es definida como “la acción recíproca entre dos cosas, sistemas o personas”; de esta definición se desprende la relación de comunicación que puede darse entre un sistema y una persona, en un contexto específico y con un flujo o guión también particular. Luego la experiencia, caracterizada por John Dewey como la articulación de elementos que describe un arco tenso hasta su culminación, esto de forma, abstracta, arroja una idea sobre cómo las personas son susceptibles de relacionarse de forma significativa con sus entorno, a través de situaciones, acciones, objetos y por último con sistemas.


Propuesta de Control/ Interfaz

El panel de la impresora en concreta una proposición de comunicación visual, a través de íconos y una código de luces. Esta proposición de código suple a la comunicación visual textual. En cambio, cada iluminación de los botones y luces tiene un traducción directa en frases concretas que ilustran situaciones de error o advertencia. Este sistema cumple su cometido cuando el usuario es capaz de identificar esta iluminación, contar las botones, estableciendo este código lumínico e identificando según la el estado de los botones del panel; cuál es la frase que intenta comunicar. Para identificar esta frase es necesario un guía con las traducciones para situaciones más específicas. Para errores comunes y situaciones recurrentes los íconos proporcionan cierta información en sí mismos debido a contener símbolos convencionales.

Por otro lado, al prescindir de un elemento de comunicación visual textual abre un territorio para proponer un sistema de comunicación sin utilizar el recurso del lenguaje y con un mínimo de autonomía y certeza. Aunque el espacio de comunicación no es muy amplio debido a la presencia del computador como sistema intermediario entre la persona y la impresora. Así, momentos de la experiencia al imprimir son absorbidos por la interfaz del computador con sus medios visuales, y la impresora con su panel comunicativo es relevante para situaciones de esta experiencia donde un error ocurre o se produce un mal manejo del aparato.

En estos casos, de la ocurrencia de un mal procedimiento con la impresora o un error específico del cartucho de la tinta o el papel, el panel de la impresora es capaz de llamar la atención de manera instantánea y con autonomía mediante su medios principalmente lumínicos; luego, el codificar el mensaje para reparar en el error o situación comprenderá el otro momento de comunicación donde el receptor recibe estas señales y interpreta a cabalidad.


Esquema de la Propuesta

Archivo:DaríoTapia,WidgetDibujo1.jpeg

Funciones y elementos del control

  • Display/ Pantalla: Una elemento de 5x5 cm, monocromático con una densidad baja de píxeles.
  • Botón de Encendido: Enciende el dispositivo (control e impresora).
  • Botón de Ok: Es el botón de acción, que afirma la opción que aparece siempre en la esquina inferior derecha de la pantalla.
  • Botones de dirección (arriba, abajo): Mueve el cursor de selección por las opciones que aparezcan.


Guión de Uso

- Encender la impresora (Botón Encendido)
- “Hello”
- ¿Qué quieres hacer? Seleccionar/
Imprimir
Escanear
Copiar
- Selecciona “Imprimir”
- “Insertar disco extraíble”- “Conectar dispositivo Bluetooth” -Seleccionar/
- Insertar pendrive con documento en pdf “Esperando…”
- “Leyendo disco extraíble”
- Visualización de archivos y carpetas en el display “Nombre Disco/”
- Arriba/ Abajo- Abrir/Imprimir
- “Folder”/- Arriba/Abajo- Imprimir/Atrás/Abrir
- Presiona “Imprimir” en “Documento.pdf”
- “Abriendo Documento…”
- “NombreDocumento.pdf”/ Seleccionar
Imprimir
Opciones de Impresión
Cancelar
- Presiona “Impresión”
- “Imprimiendo.. %”
- “NombreDocumento.pdf” ¡Listo!/ Seleccionar/
Volver a Imprimir
Regresar a Folder*

Visualización de las Pantallas

Archivo:DaríoTapia,Widget,visualización2.jpg Archivo:DaríoTapia,Widget,visualización3.jpg