Stand de InterGraphicDESIGNS en la Feria Diseño Neto 2009

El pasado jueves 23 dio inicio la primera feria Diseño Neto 2009 con la presencia de diseñadores de todo el país en los campos de diseño web, diseño gráfico, modas, diseño de interiores, joyas y más. Para InterGraphicDESIGNS fue todo un gusto tener presencia en la feria, fue muy util tanto para realizar muchos contactos iniciales con potenciales clientes, como para reforzar la relación comercial con muchos de nuestros colegas y con el gremio del diseño en general.

Hacemos pública nuestra felicitación para los organizadores del evento y nos unimos al aplauso de esta iniciativa que esperamos se repita muchos años más.

Adicionalmente queremos compartir algunas de las impresiones que los participantes de la feria han hecho públicas, así como algunos enlaces relacionados con la feria:

“…Quiero agradecerle a toda la organizacion del evento, todo estuvo excelente…excelente la oportunidad que nos dan a los diseñadores para darnos a conocer, excelente la atencion, la organizacion, las comidas, las charlas, los compañeros…. Me parece importante que logremos hacer un grupo unido de trabajo, donde veamos el trabajo y el apoyo de cada disciplina como un verdadero equipo de trabajo. Que nos apoyemos entre todos para  lograr darle a nuestros clientes lo mejor…” Andrea Mora, Mora-Studio

“…Definitivamente un saboooooor de experiencia!!! muchísimas Felicidades a todos! estuvo genial, cada uno de los bretes, pfffff…sin palabras! y la organización…….no hay quejas! todo sinigual y fabuloso! un abrazo enorme y las mejores vibras…” meL…. nUcook

“…Quiero felicitar a todos los diseñadores que participaron en esta feria,pues en realidad veo que hay muchísimo talento en Costa Rica y eso me pone muy feliz.  Me encanta ver la diversidad de diseños y productos y tambien ver que muchos se preocupan por el medio ambiente y crean sus cosas no solamente ingeniosas y útiles, pero tambien de muy buen gusto. Tambien me impresionó que los visitantes se emocionaban con lo que veían. Yo no sabía qué impresión iban a tener mis pelucas de abalorios pero a la gente le gustó, especialmente porque era algo “diferente” y eso me dio aliento para seguir adelante. Otra vez quiero felicitarlos a todos por sus creaciones…” Carmel Montoya. Gerri Prior. Haiku

“…Quiero agradecer tanto a los organizadores del evento como a todos los participantes, por haber logrado un evento muy exitoso y que esperemos se repita y crezca en el futuro. La calidad del evento en sí, como de las propuestas de los participantes fue de muy alto nivel. Me deja la impresión de que Diseño Neto marca claramente un antes y un despues para el diseño de Costa Rica. En verdad quedé impresionado del poder de convocatoria que tuvo la feria, superó por mucho mis expectativas….” Luis C. Velazquez. K9

“…Buenos días! De parte del grupo Chromática agradecemos todo el esfuerzo y el apoyo que han brindado al sector diseño por esta actividad.  Esperamos poder seguir participando en futuros proyectos con ustedes. Un cordial saludo a todos…” Chromática

Los invitamos a visitar también el enlace de la gente de SorryZorrito.com con más información y fotografías de la feria

En cuanto a la parte de “Modas”, los invitamos a visitar el Blog de la gente de Abril para conocer más sobre el evento.

Compartir esto

La medición de la usabilidad de un sitio web siempre ha sido un tema que ha despertado el interés en los diseñadores y programadores de sitios web. Existen tantas consideraciones de usabilidad que se vuelve necesario para las empresas especializadas en web, contar con un formulario (tipo checklist) o un test de usabilidad el cual aplicar siempre durante la creación de sus proyectos.

Existe un Test de Usabilidad creado originalmente por los ingleses de Userfocus quienes se dedicadan al estudio de la usabilidad, esta empresa está conformada por psicólogos experimentados, lo cual les brinda un gran conocimiento sobre el comportamiento frente a los sistemas y sitios web. El test de usabilidad de Userfocus cuenta con más de 247 directrices para evaluar la usabilidad de un sitio web, separadas en diversas categorías, por ejemplo: Navegabilidad y Arquitectura de la Información, Formularios y entradas de datos, Confianza y Credibilidad, etc.

InterGraphicDESIGNS finalizó esta semana la versión en español del checklist, siendo así el primer aporte para llevar el checklist a otro idioma, y ponerlo al alcance de los internautas en habla hispana.  El esfuerzo reponde al compromiso de InterGraphicDESIGNS por profundizar en temas de usabilidad y aportar en aquellos proyectos de gran popularidad que tienen como objetivo el estudio profundo del tema.

Ver test original de Userfocus, 247 Web Usability Guidelines (English)

Ver test en español trabajado por InterGraphicDESIGNS (Formato Excel)

Ver mención a la traducción realizada por IGD en Userfocus.co.uk

Compartir esto

La Feria Diseño Neto 2009 se realizará a partir del próximo viernes 24 de julio, aunque la inauguración formal del evento será el próximo jueves 23 en horas de la noche. InterGraphicDESIGNS invita a sus allegados, clientes y amigos a visitar nuestro stand en la feria, donde estaremos exponiendo nuestros proyectos y dando a conocer nuestros más recientes servicios.

Entre los servicios que estaremos exponiendo tendremos una muestra de nuestros proyectos de diseño web, desarrollo de aplicaciones web (blog, carritos de compra, comercio electrónico, administrador de contenido, optimización en buscadores, mercadeo digital, etc.),  además tendremos muestras de algunos de nuestros servicios más recientes como la impresión térmica sobre CDs y otros servicios de alto interés para el ambiente de diseño gráfico en el país.

Les esperamos entonces en el Hotel Intercontinental en Escazú este viernes 24 y sábado 25 de julio.

Compartir esto

Cuando se trata de construir nuestros archivos CSS, debemos considerar qué tan fácil es para cualquier otra persona agregar nuevos elementos al diseño o modificar los actuales.

Existe una forma más modular desarrollada por Nicole Sullivan, en la que podemos construir los archivos CSS: CSS Orientado a Objetos (OOCSS).  Esta forma pretende brindar extensibilidad y mantenibilidad a nuestro código CSS, sin dejar de lado la facilidad de comprensión del mismo.

El objetivo de esta metodología es “escribir código CSS escalable, sano y mantenible”, en palabras de Sullivan, quien usa y recomienda un “grid framework” de la conocida librería de Yahoo “Yahoo YUI”. Sin embargo, cada quien puede escribir su CSS sin necesidad de este framework pero aplicando los principios del OOCSS.

El adoptar el uso de OOCSS, implica el pensar en reutilización de estilos y su fácil mantenimiento. Cada componente es una estructura fija HTML, en la cual se aplican una seria de reglas CSS que controlan su diseño (estructura) y otra serie de reglas CSS que controlan su apariencia (piel o “skin”).

Una recomendación de Sullivan es evitar a toda costa lo que ella llama “selectores basados en la ubicación”, esto es, estilos que afectan el contenido según la ubicación que tengan en la página. Para esto, ella recomienda agregar una clase base para el objeto HTML y  agregar clases “hija” que son las que aplican los estilos según la ubicación en la página; con esto, este CSS puede ser fácilmente reutilizado en otro lugar del sitio.

Ejemplo

Supongamos que todas las páginas del sitio tienen un menú lateral, cuyo código CSS es el siguiente:


<div class=”menulateral”>
… contenido del menú ...
</div>


Ahora, supongamos que hay una página de noticias en la que queremos que este menú tenga un estilo diferente, por ejemplo, diferente color de fondo. Tradicionalmente, se agregaría una clase al <body> de esta forma:

<body class=”noticias”>

Con esto, las reglas de estilo que se escribirían para esa página serían algo así:

body.noticias .menulateral {
background-color: #FF0000;
}

El enfoque recomendado por OOCSS es diferente. En vez de tener una clase aplicada al <body>, se crea una clase por cada tipo de elemento que se quiere que se vea diferente. Con OOCSS, el ejemplo anterior cambiaría a lo siguiente:

.noticiasmenulateral { /* extends .menulateral*/
background-color: #FF0000;
}

Esta clase hereda de la clase existente que describe el estilo estándar para el elemento. Así, se aplica “en adición” a la clase base existente:

<div class=”menulateral noticiasmenulateral”>
… contenido del menú ...
</div>

Conclusión

Siguiendo estos principios, se puede tener una estructura bastante ordenada y reutilizable no solamente en el mismo sitio sino en otros proyectos; además que OOCSS brindaría beneficios significativos en cuanto al rendimiento de las páginas.

Al enfocarse en reutilizar estilos CSS en todo el sitio, con OOCSS los archivos CSS serían considerablemente más pequeños, aunque los archivos HTML sean un poco más grandes. Esto es deseable ya que el tamaño de los archivos CSS influencia directamente la cantidad de tiempo que el navegador usa para desplegar una página en blanco mientras el sitio carga. Archivos CSS más pequeños implican menos tiempo invertido leyendo una página en blanco.

Evitando los selectores basados en la ubicación, se reduce la cantidad de trabajo que el navegador debe hacer para determinar la apariencia de un elemento específico en la página. Tanto en dispositivos móviles, como en el escritorio de computadoras, puede producir un mejoramiento en el rendimiento del sitio.

Un aspecto que debe tomarse muy en cuenta, es la facilidad o complejidad que puede resultar del OOCSS en un equipo de trabajo, ya que motivar a todo un equipo a adoptar OOCSS puede convertirse en un compromiso muy grande. Lo que convendría es aplicar OOCSS en un proyecto pequeño y decidir si vale la pena aplicarlo en proyectos más grandes en los que varias personas se encuentran involucradas.

Información Complementaria

Compartir esto

La correcta combinación de los colores es un aspecto de suma importancia en el diseño web, no es algo que sólo tiene que ver con el gusto sino que los colores también son un tema de accesibilidad y usabilidad.

Una correcta combinación de colores puede cambiar drásticamente la aceptación, y por lo tanto la usabilidad de un proyecto.

Queremos aprovechar para recomendar el uso de las siguientes herramientas relacionadas con la administración del color en diseño web:

Círculo Cromático:

Existe una excelente herramienta para trabajar con el círculo cromático, la cual se puede encontrar en el siguiente enlace:
http://colorschemedesigner.com

Paletas de Color:

Es un recurso que supervisa tendencias en el uso del color no solo a nivel de diseño web, sino incluso aplicaciones en el mundo físico como la decoración de interiores o la arquitectura, abriendo una puerta a explorar diversas combinaciones con sus explicaciones.
http://www.colourlovers.com/

Accesibilidad y Color:

El tema de la accesibilidad se relaciona con el uso del color al pensar en la forma en que personas con diferentes discapacidades o características visuales accesan a un sitio web, el siguiente listado presenta un grupo de herramientas destinadas a trabajar el tema del uso del color desde un punto de vista de accesibilidad para personas con discapacidades visuales como el daltonismo:

Access Color

Accessibility color wheel

Color Filter

ColorDoctor

Colorfield Insight

ColorSelector

Colour Blindness Check

Colour Blindness Simulator

Colour Check

Colour Contrast Analyser

Colour Contrast Analyser Firefox Extension

EveryEye

Kontrasttest

Esperamos que este listado sea un buen recurso para que los profesionales en diseño web cuenten con excelentes herramientas y fuentes de información que le permitan seleccionar adecuadamente los colores a utilizar en un proyecto determinado.

Compartir esto