DISEÑO DE INTERFAZAPLICACIÓN PARA IPAD

MANUEL VALENCIA RESTREPO | DISEÑO DE ORIENTACIÓN GRÁFICA

Tabla De Contenido

INTRODUCCIÓN 03PROBLEMA & DESCRIPCIÓN 04DOCUMENTACIÓN 05REFERENTES 08BOCETACIÓN 12 FLUJO Y NAVEGACIÓN 16PANTALLAS 18IDENTIDAD 23

3

IntroducciónUNA INTERFAZ GRÁFICA DE USUARIO (GUI) tiene como objetivo servir de puente el funcionamiento interno de una aplicación y el operador, implicando por esto cuestiones de usabilidad, curva de aprendizaje e intuitividad.

En este caso, el proyecto fue una aplicación para iPad basada en el Órgano de Ánimos Penfield de la novela clásica de ciencia ficción ¿Sueñan Los Androides con Ovejas Eléctricas? escrita por Philip K. Dick, el cual describe de manera específica (y sin embargo no muy detallada) este aparato que permite reprogramar y agendar estados de ánimo en el usuario directamente a su cerebro mediante ondas.

En mi caso particular quise aproximarme de manera fiel y literal al texto y presumir como sería si exactamente el mismo aparato que describían en la novela pudiera funcionar desde el iPad. Ésto requirió un proceso de transformación de la información textual/literaria para traducirla en el resultado gráfico final que debía tener consideraciones técnicas al respecto del tamaño y uso del soporte, además de que lograra reunir todas las características de aquellas descripciones. Portada para DICK, Philip. ¿Sueñan Los Androides Con Ovejas Elécricas? diseñada por Steve Courtney.

4

Problema & Descripción

PROBLEMA Diseñar la interfaz gráfica de usuario (GUI) para una aplicación para iPad cuyo referente sería el Órgano de Ánimos Penfield mencionado en ¿Sueñan Los Androides con Ovejas Eléctricas?

DESCRIPCIÓN Aplicar los conceptos de esquematización, síntesis, y rapidez de lectura al desarrollo de pictogramas que conserven unidad gráfica y cierto nivel de universalidad. Posteriormente se pretendría su implementación a un sistema de navegación que permita identificar y acceder a las diferentes secciones y funciones de la aplicación teniendo como resultado una interfaz con un sistema de ventanas.

5

Documentación

EL ÓRGANO DE ÁNIMOS Máquina desarrollada por Wilder Penfield cuya función es, además de controlar sus niveles de vigilia/sueño, inducir estados de ánimos al usuario mediante un dial con la posibilidad de agendarlos en el tiempo. Como el dial es de 3 dígitos se presume una totalidad de 1000 presets siendo los primeros los más básicos y los últimos los más específicos. De éstos pocos se mencionan en el libro y son los siguientes: 003 | El deseo de marcar 104 | [No especificado, sexual] 382 | Desapego emocional481 | Conciencia de las múltiples posibilidades que ofrece el futuro 594 | Reconocimiento satisfactorio de la sabiduría superior de la pareja. 888 | Deseo de ver TV, haya lo que haya

DIAL NO MENCIONADO ### | Experimentar una concienzuda actitud profesional ### | Goce Sexual Extático ### | Depresión Culposa

El libro también menciona un dial alfabético que cuando atravieza el umbral de C la persona se despierta, presumiéndose A y B como niveles de sueño. No se menciona un tope máximo. También menciona que estados como el 3 y recomendaciones adicionales son recomendables para evitar que las personas se encapsulen en estados de ánimo indeseables.

Descripción de el Órgano de Ánimos Penfield y su funcionamiento. DICK, Philip. ¿Sueñan Los Androides Con Ovejas Elécricas?, Capitulo 1. Aplicación online que sincronizada con twitter y moodsphere hace referencia al Órgano de Ánimoshttp://penfieldmoodorgan.com/ Aparte literario no-oficial que describe como sería el manual del Órgano de Ánimos. http://kmkloor.posterous.com/zgt-penfield-mood-organ-from-bladerunner

6

EL AUTOR | PHILIP K. DICK (Chicago 1928 - 1982) Su middlename es Kindred y fué no solo un escritor prolífico de ciencia ficción sino un gran influyente en dicho género llevando algunas de sus obras a nivel de clásico. Gran parte de sus relatos cortos fueron, en su época, publicados por la revista Pulp. No solo publicó bajo su nombre sino diversos pseudónimos como Richard Philips y Jack Dowland que a su vez son referencias a personajes de su obra.

es.wikipedia.org/wiki/Philip_K._Dick

Documentación

7

EL LIBRO | ¿Do Androids Dream of Electric Sheep? (1968) Situándose en un contexto distópico, ésta es una novela corta que narra como una guerra nuclear acaba con casi toda la vida de la tierra haciendo que tener y cuidar de un animal no artificial sea un privilegio que da estátus y además se considera como valor cívico, tanto así que algunas personas eligen comprar uno artificial y mantener su artificialidad en secreto. La constaminación radioactiva de la tierra estal que se alienta a los humanos a emigrar del planeta con la promesa que tendrán un androide, llamado despectivamente andrillo (en inglés andy), sirviente a medida.

Por otro lado estos androides, hechos de material orgánico, casi indistinguibles de las personas pero no considerados moralmente como humanos, quieren escapar de este yugo esclavista y para ello quieren escapar de regreso a la tierra. Hay cazarrecompenzas pagos por el gobierno que atrapan y “retiran” a estos androides, al rededor de este asunto gira la historia de Rick, el protagonista. LA PELÍCULA | Blade Runner (1982, Ridley Scott) Basada lejanamente en ¿Sueñan Los Androides con Ovejas Eléctricas? y tomando el nombre prestado de otra novela de ciencia ficción de otro autor se convertiría en una película de culto con éxito tal que haría reimprimir la novela original con el nuevo nombre. Portada de la edición de la serie SF Masterworks publicada por Gollancz. Poster de Blade Runner propiedad de Warner Bros Pictures.

8

Referentes

Stefan Dziallas Iconwerk Lead Designer (Izq.) Síntesis y contraste.

Didier Dambrin | Gol Image-line GUI Designer Paleta de color y grillas.

9

Checked Backpack Adidas Paleta de Color

Gerber Knives Mutt Industries Paleta de Color

10

Referentes

PAUL EKMAN Es un psicólogo pionero en el estudio de las emociones en el ser humano cuya investigación orientada a confirmar que las expresiones humanas eran producto de su cultura le llevo a encontrar todo lo contrario. Según su planteamiento hay emociones básicas biológicamente universales (Repugnancia, Alegría, Ira, Miedo, Sorpresa, Tristeza) que producen movimientos faciales de manera transverzal a la cultura, es decir, de manera común y similar a todos los seres humanos. La lista fue posteriormente ampliada en estudios durante la década de los 90 afirmando que, de la nueva lista no todas estaban codificadas en expresiones faciales. Éste concepto de emociones básicas sirvió en este proyecto para la planeación de la pantalla Custom (no desarrollada) en la cual el usuario podría crear emociones personalizadas a partir de mezclas de éstas básicas LIE TO ME Es una serie de FOX basada en los estudios de Paul Ekman donde usan las técnicas de reconocimiento de emociones básicas para resolver casos de manera criminalística y forense.

11CUSTOM SCREEN Bocetos de la pantalla planeada para crear estados personalizados a partir de emociones básicas. RADAR CHART Útiles para relacionar un número significativo de magnitudes dentro de un mismo diagrama.

12

Bocetación

PAPEL & LÁPIZ Partiendo de un análisis de la descripción literaria que aparece en el primer capítulo del libro respecto a las funciones del órgano de ánimos, se determinan las que serían las secciones de de la aplicación que en este caso serían: Now, que mostraría la situación actual; Dial, que permitiría marcar nuevos ánimos; Schedule, que permitiría agendarlos dentro del día y la semana; Energy/Sleep, que permitiría determinar la cantidad de energía durante el día; y por último Custom, una pantalla no desarrollada que permitiría crear ánimos personalizados a partir de emociones básicas. Se desarrollan pictogramas para cada una de estas secciones de entre los cuales se depurarían las opciones más obvias y menos significativas.

13

PERFECCIONAMIENTO Partiendo de bocetos anteriores, se hace aproximan a una cuadrícula que les daría una forma más unificada y esquemática.

GEOMETRIZACIÓN Usando herramientas como compaz, trazacírculos y regla se hace una aproximación técnica a la cuadrícula la cual le da a los pictogramas una apariencia más limpia.

14

DIGITALIZACIÓN Teniendo claro el comportamiento de los pictogramas dentro de la retícula y su contraste se procede a realizarlos en medio digital. La aplicación empieza a requerir una ampliación de la familia de pictogramas aparte de los de sección para realizar funciones como editar y remover.

Crear pictogramas es un ejercicio de rigor que no siempe se logra exitosamente. Uno de los mayores problemas en contrar el correcto contraste entre forma y contraforma para así explotar en el mayor grado posible el poder de resolución del pictograma, especialmente en el caso de medios digitales.

15

NAVEGACIÓN Se planea esquemáticamente un sistema de pantallas que sugiera el uso y la navegación que tendría la aplicación. Posteriormente se definen las pantallas y el flujo de interacción entre ellas.

16

Flujo & Navegación

MOODORGAN

A PENFIELD CO. PRODUCT

OFFMuestra dial000 - Apagado

MOOD BARBarra de menúsiempre presente.

WARNINGEn ánimos peligrosos, pregunta al usuario si desea poner un tiempo límite para evitar periodos indeseados de inmersión en un ánimo negativo.

LOGINIntroducir usuario y contraseña

“NOW” ScreenPantalla que mues-tra el estado actual de la aplicación

DIALMenú en el cual se escojen ánimos de una lista para ser agendados, pre-visualizados o puestos inmediata-mente.

DAYMoods pro-gramados para hoy, por horas

WEEKMoods programa-dos para la semana

POWERPantalla en la cual se configura mediante una línea de tiempo y una perilla, los niveles de intensida de los ánimos durante el día y de sueño cuando son niveles inferi-ores a C.CUSTOM

Pantalla que permite configurar ánimos personali-zados a partir de mezclas de com-ponentes aními-cos básicos.

CONFIRMEn ánimos agenda-dos indefinidamente, pregunta al usuario si desea continuar en el ánimo hasta que el software determine que estáperjudicando el balance anímico general.

SCHEDULEMenú en el cual se programan manual o automáticamente los moods de un periodos de tiempo

DIAL KEYBOARDTeclado numérico + ABCD paramarcar predeter-minados o custom.

PLAYEnvía el ánimo al tiempo presente sobreescribiendo configuraciones previas

TIMERIgual que play pero con tiempo límite

ADD TO SCHED-ULEDispone el ánimo a ser agendado

PREVIEWOfrece el ánimo escogido por un lapzo corto de tiempo antes de marcarlo.

ONMuestra estado actual con cuenta regresiva, pasados y futuros.

SUGGESTEDNEXTDial sugerido para balanceanímico

AUTOFILLAsignación de programa automático para el balance anímico.

AUTOFILL NOWAsignación automática instantánea per-manente pensada para el balance anímico.

MOOD LISTLista entre 000 y 999 de ánimos preconfigurados listos para marcar.

FLUJO El esquema muestra cómo el usuario podría interactuar con la aplicación y cómo se relacionan las diferentes pantallas y botones.

17

18

LOGIN SCREEN Pantalla en la cual el usuario accedería a su cuenta personal.

19

NOW SCREEN Pantalla que mostraría el estado actual de la aplicación incluyendo también la programación inmediata de estados pasados y futuros informando cuanto tiempo ha pasado o falta para

otro estado de ánimo.

20

DIAL SCREEN Pantalla en la cual el usuario marcaría nuevos ánimos ya sea para previsualizarlos,

reproducirlos (indefinidamente o con timer) o para agendarlos. Incluye la opción AutoFill™ que agendaría un ánimo calculado por la máquina para estabilizar su estado. Desde aquí se

accede tamibén a la pantalla Custom (no desarrollada).

21

SCHEDULE Pantalla que permitiría agendar, editar o remover estados de ánimo en un día o semana

determinado, mostrando qué tanto lleva el estado actual. También permite la opción AutoFill™.

22

ENERGY SCREEN Además de su función básica como despertador que cumple su función mediante la

estimulación directa del sistema nervioso, esta sección tiene como objeto distribuír el nivel de energía y actividad de la persona durante el día y subsecuentemente la intensidad de sus

ánimos programados.

23

IDENTIDAD El identificador busca aludir a las 2 funciones que, según el texto, tiene el órgano de ánimos,

las cuales son, regular ánimos y servir como despertador por ello cada una de las letras O puede interpretarse como una cara sonriendo, o un ojo somnoliento.

UNIVERSIDAD DE BOGOTÁ JORGE TADEO LOZANO | 2012