Entradas con la etiqueta ‘diseño web madrid’

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

Viernes, 30 de Julio de 2010

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

Miércoles, 14 de Julio de 2010

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

Martes, 29 de Junio de 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)

Miércoles, 23 de Junio de 2010

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)

Martes, 22 de Junio de 2010

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.

Diseño web: estética y funcionalidad

Jueves, 10 de Junio de 2010

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?

Miércoles, 26 de Mayo de 2010

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

Lunes, 17 de Mayo de 2010

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

Lunes, 10 de Mayo de 2010

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.