lunes, 23 de noviembre de 2009

GeoPainter: Prototipo 2ª

Tras revisar la pantalla que colgué del primer prototipo, era obvio que necesitaba una revisión. A continuación expongo cuales son los problemas que he visto y he resuelto con esta segunda propuesta:

-Demasiados botones limitan el área de trabajo
-Demasiadas funciones que se pueden simplificar
-Ausencia de definición de opciones de cada herramienta
-No hay opción para guardar/cargar

Me centré en primer lugar en resolver el problema de los iconos. Tengo demasiados en pantalla y encima aun me falta la opción de guardar/cargar. Analizando las herramientas que he añadido, me doy cuenta que hay dos grandes grupos: herramientas generales y herramientas para modificar las figuras.

Entonces lo vi claro. Si para modificar las figuras tengo que seleccionarlas, hacer que sus herramientas solo aparezcan en pantalla cuando vaya a hacer uso de ellas. Mientras no haya una figura elegida, solo estarán en pantalla las opciones generales y cuando hayamos escogido alguna forma, estas se esconderán para dar paso a las herramientas de modificación.

Siguiendo esta política, las opciones de las herramientas funcionarán igual. Ejemplo: cuando presione la herramienta de hacer Zoom, se esconderá la barra de herramientas principales y aparecerán los botones MAS y MENOS para seleccionar si queremos acercar o alejar. Presionando otra vez en la lupa, salimos de estas opciones y vuelve la barra de herramienta principal.

Además he eliminado la opción de MOVER. Para desplazar las figuras bastará con moverlas con el dedo. Esto se hace sin la opción SELECT, debido a que entraría en conflicto con la acción de seleccionar.

Veamos el nuevo interfaz:


A continuación veamos las opciones de cada una de las herramientas:

Voy a puntualizar algunos detalles sobre estas imágenes:

-En la herramienta FORMAS he decidido como opciones crear CIRCULO, CUADRADO, TRIÁNGULO y POLIGONO IRREGULAR

-En la herramienta de ESCRIBIR le he añadido la opción de cambiar de COLOR, cambiar TAMAÑO y SELECT. Esta última la añadí para poder gestionar igual que las figuras los textos

-En la opción INTERSECCIONAR/FISIONAR de la herramienta SELECT, nos permite seleccionar MAS y MENOS; estos botones son interseccionar y fisionar respectivamente.

-La herramienta de dibujo nos da inicialmente acceso a una ventana con colores ya predefinidos y un acceso a colores específicos que hayamos creado. Al presionar sobre el botón del triangulo cromático, nos da acceso a la segunda pantalla donde podemos crear colores nuevos y guardarlos para usarlos. Para volver a la pantalla inicial basta con pulsar sobre la mancha. El tick guarda todas las modificaciones y la X cancela dejándolo todo como estaba.

Finalmente veamos en la pantalla del dispositivo que veríamos al presionar SELECT como ejemplo del despliegue de opciones para una herramienta:

Como vemos, cuando usamos una herramienta esta queda marcada y por debajo aparecen sus opciones. En el caso concreto de SELECT, cuando señalamos sobre alguna figura esta queda rodeada por una linea discontinua para marcar que esta seleccionada. Sobre cualquier figura o conjunto de figuras, se le puede aplicar las opciones de modificación de la herramienta SELECT. Para volver a las herramientas principales, bastará con volver a apretar SELECT.

viernes, 13 de noviembre de 2009

GeoPainter: Prototipo 1ª

Mi idea sobre que programa hacer, parte de la siguiente reflexión:

Dibujar con un dedo sobre una pantalla de 3,7" es incómodo, pero arrastrar objetos no.

A partir de aquí comencé a pensar en maneras de dibujar con objetos. Y entonces recordé un juego que use de pequeño, el Tangram. Se trata básicamente de un conjunto de figuras geométricas simples (triángulos de distintos tamaños, un cuadrado y un paralelogramo romboide) con los que colocándolos de maneras concretas y siempre usando todos, realizamos imágenes.

Bueno, podría no esta mal como comienzo. Además, también recordé que muchos de los grandes dibujantes y artistas en general, para facilitar su trabajo se basan inicialmente en un boceto realizado a base de figuras geométricas. Incluso tenemos tipos de dibujos como los dibujos vectoriales o circulares.

Con todo esto en mi mente, comencé a pensar algún tipo de sistema basado en arrastrar figuras geométricas y formar con ellas dibujos. Y de aquí nace:

Como he dicho antes el concepto básico sería arrastrar figuras geométricas, pero también constaría de opciones de modificación de las mismas. Para ser mas concretos he pensado en las siguientes opciones:


Y todo esto encajaría de la siguiente manera en el interfaz de usuario:

A continuación voy a puntualizar varias cosas para dejar mas claro el uso de algunas funciones:

-El color se elegido se ve reflejado en los iconos con figuras geométricas y en el propio icono de color

-El botón de selección al ser pulsado, se queda mantenido. A continuación podemos seleccionar todas las figuras de la pantalla que queramos y aplicarle acciones. Si volvemos a apretar SELECT, se pierde la selección. Ejemplo: apretamos SELECT, seleccionamos 2 cuadrados y un triángulo, presionamos el boton MOVER y desplazamos por la pantalla las figuras que hemos elegido. Presionamos el botón SELECT y finalizamos la elección.

-INTERSECCIONAR/FISIONAR tiene dos funciones: mezcla dos figuras superpuestas dando lugar a una mayor con la forma de los contornos de las anteriores interseccionados; o le resta a una figura el contorno de otra que este superpuesta a ella.

Para terminar de aclarar, asemejaría un poco el uso de las figuras geométricas a la manera de mover y modificar de las capas de Photoshop; seleccionar una o varias y trabajamos con ellas por el área de trabajo.

lunes, 9 de noviembre de 2009

Fronteras de los Interfaces

Voy a hacer un pequeño resumen de las clasificaciones del análisis de las fronteras de un interfas:


  • Frontera de Evaluación:
-Expectativas: Indica como se usa un objeto mediante su aspecto sin necesidad de figuras o indicaciones

-Restricciones: Limitar el nª de posibilidades de uso; las expectativas indica el uso, las restricciones las alternativas de uso.

-Convenios: Sensación de familiaridad que ayuda a comprender el funcionamiento sin esfuerzo. Se basa en otros diseños ampliamente aceptados.

-Analogías: Inducir el funcionamiento en base a otro objeto comparable en uno o varios aspectos. Aprovechando estas analogías y standares se facilita la compresión.

-Causalidad: Relación que el usuario hace cuando sucede algo tras una acción suya. Hay que evitar los efectos coincidentes o invisibles.

  • Frontera de Ejecución:
-Comodidad: Potenciar la productividad y reducir el esfuerzo. Es muy demandado. Para ello es necesario versatilidad, flexibilidad y adaptabilidad.

-Accesible: Contemplar a usuarios con peculiaridades en la accesibilidad.

-Seguridad: Un mal diseñado puede provocar enfermedades, lesiones o incluso muertes. También reduce eficiencia y productividad. Hay que eliminar los riesgos o su intensidad. Y si todo falla, diseñar protecciones.

iMac 27"











  • Frontera de Evaluación:
-Restricciones

  • Frontera de Ejecución:
-Comodidad->Efectividad->Reducción de Esfuerzo

No voy a entrar en todo lujo de detalles sobre el nuevo y iMac, sino en un detalle en concreto sobre su diseño, el cual me parece un error bastante gordo en una compañía que cuida tanto los productos.

A la hora de conectar un dispositivo USB en uno de estos modelos, sino no lo hemos visto antes en nuestra vida, nos encontraremos con la sorpresa de no saber donde se encuentran, teniendo que rebuscar un poco hasta dar con un panel trasero con todas las conexiones externas (USB, LAN, FireWire, audio, etc).

Esto en principio es una gran idea para ocultar todas las conexiones por detrás haciendo mas cómodo la gestión de cables; pero tiene un gran inconveniente. Estamos hablando de un ordenador con una pantalla de 27" , es decir, GRANDE. Lo normal, es intentar situar esa pantalla lo mas atrás posible en la mesa para tener una mejor visión de la misma, aprovechando que tenemos un ratón y teclado inalámbrico. Si todas las conexiones están por detrás de la pantalla, para colocar un dispositivo USB como un pendrive, nos está obligando a hacer un sobreesfuerzo para una tarea común y cotidiana. Además, esto impediría tener todo lo atrás que quisiésemos el ordenador. Curiosamente, este fallo no se encuentra en el lector de tarjeta de memoria, que esta en el lateral junto con el lector de DVD.

En resumen, tiene un problema de Restricciones porque a primera vista no es fácil encontrar las conexiones y hay un fallo en la reducción de esfuerzo porque tenemos que estar rebuscando por detrás o incluso mover el ordenador para hacer la conexión.

Solución:
No es mala idea tener las conexiones por detrás; pero no deberían estar todas ahí. Tener el cable LAN, el de audio y algunos USB´s para los dispositivos que no vamos a estar retirando es correcto. Pero sacaría hacia el frontal o lateral algunos USB´s y el FireWire, ya que se usan de forma habitual con dispositivos extraibles.

viernes, 6 de noviembre de 2009

Localizador de equipaje Talking Luggage Locator

  • Frontera de Evaluación:
-Acierto en Causalidad

  • Frontera de Ejecución:
-Acierto en Comodidad->Efectividad->Reducción de Esfuerzo

-Fallo en Seguridad


Se trata básicamente de un aparato remoto que al usar su mando, emite luz y sonido. Esta pensado principalmente para facilitar la localización del equipaje en la cinta de recogida de maletas en los aeropuertos poniéndolo como una etiqueta en el asa; aunque está claro que se podría usar en infinidad de situaciones distintas.

El objeto en si se basa en el concepto de causalidad: aprietas el botón y activas los sonidos y lucesitas. Ayuda a reducir el esfuerzo de buscar la maleta en la cinta. Pero creo que tiene un grave problema en seguridad: no tiene en cuenta los actuales controles de los aeropuertos. Tener un aparato electrónico en el asa de la maleta que vas a facturar debe de ser la manera mas rápido de acabar siendo cacheado por la policía.

Solución:
La idea no esta mal, pero tampoco es la panacea: buscar unas maletas en una cinta de equipaje no es una tarea imposible. Y teniendo en cuenta los problemas que podría acarrear en el aeropuerto, yo no lo usaría directamente. Pero si tuviese que darle una solución, intentaría aumentarle el alcance del aparato, para poder llevarlo dentro de la maleta; así al menos será menos evidente. También sería interesante poder manejarlo con el GPS del móvil por comodidad y seguridad de no tener un mando que se puede perder fácilmente

miércoles, 4 de noviembre de 2009

Trangle Chair
















  • Fallo de Evaluación:
-Fallo en Expectativas

-Fallo en Restricciones

-Fallo en Convenios

-Fallo en Analogía

  • Fallo de Ejecución:
-Fallo en Comodidad->Efectividad->Reducción de Esfuerzo

Bueno, esto se supone que es algún tipo de conjunto de "sillas" de diseño. Es curioso que cada vez que vemos algún objeto de "diseño", parezca de todo menos estar bien diseñado.

Este engendro del mobiliario le da igual las expectativas que generé sobre nosotros (mas que un sitio donde sentarse, parece arte abstracto homenajeando a Kandinsky), si damos mil vueltas averigüando como sentarnos sobre él por sus nulas restricciones, odia los convenios y desde luego no hay forma de encontrar una analogía de su uso; es único en su especie. Y por si fuera poco, su asimetría lo convierte en incómodo, que es el colmo de las sillas caras.

Solución:
Lo primero que se me viene a la cabeza sería quemarlo; pero como debo ser constructivo en esta asignatura, intentaré sacar algo bueno de todo esto. Creo que dejando la base como está, pero reestructurando la parte superior de una manera menos "irregular" haría que fuese cómodo para sentarse y medianamente entendible de usar, mientras que mantiene una base triangular y cool.

martes, 3 de noviembre de 2009

Elección del Smarthphone

He elegido para la práctica de programa de dibujo para móvil el Motorola Millenstone (en EEUU se le conoce como Motorola Droid).

La razón por la que lo he escogido es porque me atraen muchísimo los dispositivos gobernados por Android. Y sin duda, este es uno de los buques insignia del movimiento del androide en el mundo de los smarthphone.

A continuación expongo las características mas relevantes para realizar el diseño del programa:

-S.O. Android 2.0
-Teclado Qwerty con cruceta direccional.
-Teclado Virtual
-Pantalla capacitiva de 3,7 pulgadas del tipo WVGA con resolución de 854×480 pixeles con 16 millones de colores

domingo, 1 de noviembre de 2009

Ventilador Dyson Air Multiplier

  • Frontera de Ejecución:
-Acierto en Seguridad

-Comodidad->Efectividad->Preciso

  • Frontera de Evaluación:
-Fallo de Expectativa




Dyson es famosa por sus aspiradoras super potentes que además no hacen uso de engorrosas bolsas. Ahora, tras años de avances en ingeniería y desarrollo de tecnologías de control del flujo del aire, ha decidido sacar al mercado un sistema de ventilación; vamos, un ventilador.

Gracias a su experiencia en aspiradoras, han desarrollado un ventilador que es 15 veces mas potente que un ventilador clásico, que consume menos gracias a ser completamente digital, pero sobretodo, que no hace de aspas.

La ganancia en seguridad y precisión apabullante en este producto. Aunque, como posible pega, tiene un problema de expectativas; básicamente porque a primera vista no tienes ni idea de que es un ventilador. Pero si le damos la vuelta, su diseño es espectacular y puede quedar mas elegante en casa que un vetusto ventilador con aspas.

Solución:
Es obvio que tiene un problema de expectativas porque a simple vista no tienes ni idea de para que sirve. Pero también hay que tener en cuenta que es una tecnología completamente nueva y distinta, además de muy elegante; no lo contaría como un error fatal. Si tuviese que buscarle una solución, teniendo en cuenta que el diseño será muy difícil cambiarlo debido a la complicada tecnología que usa, solo se me ocurre enganchar a la salida del aire unos fardos para denotar que se trata de un ventilador; aunque quedaría mucho mas hortera.