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:
Diseño Visual de la Información.
1
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.
Posicionamiento en buscadores o SEO.
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.
¿Qué es la interfaz de una web?
la interfaz web es el conjunto gráfico que permite la presentación y la navegación del sitio.
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.
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
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á.
La simplicidad con que se desarrolle esta interfaz es crucial para determinar que un usuario se sienta satisfecho y desee regresar a un sitio.
Calidad del diseño y estabilidad funcional
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.
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.
Interfaces claras y precisas
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.
Define bien tus acciones primarias y secundarias
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
Es una interfaz estridente Cuando un producto, servicio o dependiente resulta demasiado ruidoso termina siendo bastante molesto, para muestra te damos un ejemplo.
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.
Da importancia a la consistencia
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.
Utiliza la jerarquía visual
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.
El color atrae la atención
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.
Espacio entre letras
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.
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.
Cómo hacer interfaces de usuario más simples
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.
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.
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.
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.
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.
