Diseño web: estética y funcionalidad

En el terreno estético, es decir en el ámbito de la belleza, la tarea de calificar algo bajo el rótulo de feo o bonito, representa un ejercicio totalmente subjetivo atado a ciertos cánones impuestos por la sociedad. Por otra parte, en lo que respecta a la vida social del hombre, resulta aún más complicado definir a un sujeto de acuerdo a términos tales como malo o bueno pues, nuevamente, entramos en un terreno difuso dado por caprichosas visiones de ética y moral (esclavos, estos enfoques, del tiempo).

Pero a pesar de todos los argumentos esgrimidos, ahí va el hombre circulando por la vida y dispensando, a su paso, aquellos denominadores: bueno, malo, lindo, feo y, nuevamente, bueno, malo, lindo y feo. La calificación es parte de la existencia humana. Existen excepciones a determinadas reglas, pero también tendencias mayores, capaces de derribar todo rasgo de singularidad. Así, ocurre en todos los aspectos de la vida del hombre.

Por supuesto, en el diseño web Madrid este fenómeno también sucede: se hallan espacios buenos (prácticos), malos (improductivos), lindos (ágiles) y feos (íncómodos) y es imposible negar tal realidad. Son muchos los factores por los cuales se puede medir esta constante. Veamos:

• Diseño web: práctico.
Sencillamente, un diseño web práctico es aquel que se propone un objetivo, lo cumple y, en su trayecto, también logra conformar las expectativas del cibernauta. Es tan simple como se lee: la practicidad de los colores, la intuitividad de los menúes, la claridad de la tipografía y la armonía de los espacios representan todo lo básico para calificar a un diseño web como útil o bueno.

• Diseño web: ágil.
El modelo que hemos dado en llamar ágil es el más pretencioso de todos. Debe contemplar los puntos revisados en el diseño anterior y, a su vez, atender a todas las cuestiones estéticas y tendencias del momento: es necesario que sea moderno, joven y fresco. También debe mantenerse en constante evolución.

• Diseño web: improductivo.

Un diseño web malo es aquel que fracasa en todos los sentidos: ni se ajusta a las necesidades del cibernauta ni, tampoco, toma en cuenta las tendencias de diseño actuales (tipografía, teoría del color y espaciado y composición).
Según un experto, el diseño web malo es “aquel en el cual el método flash es utilizado no por el profesional sino por el internauta que sale, despavorido, ante una conjunción poco conveniente del fondo y la forma”.

• Diseño web: íncómodo.

Llegamos, por último al diseño feo, es decir, al esquema íncómodo. En este caso, el especialista prioriza la funcionalidad de su modelo lo cual resulta útil pero no suficiente. El impacto visual, está comprobado, es una de las razones más importantes a la hora de decidir permanencia en un site. Errores comunes de un diseño web feo: no dejar que el texto respire, errar en la gama de colores, escoger una mala tipografía.

¿Páginas estáticas o dinámicas?

Dentro del diseño Web Madrid podemos identificar a rasgos generales dos tipos bien diferenciados de páginas: las estáticas y las dinámicas. Si bien se pueden utilizar ambas en cualquier ocasión, será necesario tener en cuenta que tanto unas como otras presentan ventajas y desventajas.

Veamos en detalle las características de estas páginas:

· ESTÁTICA: este tipo de páginas no incorpora ningún tipo de movimientos o de funcionalidades especiales. Generalmente los usuarios pueden encontrar de manera simple y rápida aquello que buscan, Este tipo de páginas está realizadas en HTML o XHTML, por lo tanto las posibilidades de acción serán reducidas, ya que estos lenguajes de programación y código tienen algunas cosas rígidas de las cuales no se puede escapar. Muchas personas consideran esto como una limitación importante, ya que creen que el resultado final es un sitio Web sin atractivos, sin embargo lo escencial en estos casos es la experiencia del diseñador, su habilidad de utilizar las herramientas que tiene a su alcance, y por sobre todas las cosas sus creatividad. Son muchas las páginas estáticas que son llamativas y atractivas para los usuarios. Por otro lado es necesario destacar que las modificaciones que se deseen realizar sobre la página ya elaborada deberán ser de forma manual principalmente: se deberá acceder al servidor en donde el sitio se aloja se deberá actualizar manualmente, lo que implica un tiempo importante.

· DINÁMICA: la principal característica y beneficio que tiene este tipo de páginas es que el abanico en cuanto a posibilidades de diseño y creación son mucho más amplias. En estos casos se utilizan diferentes lenguajes de programación, y el proceso de actualización o de modificación del sitio es más sencillo que el de las páginas estáticas. Uno de los factores negativos de este tipo de páginas es que en muchas ocasiones, y si son muy pesadas los usuarios se cansan de la espera, y cierran la página sin vacilar. Sin embargo esto se puede controlar durante el proceso de diseño, y no tiene porqué ser una página pesada. Otra de las posibilidades que ofrecen las páginas web dinámicas es la inclusión de bases de datos, contenidos dinámicos, foros, etc. En la actualidad la mayoría de las páginas está tendiendo a utilizar el dinamismo.

Teniendo en cuenta estas características habrá que analizar las necesidades de nuestra empresa u organización y armar una página que concuerde con nuestros objetivos y que sea coherente con la personalidad institucional.

10 parámetros del diseño web

En algún artículo hemos mencionado que Jackob Nielsen es sinónimo de usabilidad web. Sin embargo existe otro experto en el tema y un gran productor de teoría al respecto llamado Bruce Tognazzini. Este estudioso de la usabilidad estableció algunos parámetros que deben estar incluidos en el diseño web Madrid de todos los sitios Web:

1. ANTICIPACIÓN: esto significa que el sitio debe responder a las necesidades del usuario, y asegurarle una vez que ingresó allí que encontrará todo lo que estaba buscando.

2. AUTONOMÍA: la persona que ingresa a un sitio necesita sentir que puede dominarlo y controlarlo. Para poder lograr esto el entorno del sitio debe ser abarcable, y amigable.

3. RESTICCIÓN DE COLORES: si bien los colores ayudan a hacer más atractico el sitio, si estos no son combinados de la manera correcta, entonces el efecto será el contrario. Además habrá que tener en cuenta que el 15% de las personas tiene problemas para identificar correctamente algunos colores, por lo tanto habrá que tener precaución con algunos colores de manera que el acceso por parte de los usuarios no sea dificultoso.

4. EFICIENCIA DEL USUARIO: el sitio en cuestión debe ser productivo y fácil de manejar para los usuarios, por lo tanto es una consideración importante en el momento de planear el diseño web de un sitio.

5. REVERSIBILIDAD: una página debe permitir que se deshagan acciones no deseadas o realizadas por error.

6. La distancia entre objetos y el tamaño de los mismos impactan de manera directa sobre el facilidad de manejo de un sitio. La ley de Fitts afirma que a mayor tamaño y a menor distancia la interacción es más simple y eficaz.

7. MINIMIZAR EL TIEMPO DE LATENCIA: lo ideal es informarle a quien ingrese a nuestro sitio el tiempo que demorará en cargar, y además se puede ofrecer realizar otras tareas mientras se completa la carga.

8. APRENDIZAJE FÁCIL: cada sitio requerirá un tiempo para aprender a usarlo y dominar todas sus funcionalidades. Por lo tanto deberá estar estructurado de la mejor manera posible, y si se implementan cambios en un futuro, deben ser graduales, para que el usuario pueda adaptarse.

9. LEGIBILIDAD: el color del texto y el del fondo debe contrastar para que sea legible, y el tamaño de la tipografía debe ser relativamente grande.

10. La interfaz debe ser visible

11. SEGUIR ACCIONES DEL USUARIO: se recomienda almacenar toda la información sobre el comportamiento de los usuarios para que puedan acceder más rápida y fácilmente a todos los sectores del sitio.

5 herramientas para facilitar el diseño web

Cada día se van desarrollando nuevos softwares para que el diseño Web resulte más rápido y eficiente. Hoy haremos una breve descripción de estas herramientas imprescindibles que debe tener en cuenta todo webmaster a la hora de desarrollar el diseño web Madrid de una página:

1.  CSS Grid Builder: es una interfaz gráfica de usuario online, en la cual se puede modificar según el gusto del usuario diferentes plantillas web predeterminadas, con las cuales se puede crear unas mil combinaciones posibles. La hoja de estilo CSS de Grid Builder fue desarrollada por Yahoo! y permite que los usuarios en cuestión de segundos tengan lista una página atractiva y funcional. Una vez que se definió el diseño general, se realiza click en la opción “Ver código” y automáticamente se general el código HTML que pertenece a esa página.

2. CSS Sprite Generator: esta es una herramienta muy útil en el momento en el que se desea cargar imágenes al sitio, ya que se suben todas juntas comprimidas en un archivo de extensión .zip. la principal ventaja de utilizar esta herramienta es que el proceso de pedido de peticiones al HTTP se reduce, con lo cual se puede ahorrar mucho tiempo y esfuerzo.

3. Blueprint; es un recurso que tiene una base CSS para poder construir la página de manera sencilla utilizando un mecanismo de grillas. El principal ojetivo del Blueprint es disminuir el tiempo que se tarda para desarrollar el CSS.

4. Logicss: esta aplicación para CSS ayuda a los usuarios a crear sus páginas de una manera personalizada. Al igual que las herramientas anteriores su fin principal es disminuir el tiempo que los webmaster pierden en desarrollar el sitio web, y el diseño web del mismo.

5. Layouts: la función de esta herramienta es crear hojas de estilo de una manera simple y fácil. Muchos dicen que esta herramienta se desarrolló gracias a previa existencia de la Grid Builder de Yahoo!, ya que tienen un diseño y una funcionalidad similares.

Estas son solo cinco de todas las herramientas que se están desarrollando para colaborar en el diseño web de los sitios. Como podemos observar el objetivo principal que tienen es facilitar el desarrollo de una página, y hacer que se reduzcan los tiempos de elaboración de los sitios web. Por lo tanto deben tenerse en cuenta en el momento que se quiera elaborar un sitio estéticamente atractivo, eficaz y funcional.

CONTACTENOS
info@equiposcreativos.comEspaña: +34 902 009 797USA: +1 305 4249966Argentina: + 54 351 4232052