Prosys

Diseño Web 2.0: “Usabilidad como tendencia”

Generalmente las tendencias  del diseño Web obedecen a esquemas relacionados con ciertos tópicos afines con las directrices de la moda.

Es así como tamaños, texturas  y tipografías han ido cambiando  sin ningún hilo conductor definido. Con el pasar del tiempo hemos notado gran variedad de corrientes y formatos que por algún margen de tiempo funcionan como aceptados por la comunidad de diseñadores Web, pero que no obedecen a ningún patrón específico más que el del “buen gusto” que impera en un momento histórico determinado.

Sin embargo para muchos el concepto de “Diseño 2.0” ha sobrepasando las tendencias antojadizas que lo preceden, pues la gran diferencia que existe con sus precedentes, es un formato estético basado en la correcta organización de la información, haciéndonos suponer que se mantendrá vigente por bastante tiempo.

Más que una moda corresponde a una necesidad, estandarizar las tecnologías, hacer de un sitio Web, un lugar de interacción basado en la simplicidad y en el sentido común, para que el usuario pueda navegar en él con simpleza, confianza y seguridad, creando con esto un entorno Web amigable.

Para que exista “Usabilidad”: “Estandarización”

Aunque la Real Academia de la Lengua aún no incorpora este término al listado de palabras aceptadas para la lengua española, la usabilidad es un concepto utilizando hace bastante tiempo en diversas disciplinas y se relaciona con la factibilidad con que las personas pueden utilizar un objeto o sistema fabricado por humanos, para alcanzar un objetivo.

En diseño Web, el concepto se refiere a la manera con la que el usuario puede interactuar con un sitio en Internet, si este resulta sencillo, fácil de comprender y de manejo útil se dice que el sitio es “usable”, pues cumple con aquellos requisitos que contribuyen con su funcionalidad y eficiencia.

Lo ideal es que el usuario no perciba las aplicaciones que hay detrás del sitio o sistema que utiliza, sino más bien se pueda desenvolver en él con naturalidad, gracias a los conocimientos ya adquiridos en su experiencia como cibernauta. Valores como la simplicidad y la comprensión intrínseca del usuario, hacen que un sitio Web posea un diseño “usable”.

Más allá del diseño, el concepto de usabilidad proviene directamente de la industria del software, en la que este valor se ha posicionado al mismo nivel que otros tradicionales como el rendimiento, la fiabilidad o la experiencia que deja en el usuario.

De esta industria es desde donde aparece el concepto de “estandarización” en el diseño 2.0, es decir, para que un sitio Web alcance su máximo potencial, las tecnologías que se utilizan en este deben ser compatibles entre sí, permitiendo que cada hardware y software utilizado para acceder a la Web, puedan funcionar conjuntamente sin interferir con la correcta navegación.

Desde la Web 1.0

El concepto Web 2.0 es cada vez más requerido a empresas que otorgan servicios  informáticos y de diseño, pero más que por ser un formato que está a la vanguardia en sitios Web y tener alguna concordancia con un concepto “moderno” en aspectos icónicos y tipográficos, es también porque el 2.0 otorga un sentido nuevo a la distribución del contenido y a la interrelación entre los usuarios, lo que lo hace más efectivo acorde con la actual forma de navegar por Internet.

El anterior concepto, nombrado “1.0” trabajó  la Web como un soporte para la información. Era simplemente un medio más para transmitir, un fin para el contenido. Por esto en los primeros intentos Web se abusó de la información y de los espacios, bombardeando al usuario con múltiples aplicaciones e intentando incluir tanto contenido como fuera posible, dando como resultado muchas veces, que los sitios Web tuvieran un carácter agresivo y confuso. Una especie de supermercado de información en la que el usuario tenía acceso a tanto, que terminaba abarcando muy poco.

En la filosofía 2.0, la Web es un medio para que el usuario pueda interactuar con el contenido. Las necesidades de los cibernautas han cambiado, ya no se sorprenden con facilidad ante la gran cantidad de información disponible, sino más bien se busca la comodidad, el poder llegar rápidamente a lo que se busca.

Además de lograr  la preciada usabilidad, el diseño 2.0 incorpora el concepto de “integración global”, ya que los usuarios actuales esperan de una plataforma Web, la entrada y conexión con diversas redes sociales como, Twitter, Facebook, Messenger, etc.

Comodidad  en la Navegación. Características principales del diseño 2.0

Como ya hemos mencionado anteriormente, la usabilidad es la característica primordial del diseño 2.0, sin embargo existen tópicos comunes que logran dar una personalidad uniforme a esta modalidad de diseño contemporáneo.

Es por esto que ciertos conceptos se internacionalizan y dan un características comunes a los sitios web 2.0 a lo largo de todo el mundo. El concepto “menos es más”, se repite al momento de hablar del diseño actual, la simplicidad es reducir el exceso de información que muchas veces confunde al usuario, tratando de guiar a este hacia el objetivo que se ha propuesto quien realiza el sitio, un contenido limpio, claro y armonioso.

A partir del concepto de “Blog” y de la popularidad que tuvieron estos entre los cibernautas por la facilidad de navegación, muchos utilizan el “layout” centrado, como una forma de establecer el formato visiblemente más cómodo, tratando de disminuir la cantidad de columnas dentro de cada página.

Para una correcta arquitectura de la información, es importante definir las barras de acceso, o Menú, de manera que las áreas queden bien definidas, separando la información para que sea sencillo asociar ítems con sus respectivas sub divisiones.

Cada categoría debe conllevar a una sub categoría, definida esencialmente mediante pestañas, así en el home o menú principal encontraremos  toda la información, segmentada por accesos comprensibles. Muchos prefieren la botonera situada arriba en la pantalla, sin embargo un menú lateral bien ubicado, funciona con la misma comodidad.

Contenido 2.0

El tamaño del texto debe ser acorde a la funcionalidad que se busca. Se evitan las tipografías complicadas, o pequeñas, se establecen espacios entre los párrafos y aumento en el interlineado.

Como el 2.0 integra aparte del diseño, la programación Web y el desarrollo de contenido, se potencia la preocupación en este último punto, desarrollando textos sean no solo sean legibles,  sino también de fácil comprensión, que contengan solo información relevante evitando las extensiones y la retórica innecesaria.

Se primordia trabajar en el Home con resúmenes o comienzos de cita, con el fin de no abusar de las letras, para que con esto quien desee leer los artículos completos  lo haga a través del botón “leer más”. Además es importante separar las secciones  dentro del contenido de cualquier escrito como: títulos, bajadas de texto, epígrafes, y el cuerpo del artículo, esto se soluciona con interlineado, negritas, diferentes tamaños y/o cursivas, dependiendo del estilo que se escoja.

Para resaltar esta nueva perspectiva en cuanto a contenido, el diseño 2.0 suele utilizar colores fuertes, con sombreados y brillos exclusivamente destinados a llamar la atención sobre ciertos contenidos preponderantes, resaltando información indispensable o parte de esta.

Preocupación por los detalles: “Efectos e Iconos”

Esta modalidad de diseño suele dar un trabajo de “joyería” al diseñador, ya que otorga especial énfasis en los detalles y efectos que se aplican en las superficies. Se utilizan reflejos, texturas, sombras, gradientes y otros destinados a embellecer y resaltar la simpleza tanto en los fondos como en las fuentes.

La iconografía es también un aspecto muy utilizado y está dirigido a lograr que la trillada frase “una imagen vale más que mil palabras” se lleve a lo concreto. Estos iconos apuntan a la diferenciación de contenidos con la intención de que el ícono comunique algo por sí mismo.

Programas y experiencias visuales

La industria del software evoluciona tan rápido que las tendencias y programas van mutando de la mano con el acelerado crecimiento  tecnológico. Cada año aparecen versiones mejoradas de los programas y aquellos que un día estuvieron a la vanguardia, terminan inevitablemente siendo desplazados por nuevas ideas, mejoradas o reinventadas.

En el mercado del diseño funciona de la misma manera. No hace muchos años este se guiaba por los sistemas de Macromedia, que abarcaban populares programas como Freehand, Flash, Fireworks y Dreamweaver.

Con respecto a Dreamweaver, este último integró masivamente el diseño Web en la industria del software, ya que es un programa que permitió organizar y gestionar contenidos, pese a que no está fabricado para generar diseño desde el mismo, permitió a los diseñadores manejar de manera mucho más eficiente la gestión de los sitios Web, por su fácil comprensión y por contar con la visualización directa del trabajo que se está realizando.

Cuando la marca ADOBE compró la mayoría de estos programas, aparece  la mayor línea de softwares de diseño. Esta incluye el famoso Photoshop y además un creciente reemplazo de programas, como por ejemplo, Freehand por Illustrator.

Este nuevo formato nace en base a la necesidad de generar un vínculo de integración entre los productos Adobe que permitiera hacer mucho más rápido y eficiente el trabajo y a su vez potenciar el uso de un programa que para muchos en su etapa inicial fue inferior a “Freehand” o “Illustrator”, por esto tuvo que adaptarse e integrar muchos elementos que lograran conquistar a los diseñadores.

También se mantienen los sistemas de Dreamweaver  y Flash, cada uno con sus respectivas mejoras. (Por ejemplo el sistema Action Scrip 3.0 para flash)

Otro acontecimiento importante es la integración de sistemas multimedia y audiovisuales, que incorporan los programas de diseño a experiencias cinematográficas y de animación. Programas como After Effects, Premier o Soundbooth llevan la delantera en este ámbito.

Estos programas enfocados directamente al área audiovisual y cinematográfica, son recibidos con gusto por muchos diseñadores para incorporar la fracción lúdica al formato 2.0. Pese a que el 2.0 muchas veces es percibido como “minimalista” los artistas diseñadores han sabido incluir banners y publicidad en movimiento, que utilizando programas de última generación, han logrado incluir en sus diseños, con mucha elegancia, experiencias animadas (como el conocido Motion Type), todo esto integrando los mismos conceptos modernos de limpieza y simplicidad.

Beneficios

El contar con un sitio 2.0, logra que una empresa o marca  proyecte una imagen moderna, incluyente y participativa, dando a su público objetivo la relevancia que se merecen, entregándoles una plataforma de fácil navegación, con acceso rápido a información organizada y segmentada, además de la posibilidad de interactuar con el sitio gracias a las redes sociales.

Algunos de los beneficios que nos ofrece el diseño 2.0 podemos encontrar:

• Proyección de una Imagen moderna, vanguardista y totalmente conectada con las corrientes actuales a nivel mundial.
• Arquitectura de la información, pensada en la coherencia del discurso y en la usabilidad.
• Navegación cómoda para el usuario.
• Integración multidisciplinaria para lograr orden y concordancia. (Diseño, programación, contenido)

En general un sitio 2.0 proyecta confianza, ya que se preocupa por los usuarios dándoles herramientas para que interactúen de manera rápida y sencilla con el sitio.

El  diseño 2.0 representa la etapa actual que está viviendo la Web, sin embargo es difícil pensar en que otro aspecto diferente a la usabilidad sea preponderante al momento de escoger de que manera un sitio será utilizado para cumplir con los objetivos que se propone. En el fondo, para conseguir un objetivo, el diseño debe estar apuntado más que a sorprender, a guiar al usuario en un entorno amigable, para que pueda navegar con simpleza, comodidad y eficiencia.

En Prosys contamos con un amplio departamento creativo, conformado por diseñadores expertos en tendencias 2.0 y periodistas peritos en edición de contenido y arquitectura de la información.

Podemos desarrollar un sitio Web integral para su compañía o clientes utilizando nuestro equipo multidisciplinario.

Para contratar nuestros servicios en el area de programación, diseño, desarrollo de contenido y muchas otras, no dude en escribirnos a:

info@prosys.cl