Archivo de la etiqueta: webdesign

Diseñando para un congreso: Trónika

Trónika - 1er congreso de tecnologías
La Sociedad de Alumnos de Ingeniería en Tecnologías Electrónicas (SAITE) del Tecnológico de Monterrey Campus Puebla, a través de su presidenta Diana Loubet, nos invitó a participar al congreso Trónika, específicamente para realizar el sitio web. Cada vez que escucho o leo del diseño de un congreso es innevitable recordar aquel famoso evento de diseño: Códice 5, los buenos tiempos.

Regresando a Trónika, decidimos intervenir también en la identidad, pues aunque estaban completamente seguros de lo que querían, no lo comunicaban adecuadamente (Logo Trónika versión 1). Decidimos simplificar su propuesta, retomar todos los conceptos e ideas que querían comunicar y diseñar un nuevo logotipo (Logo Trónika versión 2).

Logo Trónika versión 1

Logo Trónika versión 2

Definimos la gama cromática, tipografías, retículas, diseñamos además un robot que es la parte fundamental de la identidad alrededor del cual desarrollamos los productos de diseño: cartel, lonas, diplomas, gafetes, sitio web, entre otros.

Cartel Trónika

Diploma Trónika

Carta invitación Trónika

Participar en Trónika fue una labor muy divertida, es interesante reencontrarse con un congreso desde otra perspectiva, ver el estrés de los organizadores mientras la fecha se acerca. Como sea, Trónika comienza el jueves 13 de octubre y termina el sábado 15 de octubre de 2011 en el Tecnológico de Monterrey Campus Puebla, la mejor de las suertes a los organizadores, sobre todo a los chicos de SAITE, que esas horas de desvelo les traigan muchas satisfacciones.

Más acerca del diseño en nuestro portafolio web. Si necesitas información sobre el congreso visita Trónika.

BancomerTV

Este es un proyecto que realizamos para Bancomer, en el que nos confiaron el diseño y desarrollo de la presentación de ventas de su producto BancomerTV.

BancomerTV es un sistema de mercadeo capaz de segmentar audiencias y dirigir ofertas a las zonas o sucursales donde se encuentra el mercado meta, es decir un canal de televisión para cada sucursal con contenido diseñado de acuerdo al perfil de los usuarios de cada zona.

Conoce más acerca del proyecto, en nuestro portafolio web: BancomerTV.

Diseño para no diseñadores

A veces las condiciones económicas provocan que algunos proyectos web no cuenten con presupuesto para contratar un diseñador profesional para el desarrollo de la parte visual. En el podcast de Jared Spool, SpoolCast: Visual Design for the Non-Designer, Dan Rubin da algunos consejos simples para mejorar significativamente el diseño de un sitio web sin ser un diseñador profesional.

Entre los consejos encontramos:
Dar consistencia y orden al sitio. Cuidando el espacio en blanco entre los elementos y su alineación se alcanza una sensación de orden. Ésta es una de las herramientas más importantes de los diseñadores profesionales, porque a través de ella se genera la retícula.

Utilizar la tipografía adecuadamente. La tipografía bien aplicada ayuda a establecer jerarquías en el contenido, permitiendo un mayor orden y coherencia dentro del sitio. Si además, limitamos el uso de una o dos fuentes tipográficas en el sitio, por ejemplo, Georgia y Verdana, éste orden se verá reforzado. También es importante no abusar del uso de italica, bold, o de diferentes colores en los textos y ajustar su interlineado para permitir una lectura más cómoda.

Elegir un esquema de color armónico. La parte más difícil al diseñar es la elección del color, algunas herramientas, como el kuler.adobe.com, pueden ayudarnos a elegir una paleta de colores armónica. Sin embargo, hay ocasiones que los colores los determina la marca, por lo que habrá que seleccionar la paleta de colores en base a ella. Además, se debe de tomar en cuenta el contraste del fondo con los textos, en ese sentido lo mejor, por ejemplo, es un fondo claro (blanco) y el texto oscuro (negro).

Estas recomendaciones pueden ser fácilmente aplicadas en nuestros proyectos web si trabajamos con hoja de estilo (css). Un último consejo de Dan Rubin, tal vez el más importante, es que al diseñar «estamos resolviendo problemas… pero no para nosotros mismos«, por lo que es importante escuchar y analizar las necesidades de los usuarios de nuestro sitio web.

Escucha el podcast en SpoolCast: Visual Design for the Non-Designer.

Sitios web en Flash ¿por qué me parecen tan malos?

flash

Recuerdo cuando utilicé el Flash por primera vez, fue en la clase de «Diseño en pantalla» (veíamos principalmente algunas técnicas de animación muy básicas) estaba en el tercer semestre de la carrera y quedé maravillado. Era una herramienta realmente potente, podía crear animaciones, agregar sonido, transformar cuadrados en círculos en 1 segundo, y con un click podía exportar todo a un archivo para web. Esto era ser creativo: hacer que todo saltara, cambiara de color, con sonido, y verlo en internet.

De hecho hice mi primer portafolio web en Flash, me sentía en la «cima del universo», ya era un diseñador web, así de fácil. Afortunadamente todos tenemos la posibilidad de aprender de nuestros errores, y conforme avanzaba en la carrera aprendí ciertas cosas nuevas, adquirí experiencia y entendí que los sitios web desarrollados 100% en Flash tiene muchas desventajas.

Desventajas de los sitios web en Flash

  • Plug-in necesario para poder ver la página.
    Imagina que inviertes $31,000 pesos mexicanos en el sitio web en flash de tu empresa (si, eso cobran algunos despachos web flash, pero ese es otro tema), y cuando intentas entrar a la página te aparece este mensaje: «Para visualizar este contenido, necesitas la última versión de Adobe Flash Player. Descárgalo aquí.» No creo que te dé mucha confianza descargar un plug-in para ver una página de internet, pues a tus posibles clientes puede que les dé menos confianza descargarlo, y antes de hacerlo puede que prefieran abandonar tu sitio.
  • El contenido no puede ser localizado por los buscadores (google, yahoo, msn).
    Aunque están trabajando en tecnologías para que los buscadores lean el contenido, esto aún parece lejano y en un principio puede resultar difícil, costoso y tardado, por lo que el html para posicionarse en los buscadores seguirá siendo la mejor opción.
  • Es difícil actualizarlos, lo que eleva los costos de mantenimiento.
    A diferencia del html y el css, el contenido no está separado del diseño en una página flash, por lo que para cambiar cualquiera de los dos hay que modificar todo el archivo, lo cual suele ser tardado y por lo tanto costoso.
  • El tiempo de carga se traduce en tiempo de espera, el cual suele ser muy largo.
    Hay que esperar a que el sitio cargue completamente para poder verlo, no todos somos pacientes por lo que a veces es más fácil abandonar la página a esperar 10 segundos.
  • Las intros, sin importar que tan creativas sean, son una pérdida de tiempo.
    Sinceramente, nadie ve las intros de los sitios, todos las evitamos porque buscamos, la mayoría de las veces, información, si vendes almohadas probablemente tus usuarios quieren saber dónde comprarlas, no les interesa ver tu logo saltando de lado a lado en medio de música electrónica. Sí quieren ver una animación o un corto probablemente vayan a youtube, pero en tu sitio buscan información.

Existen algunos proyectos que seguramente justifican el uso de Flash, pero incluso sitios como el de nikefutbol.com que hasta hace 1 año estaba hecho totalmente en Flash, ahora se encuentra basado en html y css, utilizando el Flash como un complemento, permitiendo que sus contenidos se actualicen constantemente y que sus usuarios encuentren información nueva en cada visita.

No tengo nada en contra del Flash, sigo pensando que es una muy buena herramienta, sin embargo creo que en web se ha explotado equivocadamente, sobre todo si tomamos en cuenta que el desarrollo web en html y css puede satisfacer más fácilmente las necesidades de información de los usuarios.