Categorias: Todos - espacio - atención - diseño - colores

por David Martinez 6 anos atrás

453

Interfas web

Los colores cálidos como rojo, amarillo y naranja son naturalmente llamativos y suelen atraer más la atención del usuario, especialmente cuando se contrastan con colores fríos como azul o verde, creando una ilusión de mayor tamaño.

Interfas web

Una interfaz compleja puede llevar consigo una desorientación del usuario, provocando confusión y falta de iniciativa para interactuar con el sitio, llegando incluso a provocar el abandono del sitio por parte del visitante.

Si la utilizamos con moderación, esta propiedad puede resultar muy eficaz para mejorar el aspecto de nuestros títulos y cabeceras, pero si lo aplicamos en el cuerpo de un párrafo o bloque de texto muy largo, puede causar el efecto contrario. Si se utiliza con letras muy pequeñas o en textos de lectura continúa, puede que los haga perder la legibilidad que la distancia por defecto agrega.

Los colores en tonos cálidos como el rojo, amarillo y naranja son llamativos por naturaleza, por lo que tienden a atraer más la atención y el ojo del usuario tiende a buscarlos. Además de esto, cuando se ponen en contraste con colores fríos como el azul o el verde, tienden a crear la ilusión de ampliar el elemento que cuenta con colores cálidos.

No es justificable que un sitio esté insistiendo en algo que no le interesa al cliente, sin embargo por alguna extraña razón algunos pueden a llegar a pensar que esto es normal en la web y que no tiene nada de malo hacerlo.

Cuando realizamos la planeación de un sitio, en principio, el diseñador siempre busca diseñar una interfaz limpia, fácil de usar, amigable e intuitiva. Pero esto se va perdiendo conforme la elaboración del sitio va avanzando y la complejidad va aumentando.

Cómo hacer interfaces de usuario más simples

El espacio en blanco, es aquel que existe como separación entre los elementos que componen el DOM de nuestro sitio. Este espacio debe considerarse nuestra principal herramienta de diseño, y se debe buscar utilizarlo siempre sobre cualquier otro elemento.

Tracking es el término utilizado en el campo de la tipografía para describir el ajuste del espacio entre las letras que forman parte de una palabra, y gracias a la propiedad “letter-spacing” de CSS, tenemos la oportunidad de llevar a cabo esta técnica.

Espacio entre letras

Debes tener mucho cuidado con los colores que eliges para los elementos de tu página, ya que si no haces una elección correcta puedes terminar dando más relevancia a ciertas partes que realmente no lo ameritan, y dejando en segundo plano secciones donde muestras contenido que tú consideras relevante para el usuario.

El color atrae la atención

Al establecer una correcta jerarquía entre los elementos que componen tu interfaz, darás un respiro a los usuarios que navegan por tu sitio y automáticamente tu estructura lucirá mucha más ordenada.

Cuando un usuario ve las mismas cosas, en el mismo orden y sin ninguna referencia, su interés se irá rápidamente. Para evitar esto debemos crear una visualización clara de los elementos que componen nuestra interfaz, estableciendo niveles de importancia que nos ayuden a determinar los estilos a aplicar.

Utiliza la jerarquía visual

Tenemos que evitar diseñar cada página o módulo de nuestro sitio como si fuera algo totalmente distinto a lo que fue desarrollado anteriormente. Una interfaz que no respete esto, se verá parchada y llena de inconsistencias lo que puede afectar en gran manera la experiencia del usuario.

Da importancia a la consistencia

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.

Es una interfaz estridente Cuando un producto, servicio o dependiente resulta demasiado ruidoso termina siendo bastante molesto, para muestra te damos un ejemplo.

Errores en el diseño de interfaces web El diseño de interfaces en la actualidad es un trabajo complejo que requiere de estudios, análisis y toma de decisiones adecuada. Atrás quedaron los días en donde un fondo bonito y algunos efectos bastaban para sorprender al usuario y lograr su aprobación, lo que a la postre llevaba al incremento de la popularidad del sitio.

La gran relevancia que han tomado las investigaciones realizadas en torno a la experiencia del usuario y la usabilidad de los sitios, ha hecho que los diseñadores tomen un rumbo distinto al momento de tomar decisiones relevantes a la estructura y comportamiento de una página

Define bien tus acciones primarias y secundarias

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.

Interfaces claras y precisas

La primera impresión que un usuario recibe de un sitio web es extremadamente importante, por lo que la interfaz gráfica debe ser cuidada en extremo, de forma tal que logremos convencerlo de que se trata de un sitio ordenado, cuidado y profesional.

Disminuir el ruido visual La cantidad de ruido visual en una interfaz tiene un gran impacto en la complejidad percibida por el usuario, mantener el ruido visual al mínimo hará que una interfaz parezca más fácil y sencilla de usar. Las dos herramientas principales para reducir dicho ruido visual, son los espacios en blanco y el contraste.

Calidad del diseño y estabilidad funcional

La simplicidad con que se desarrolle esta interfaz es crucial para determinar que un usuario se sienta satisfecho y desee regresar a un sitio.

El hecho de que una persona deba realizar una extensa navegación por el sitio para hallar lo que busca en él es totalmente contraproducente. Por el contrario, si alguien que visita un sitio cuenta con varias herramientas que le permiten acceder rápidamente a aquello que le interesa, seguramente volverá.

Objetivos al diseñar una interfaz web

La finalidad de un buen diseño de interface es proporcionar un marco de uso que permita realizar las tareas de la mejor forma posible. Por eso, los objetivos de un diseñador de interfaces deben ser dos: la simplicidad y la coherencia

Esto se consigue con la inclusión de elementos comunes a toda la web que son estándares, haciendo que los usuarios tengan completo control sobre las funcionalidades del sitio desde el momento mismo de entrar a él sin que para ello deba tener amplios conocimientos ni preparación anterior alguna.

la interfaz web es el conjunto gráfico que permite la presentación y la navegación del sitio.

¿Qué es la interfaz de una web?

es un sistema gráfico que permite a los usuarios acceder a los contenidos, realizar tareas, comprender las funcionalidades y navegar por las diferentes páginas del sitio.

Interfas web

Es una aplicación del diseño pero va más allá de eso ya que requiere que tangamos en cuenta la usabilidad, interactividad, navegabilidad, arquitectura de la información y la interacción de medios como el texto, imagen, enlaces, audio y vídeo en la cual hare énfasis en este artículo pero si quisiera mencionar que esta define básicamente tres importantes etapas que son:

Posicionamiento en buscadores o SEO.
Estructura y relación jerárquica de las páginas del sitio web.
En el diseño web requieren navegabilidad,interactividad, usabilidad, arquitectura de la informacion, interaccion de medios. Pero pueden ser creadas mediante archivos de texto (HTML), utilizando un programa WYSIWYG o WYSIWYM, tambien utilizando un lenguaje de programacion del lado servidor.
Diseño Visual de la Información.
Subtema