Diseño web: ¿en las manos de quién?

Un hombre inteligente es aquel que sabe como y cuando contratar gente más inteligente que él para desempeñar una tarea. Y en el diseño web seguramente abundan los sujetos capaces pues, de hecho, cada vez son más las empresas que ofrecen servicios de tercerización, es decir, manejar determinados aspectos relacionados principalmente con el desarrollo y la accesibilidad de un sitio -también respecto a su arquitectura pero, como ya hemos dicho en otros artículos, el plano plástico de un diseño a menudo viene separado de las técnicas de difusión-.

Actualmente, según una encuesta recientemente realizada en España, cada vez son más los que optan por contratar una caterva de especialistas en comunicación digital para controlar todos los aspectos de un espacio digital. El diseño web Madrid entre ellos.

La pregunta que surge es la siguiente: ¿por qué es tan útil gestionar una web? El aspecto digital es naturalmente un trampolín importante para dar a conocer una empresa y, si se trata entonces de mejorar el nombre de una marca o difundirlo, es importante dejar esa tarea en manos de profesionales.

Representación

Un sitio web es, sin dudas, la carta de presentación de una marca, de un producto, de un servicio. Por lo tanto, la edificación de una estructura digital pensada para web debe cumplir con ciertos requisitos: la representación, ante todo, la identificación también.

Si un espacio no cuenta con una imagen profesional, éste esta ignorando una gran masa de clientes que bien podría gozar en su beneficio. Tercerizar, en los casos adecuados, los aspectos enmarcados en la representación de un sitio es colocar nuestro bien más valioso en manos de profesionales responsables: las joyas de la abuela, a la bóveda.

Ahorro de tiempo

El tiempo es oro y, por tratarse de Internet, los lingotes por cada segundo se cotizan aún mejor pues, aquí, en ésta fauna, el tiempo es simplemente un “clic”. Un desarrollador web profesional está capacitado en varias áreas como marketing SEO, comunicación, HTML , CSS , accesibilidad, usabilidad, navegabilidad, programación en lenguajes y mucho más. Al tener un especialista para cada una de las tareas, se gana tiempo y tranquilidad.

Transformación

Hoy en día, la alta gama de personal capacitado para realizar tareas de gestión permite transformar en realidad lo que antes era solo un sueño: colocar una página personal al nivel de un sitio empresarial. Por supuesto, existe una gran diferencia entre un sitio web personal y una empresarial, los objetivos no son los mismos, pero aún así muchas técnicas se pueden transpolar de un espacio hacia otro con muy buenos resultados.

Como vemos, tercerizar el diseño de un sitio no es sinónimo de quitarle valor a una tarea y sacársela de encima, sino, por el contrario, es un método ideal para convertir un sitio de comunicación rookie en un sistema profesional.

Cosas que NO debes hacer en el diseño web

Ser o no ser, esa es la cuestión. Al menos lo era para William Shakespeare. O para Hamlet, príncipe de Dinamarca y protagonista de aquella gran tragedia teatral. Mas en el caso del diseñador páginas web, y lo veremos en el siguiente artículo, el dilema es otro: hacer o no hacer. He allí, el gran dilema. Evidentemente, para todos los profesionales del planeamiento gráfico web existen “pequeñas tragedias” representadas por actos, no teatrales, sino voluntarios: cosas que deben hacer, y otras que deben evitar.

En el diseño web también hay pecados capitales. Tal vez siete o, incluso, más. Lo cierto es que determinadas pautas deben ser abordadas y otras desechadas por cualquier profesional. Hay límites que no se pueden cruzar. Por supuesto, por tratarse de una labor en constante estado de cambio, las tendencias se renuevan casi anualmente. Así es importante estar atento a todos y cada uno de los cambios que van surgiendo en el diseño web Madrid y mucho más.

Pero, ¿cuáles son básicamente las cosas que no se deben hacer en el diseño web?.

Utilizar textos deslizantes


Leer un texto que se mueve puede ser un lindo ejercicio…para quienes buscan simular un estado de ebriedad. Para el resto, desde ningún punto de vista, parece accesible la utilización de recursos como los textos deslizantes que pueden llegar a cansar y quitar las ganas de continuar con un tour web. Dígale no a los TD.

Usar “frames” exageradamente

Cuando se piensa en un site, éste debe cumplir ciertos requisitos mínimos para, más allá de innovar, establecerse como apto para todo público. Naturalmente, no hablamos del contenido sino de los recursos tecnológicos: los frames, por ejemplo, pueden ocasionar problemas en algunos sistemas poco preparados. Así, es mejor hacer uso de ellos en la medida de lo justo y necesario.

Abusar del texto parpadeante
Como ya se mencionó anteriormente, este tipo de técnicas dificulta la atención y atenta contra la legibilidad del espacio web.

Colocar animaciones inncesarias y repetidas


Quiérase o no, dentro de las estrategias del diseño web, también deben estar contemplados los tiempos de cargo. Y para ello es necesario reducir, de acuerdo a lo posible, ciertos factores como, por ejemplo, las animaciones flash innecesarias.

Errar la combinación fondo / texto (colores)
Desde ya, la legibilidad es un aspecto que “no se negocia”: el diseño de vanguardia es una herramienta sumamente útil para captar cibernautas y enamorarlos pero, nunca se debe priorizar por sobre cuestiones relacionadas con el entendimiento del propio site.

Ante todo, claridad.

El diseño web en 2010

Año a año -a veces incluso con más frecuencia- el mundo del diseño web asiste a una serie o conjunto de cambios: nunca de forma, más bien de fondo.

Efectivamente, no solo en el mundo fashion de la moda existen tendencias que varían con las estaciones, éste fenómeno ocurre en los más variados ámbitos. Y promediando la mitad del año 2010, es justo comenzar a hablar sobre un aspecto particular de la comunicación digital: las directrices que viene tomando el diseño web Madrid.

¿Cuáles son las novedades? ¿Hacia donde camina el modelo? ¿Qué cambios se vienen fomentando hasta aquí y con respecto a otros años? Tal como se puede apreciar, son muchas las dudas e incógnitas que surgen: desde aquí intentaremos despejarlas.

Tendencias del diseño web en lo que va de éste año 2010

Fuentes

En la actualidad, el aspecto relacionado a la tipografía ha presentado un cambio substancial: las fuentes grandes, amplias, voluminosas, espaciosas vienen dominando en la mayoría de los sitios de vanguardia. A diferencia de aquello que se podía apreciar en tiempos pasados, ya no existen un trueque entre belleza y comodidad, más bien se ha dado lo contrario (quizás éstos se compensa en otros costados: íconos, estos sí pequeños, pero sumamente numerosos).

Ilustraciones, fotos, imágenes y otras hierbas

La nueva tendencia sienta sus bases en la utilización de muchos elementos visuales, especialmente fotos. De acuerdo a lo que se está viendo, las fotos van dotando a los nuevos sitios de una apariencia y estilo personal: no sobrecargan los fondos, pero sí les otorgan vida propia. En cualquiera de los casos, el impacto visual de una imagen tiende a superar -al menos en la actualidad- la huella de la tipografía.

Esquema “Magazine”

Está comprobado que el modo revista, es decir la semejanza de un sitio con el esquema que se puede apreciar en cualquier magazine cotidiano, representa un modo útil para llamar la atención del cibernauta. Tal método otorga la sensación, obviamente, de encontrarse ante una revista y, por lo tanto, vuelve ameno y agradable el contacto con el sitio. La clave: foto-texto en una conjunción espaciosa (justamente, como ocurre en cualquier magazine).

“Blocks” de introducción

Está comprobado -infinitas técnicas de marketing online han dado fe de ello- que la zona superior izquierda de una web, representa el sitio hacia donde primero se dirige la visión de un internauta. Esto se transforma, según los profesionales del diseño web, en una zona estratégica preponderante para explotar no solo en materia de publicidad (allí suele ubicarse los anuncios más caros) sino también en lo referido a menúes innovadores, barra de herramientas o también blocks.

Colores

Hay un retorno a las fuentes: el clásico blanco, vuelve a ganar territorio. No solo como una forma de que los visitantes descansen la vista sino también para destacar otros aspectos: el blanco siempre hace que resalte lo que ronda por la periferia (si como se dijo, la sencillez domina el modelo 2010 del diseño web, el blanco entonces no podía faltar).

Diseño web: el tiempo, un recurso no renovable (Parte II)

Quienes sostienen que “el tiempo es oro” están completamente equivocados. No hay valor económico o mercantil capaz de igualar, superar o siquiera dar precio al tiempo: éste es muchísimo más importante pues no se recupera. El tiempo, en todo caso, no es como el oro sino más bien como el agua: un recurso imprescindible.

Bien, en los medios de comunicación el tiempo tiene un valor aún más importante que en otros aspectos de la vida social: en Internet, por citar un caso, el tiempo dura, lo que dura un click. Click vino y click se fue. Así están dadas las cosas: una vorágine.

Presentamos, la segunda parte del análisis con algunos de los métodos más seductores para crear una web ágil, presta y ligera.

Etiqueta IMG: una herramienta útil.

La etiqueta es a menudo utilizada para situar imágenes en una página (es una etiqueta “verdadera” sin cierre). Sirve, por ejemplo, para predefinir las dimensiones de la imagen. Con esta información, se puede indicar al navegador el espacio que es necesario dejar para que se cargue la imagen. Ejemplo: <img src=”cualquierimagen.jpg” width=”100px” height=”150px”>.

CSS y Scripts en ficheros externos: ahorro de recursos.

Se trata de un sistema de diseño web pensando para no caer en repetición de datos: al escribir el CSS en el header de cada página, el navegador lo descargará una y otra vez pero, en cambio, si se efectúa la acción desde un fichero externo, el navegeador lo descagará una sola vez, lo dejará en caché y lo volverá a utilizar. Lo mismo ocurre con el método de Scripts. De esta manera, no se cae en una inútil redundancia ni se sobrecarga la página.

Texto: administración correcta.

Sucede que en determinas páginas, especialmente cuando éstas tienen un texto extenso, el tiempo de descarga se vuelve mayor por obvias razones. Bien, existen formas de solucionar este inconveniente. ¿Cómo? Sencillo: aplicando técnicas de redacción y no herramientas tecnológicas. Es necesario ser conciso, resumir y manejar la síntesis de modo que no se sature la página. Si bien esto no es nada en comparación al peso de las fotos, todo contribuye para lograr dinamismo en una web pues, a veces, el texto, por su longitud, debe mostrarse en varias páginas, lo que conlleva más tiempo de carga.

Como vemos, cuando se trata de reducir los tiempos de espera de un sitio al planear el diseño web madrid, son muchos los puntos que se deben controlar. Algunos son a base de mañas, otros mediante herramientas tecnológicas. Todo vale, en la lucha por optimizar un sitio.

Diseño web: el tiempo, un recurso no renovable (Parte I)

En el marco del diseño web, el término flash se utiliza para destacar aquella aplicación que combina animación, vídeo e interactividad. No es el único fin con el que se puede hacer gala de aquella palabra: un flash también es lo que duran los tiempos de los cibernautas frente a una web de diseño lento, poco dinámico. Efectivamente, un flash o un click, pueden decretar el éxito de un sitio o la propia condena de un portal.

Durante los tiempos que corren, en esta loca era de las comunicaciones, todo debe ser otorgado y servido al instante: los tiempos de espera ya no existen.

De acuerdo a estas reglas, cualquier diseñador de web debe mantener como prioridad la construcción de espacios con lapsos de carga cortos, discretos o, al menos, camuflados.

A continuación presentamos la primera parte de este repaso con algunos interesantes trucos para lograr un diseño web más dinámico, con un aprovechamiento del tiempo mas eficiente.

Tablas: usar con moderación

Diseñar una estructura compleja puede representar tanto beneficios como dificultades. Es decir, un aspecto vanguardista, es un buen gancho para atraer el ojo del cibernauta pero, por otra parte y en igual medida, los tiempos de carga que significan aquellas técnicas pueden hacer que dicho internauta se aleje del sitio.

Algo que ocurre, por ejemplo, con Internet Explorer y no tanto acaso con Firefox, es que al cargar una tabla se adosa inmediatamente el contenido entero generando una respuesta tardía. Las opciones ante tamaña dificultad son dos: o se reducen las tablas o se opta, en cambio, por un diseño CSS. Ambos caminos resultan útiles y esclarecedores.

Imágenes: reducir algunas, optimizar todas

Optimizar las imágenes para la web es un requisito indispensable y un gran método para mejorar los tiempos de carga. Tanto cuando se parte de una imagen escaneada o como cuando se utiliza algún otro tipo de imagen con alta resolución, es necesario adecuarla de acuerdo a pautas como la resolución, la densidad, número de colores y otros detalles. Es necesario, siempre que se use Photoshop, no olvidar utilizar la opción “Save for Web”.

En cuanto a la reducción, no hace falta agregar demasiado: a mayor número de imágenes, mayor tiempo de espera para acceder a las opciones del sitio, por lo tanto, nunca se debe saturar la web con fotos que no hacen al espacio.

Espacios en blanco: bajo control

Otra estrategia para reducir notablemente el tiempo de carga es, efectivamente, reducir los espacios en blanco. ¿Cómo hacerlo? Sencillamente eliminando las líneas sobrantes e innecesarias mediante la revisión del código de ficheros.

En el próximo artículo, la continuación del análisis con recomendaciones para disminuir los tiempos de carga en el diseño web madrid.

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