comparte el articulo 

Principios básicos sobre el diseño de interfaces de usuario – Parte 1

Actualizado el 04/10/2013 < > 0 Comentarios

Resumen: En este artículo explicamos algunos de los principios básicos para lograr una interfaz de usuario adecuada.

El diseñar va más alla del acomodo, ordenamiento y edición de elementos, representa una adición de valor y significado a la estructura que utilizamos para desplegar contenido. Sin el diseño, no podríamos dar matices a la información que presentamos, es gracias a él que podemos crear contrastes, iluminar lo que debe resaltar, simplificar lo complejo y persuadir a la interacción.

Para poder diseñar interfaces de usuario, no hace falta de mucho, cualquier persona con acceso a un ordenador con conexión a Internet puede intentar hacerlo sin ningún problema, se toman unos cuantos cursos online, se estudia un poco para adquirir conocimientos básicos de programación y listo, en un par de meses podemos creernos listos y preparados para empezar a diseñar. Pero el punto clave no esta en el hacer, si no en el hacerlo correctamente, ya que si bien muchos se aventuran a realizar esta clase de proyectos, son pocos los que respetan los principios básicos que esto demanda.

Es por ello, que en este artículo nos hemos dado a la tarea de presentar algunos de los principios más básicos que nos ayudarán a lograr un correcto diseño de interfaces de usuario. Si bien sabemos que la lista puede resultar bastante extensa, trataremos de resumir, enlistando lo más importante a considerar.

Realiza tu trabajo de manera clara y precisa

No hay nada más importante que mantener la claridad en tus proyectos, antes que cualquier otra cosa el usuario debe reconocer bien lo que esta viendo, saber para qué se usa, y entender cómo la interfaz le ayudará a interactuar con la aplicación. Si somos precisos, el usuario podra predecir que pasará si utiliza las partes que exponemos con nuestro diseño y por supuesto esto llevará a una eventual interacción.

Esta claro que como diseñador, buscarás muchas veces innovar y tener un diseño fuera de los estándares, no estamos diciendo que esto este mal, siempre hay lugar para el misterio y las interfaces innovadoras, para lo que no hay lugar es para la confusión. Al exponer elementos de manera clara creamos confianza en el usuario, pero si en vez de eso le entregas una página desordenada y además con una interfaz poco familiar, el usuario correrá y es muy probable que no vuelva a tu sitio.

Recuerda bien que las interfaces son diseñadas para provocar la interacción entre el usuario y lo que tu ofreces, por ello deben ser elaboradas de manera que iluminen el sendero que este debe seguir. Si bien las interfaces pueden ser modificadas en base a gustos y patrones, debes recordar que tienen a la interacción como función primordial, de nada nos sirve tener una interfaz que parezca obra de arte, si esta no cumple con lo mínimo de su objetivo.

Como en la mayoría de las disciplinas del diseño, el diseño de interfaces tiene éxito sólo cuando la gente realmente utiliza lo que has diseñado. Por más adornos que agregues, si tu interfaz no es un artefacto digno para el usuario, entonces no merece ser utilizado, la interfaz no debe ser un instrumento para satisfacer el ego del creador.

Da el control a los usuarios

Los humanos se sienten mucho más seguros cuando tienen el control de una situación, si el entorno de tu sitio no es seguro para el usuario, este optará por abandonar el lugar. Debemos evitar forzar a la gente a realizar interacciones imprevistas, los caminos confusos resultarán en usuarios perdidos.

Para evitar esta clase de situaciones, debemos garantizar que el usuario sienta el control de la situación, para ello podemos añadir en varias partes de la interfaz los estatus y pasos que conlleva el proceso que están llevando. También se pueden utilizar descripciones que constantemente le ayuden a entender la relación entre un paso y otro, dándoles una idea de lo que les espera al hacer el siguiente movimiento, nunca pienses que estás siendo demasiado obvio, en muchas ocasiones lo que es obvio para nosotros no lo es tanto para los usuarios.

Como complemento, trata de crear interfaces para cubrir todos los casos de uso, si el usuario ha llegado a un punto donde tú ya has obtenido lo que requerías, no te olvides de él y proporciona alguna clase de interfaz que le permita saber que sus metas en el proceso han sido alcanzadas.

Define bien tus acciones primarias y secundarias

No existe nada que rinda mejores resultados que una manipulación directa hacia la interacción, para lograrlo, debemos definir bien cuales son las acciones principales que el usuario debe llevar a cabo en nuestro sitio, para que después, en base a eso, enfoquemos el diseño de la interfaz. Para lograr un proceso existoso, debemoss evitar que este tipo de acciones se vean interrumpidas por distracciones, para ello debemos centrar la atención del usuario en ciertos elementos, lo que propiciará la manipulación para que el usuario realice una acción.

Trata de mantener una acción primaria por pantalla, no confundas al usuario con diversos caminos y mantén un proceso secuencial; en caso de no ser posible, debes dejar bien en claro cuáles son los siguientes pasos de cada proceso que puede elegir. El utilizar una sola acción primaria por página, permitirá al usuario aprender de manera más fácil el proceso, además de que será más sencillo su uso evitando la confusión.

En caso de necesitar varias acciones dentro de una misma pantalla, estas se catalogarán como acciones secundarias. Una acción secundaria siempre dependerá de la acción primaria que se eligió previamente, por lo que su diseño no debe de resaltar más que la acción principal. Por ejemplo, si un usuario ingresa a nuestra página porque quiere leer un artículo del blog, debemos utilizar el diseño de interfaces para resaltar la estructura donde mostramos el artículo facilitándole la lectura, un error sería encimar los botones para que el contenido sea compartido en otras páginas, esas acciones son secundarias y como tal deben de mantenerse en un segundo plano.

Publicado el 04/10/2012, última actualización 04/10/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras