UI/UX

Usando la etiqueta de enlace como botón

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

 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

 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

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.