Diseño Web: 15 Principios Elementales de Interfaz de Usuario

“Diseñar es mucho más que simplemente ensamblar, ordenar, o incluso editar; es agregar valor y significado, iluminar, simplificar, clarificar, modificar, dignificar, dramatizar, persuadir, y quizás hasta entretener”

– Paul Rand, el mejor Diseñador del siglo XX.

La Interfaz de Usuario, como parte del  Diseño Web, es muy importante para poder brindar una experiencia de Calidad en tu Sitio Web. Por ello, en este Artículo aprenderás los 15 principios elementales a aplicar en tu Diseño Web, que te permitirán facilitar el uso de tu sitio y convertir más visitantes en fieles usuarios.

1-      La Claridad es tu Trabajo Principal

La Claridad debe ser el primer aspecto y el más importante en un diseño. Para que una interfaz sea efectiva, las personas deben ser capaces de reconocer qué es. Pregúntate: Porqué deberían usarlo? ¿Con qué los ayuda a interactuar la interfaz?

De esa manera conocerás los aspectos principales sobre los cuales enfocarás tu trabajo. La Claridad inspira confianza y conlleva a un futuro uso. Son mejores 100 pantallas claras que 1 completamente saturada.

Nota: Al decir Claridad, me refiero a que el usuario pueda comprender claramente Cómo Navegar por la Interfaz. Un Diseño oscuro puede tener más Claridad que un Diseño Blanco, en ocasiones.

2-      Las Interfaces existen para permitir la Interacción

Las interfaces han sido creadas para la interacción entre humanos. Ellas pueden ayudar a clarificar, iluminar, habilitar, mostrar relaciones, unirnos, alejarnos, controlar nuestras expectativas y darnos acceso a servicios.

El acto de diseñar interfaces es arte. Las Interfaces son monumentos. >> Clic para Tweetear

Las interfaces tienen un trabajo (lograr interacción) y puede ser medido. No son simplemente una utilidad, de algún modo, las mejores interfaces pueden inspirar, evocar, mistificar e intensificar nuestra relación con el mundo.

3-      Conserva la Atención a todo Costo

Nosotros vivimos en un mundo de Interrupciones, es difícil leer en paz sin que haya algo distrayéndonos. Debes cuidar la Concentración. NO satures tu Sidebar con material excesivamente distractivo.

Permite a tus lectores terminar de leer antes de mostrar la Publicidad distractiva. Si brindas una experiencia de calidad al usuario, tus lectores estarán más contentos en tu sitio, y tendrás mejores resultados.

4-      Los Usuarios deben tener el control

Los humanos nos sentimos más cómodos cuando sentimos que podemos controlar las situaciones alrededor. Algunas Aplicaciones Web forzan a los usuarios a interacciones inesperadas, confundiendo los caminos para llegar donde ellos desean, y lo peor de todo, salidas sorpresivas.

Permite que tus usuarios tengan el control sobre Cómo navegan en tu Sitio Web, coloca descripciones sobre las interacciones. NO te preocupes por ser obvio, nada en este mundo es obvio.

5-      La Manipulación Directa es Mejor

La mejor interfaz es poder manipular directamente objetos físicos, pero como no siempre es posible, y los objetos son digitales, nos vemos en la necesidad de crear interfaces.

Es fácil añadir más de lo necesario a una interfaz: crear botones, marcos, gráficos, opciones, preferencias, ventanas, anexos y cualquier otro tipo de cosas, que en lugar de ayudar dificultan la navegación de los usuarios.

En lugar de eso, define tu meta de interacción principal y crea una interfaz directa sobre lo que el usuario desea.

6-      Una Acción primaria por página

Cada Página Web que diseñemos debe ayudar a una única acción de verdadero valor para la persona que visita dicha página. Esto hace las páginas más fáciles de usar. Las páginas que tienen 2 o más Acciones Primarias se vuelven más Confusas.

Tal como un Artículo debe tratar sobre un tema en específico, igual una interfaz debe ayudar a una única acción… esa es su razón de Ser.

7-      Mantén las Acciones Secundarias como Secundarias

Las Páginas con una única acción Primaria pueden tener múltiples acciones secundarias, las cuales tienen que ser mantenidas como Secundarias! La Razón por la que se escribe un Artículo es para que las personas lo lean, lo entiendan y aprendan algo… NO para que lo Compartan en Twitter!

Haz las acciones secundarias ligeras y muéstralas después de la acción primaria.

8-      Provee un Siguiente Paso Natural

Realiza un buen Diseño de cada interacción que una persona deba hacer en tu interfaz. Anticipa cuál será la siguiente interacción y haz un diseño que la ayude a lograrlo, o sea, debes guiar a tus visitantes en cada paso desde que entran a tu sitio hasta que lo abandonan.

9-      La  Apariencia revela el Comportamiento

Los seres humanos estamos más cómodos con las cosas que reaccionan como lo esperamos. Esto quiere decir, que la apariencia de los elementos diseñados debe revelar cuál será su comportamiento.

Prácticamente, significa que cualquier persona debería ser capaz de predecir como actuará un elemento al observar su apariencia. Si un elemento parece un Botón debe actuar como un Botón.

10-   La  Consecuencia Importa

Este principio tiene relación con el anterior, un elemento no debe parecer como consecuente de otro, al menos que actúe consecuentemente. Los elementos que actúen igual deben lucir igual, y es importante que los elementos que NO actúan igual NO luzcan igual.

Un Botón nunca debe parecer igual a un Enlace de texto.

11-   Las Jerarquías Visuales siempre funcionan

Es importante brindar una jerarquía para que el usuario siempre sepa el orden de importancia de los Elementos.

12-   La organización inteligente reduce la Carga Cognitiva

Dependiendo de la Organización de los Elementos de una interfaz, Lo mucho puede parecer Poco y lo poco puede parecer Mucho.

Los usuarios No deben tener que pensar en qué manera están relacionados los elementos, hazlo tú y muéstralos de tal manera que sea evidente. NO obligues a los usuarios a adivinarlo.

13-   Resalta con Color

Los Colores son una manera de llamar la atención, define colores que No sean tan distractivos, pero que a la vez resalten. Los elementos NO importantes No deben tener colores que resalten.

Por ejemplo, el color de fondo de tu página.

14-   El Descubrimiento Progresivo

Muestra solo lo que es necesario en cada página. Si las personas toman la decisión optarán por ver otro contenido de tu página. NO muestres lo que No quieren ver, solo lo que han solicitado.

15-   Ayuda a las personas en el Proceso

En las interfaces ideales esto no es necesario, pero en algunos casos es necesaria. Muestra ayuda en aspectos singulares únicamente a los que la puedan necesitar, la mejor manera es mostrar iconos con texto desplegable a un lado del elemento.

El Momento Crucial ha llegado

La Primera experiencia en una interfaz es crucial, y define completamente los Resultados que generará. Al aplicar estos 15 Principios elementales le brindarás a tus usuarios una experiencia en tu sitio de Calidad. ¿Quién no desea eso?

---

Finalizando, te invito a compartir este Artículo en los medios sociales, y si deseas, puedes saludarme en mis perfiles de Facebook, Twitter y Google+. Allá te espero :-).