UI/UX on metroSetenta

Usando la etiqueta de enlace como botón

Mon, 24 Sep 2012 19:06:00 +0200

Al usar una etiqueta para crear un enlace en HTML y hacerlo funcionar como un botón, serás capaz de observar que el área donde el usuario puede cliquear coincide con la altura y ancho del texto del enlace. Esto se debe a que esta etiqueta se visualiza en línea de forma predeterminada, pero es posible modificarla para darle un diseño más atractivo de cara al usuario cambiando el tipo de visualización, en el código CSS del enlace, al tipo bloque:

La estética MAYA

Wed, 16 May 2012 06:31:00 +0200

La estética MAYA es un concepto Estudio sobre la belleza. Fue propuesto por Raymond Loewy, y se fundamenta en una sencilla idea: Dentro de los conceptos estéticos ya aceptados, todos tendemos a preferir aquellos que son más modernos. Entre otras cosas, esto implica que los conceptos estéticos no son usualmente bienvenidos en el momento de nacer, sino que requieren un proceso de maduración y aceptación paulatina. Es por este motivo que, al diseñar tu aplicación, el uso de muchas innovaciones estéticas simultáneas ayudará a desconcertar a tus usuarios. Por otro lado, si carece de toda novedad en su diseño, tu aplicación no supondrá ningún estímulo para los usuarios.

El usuario evalua e interpreta los diseños

Mon, 23 Apr 2012 18:36:00 +0200

Tan sencillo como reza el título. Cuando ofreces una interfaz gráfica a un usuario, éste se forja una opinión sobre su aspecto y hace una rápida interpretación del modo en el que funciona. El camino que se sigue para desarrollar el diseño de una aplicación informática es muy parecido al usado en sus proyectos por un arquitecto de antes del año 1900: Abordar el problema de la funcionalidad y, desde esta base, solventar posteriormente el asunto de la emotividad.

Diseños reproducibles

Sun, 01 Apr 2012 21:56:00 +0200

Hay un modo sencillo y rápido para detectar posibles errores en el diseño de tus aplicaciones: ”si no puedes reproducir tu diseño en la realidad palpable, algo debe estar mal”. Observa como el uso de las sombras, en las ventanas de la imagen más a la izquierda, resulta desconcertante. Prueba a tomar dos folios e intenta reproducir con ellos la posición de las ventanas indicadas.

Comprueba cómo la imagen que se encuentra más a la derecha reproduce con mayor acierto las sombras proyectadas, evitando el desconcierto del modelo anterior y clarificando cual es la ventana más cercana y cual es la que se encuentra al fondo.

Compresiones intuitivas

Sat, 31 Mar 2012 01:28:00 +0200

Conocer la forma en la que el cerebro percibe e interpreta sombras, colores, formas, etc. es una poderosa herramienta de diseño. En el momento de tomar decisiones relacionadas con el diseño, debes ser capaz de incluir y valorar compresiones intuitivas (percived afforance). Te aclaro de que se trata con un ejemplo: una señal octogonal de color rojo practicamente no necesita la palabra STOP en el centro, pues su forma y color característico son suficiente para que el usuario pueda intuir el significado. Observa, por otro lado, lo desconcertante que puede ser una señal de stop de color azul y cuadrada.

Planificar la experiencia

Thu, 22 Mar 2012 20:50:00 +0100

Antes de abarcar otras cuestiones relacionadas con el diseño, necesitas planificar la experiencia que va a tener el usuario a través de tu aplicación. Esto es algo que raramente se planifica y, sin embargo, es esencial para el éxito de cualquier web o aplicación de escritorio. Hasta tal punto esto es así, que los usuarios casi siempre optan por las webs o las aplicaciones que les seducen frente a otras más rápidas, robustas, seguras o con mayores posibilidades. Una cuidada plantificación de la experiencia, por parte de los desarrolladores, es el primer paso para conseguir seducir al usuario.

Aplicaciones atractivas

Mon, 12 Mar 2012 18:07:00 +0100

Por fin has terminado de programar, pero notas que aún falta algo. La aplicación está funcionando correctamente, las soluciones en el código son elegantes y los posibles errores están controlados. La interfaz que interactua con el usuario es agradable de usar, intuitiva y manejable; pero algo no va bien. El número de interesados es bajo, no se registran nuevos usuarios o no descargan tu aplicación. Los usuarios que se han registrado no la usan con frecuencia o migran rápidamente a otras aplicaciones similares, y por supuesto no obtienes de ellos sus recomendaciones para otros usuarios potenciales y, no obtienes un buen feedback. Entonces ¿que es lo que está fallando?.