A propósito que en estos días recibimos en DBAccess, nuevamente el reconocimiento como uno de los 100 Mejores lugares para Trabajar de Latino américa, según Great Place to Work Intitute, recordé un post que leí en StopDesign escrito por Douglas Bowman, el diseñador gráfico responsable de las plantillas de Blogger por allá en las edades tempranas de la Web 2.0, y que le he seguido la pista desde aquellos años.

En ediciones anteriores de los reconocimientos de Great Place To Work Institute, en "las 500 mejores" dentro de EEUU, Google fue por 2 años consecutivos el mejor lugar para trabajar en Estados Unidos (por el tamaño de la economía y el desarrollo del país podría decirse del mundo). Justo en ese tiempo, Douglas había dejado su empresa -StopDesign- para irse a trabajar con la empresa de Montain View.

Recuerdo que cuando leí esa noticia en su blog, dije: "Wow, qué más puede pedir este pana?, consiguió trabajo en Google!!", haciendo cosas que me gustan a mí en lo personal: Diseño Visual, Usabilidad, Interfaces etc.

Mi sorpresa fue mayor, cuando leí su post: Goobye, Google.

En ese post, Douglas habla de como empezó a trabajar en Google siendo el primer Diseñador Gráfico puro, armó un equipo de cero e intentó hacer diseño en una empresa donde el 80% de las personas son ingenieros.

Aparte de todo lo bueno, lo interesante, son las razones por las cuales luego de 3 años decidió irse de Google, que resumo:

• Antecedente: Cuando Douglas se conecta con la empresa, tenía apenas 7 años de fundada, todo este tiempo y todos sus productos sin un Diseñador Visual, sólo ingenieros con experiencia en HCI.
• Ninguna de estas personas tenía posiciones de liderazgo, ni estaba cerca, como para tomar decisiones relacionadas con el diseño y estética de los productos de Google.
• Dada la mayoría de ingenieros en la empresa, cada decisión de diseño, era reducida a un simple problema de lógica, eliminando toda subjetividad y mirando sólo lo que los datos indican.
• Si los datos están a favor ok, sino, se vuelve a la mesa de diseño.
• Los equipos en google no pueden decidir entre 2 tonos de azul, se realizan hasta 41 pruebas por cada tono de color para ver cuál es el de mejor performance.
• Las discusiones de diseño podrían ser inclusive por 3, 4 ó 5 píxeles.

Pareciera que el conflicto se produjo entre la estética del diseño y la lógica de los números, rigurosamente objetivos. En cualquier caso, me parece una experiencia súper enriquecedora. Luego de irse de Google, al cabo de 1 semana, Douglas Bowman se estrenó como Director Creativo en otra pujante empresa de nuestra era en internet: Twitter. Pueden leer su post para más detalles.

Saludos,
->beto

Muchas veces los equipos de desarrollo, por diversas razones, colocan en segundo plano los objetivos de usabilidad en una interfaz gráfica. Dominando en la mayoría de los casos, la funcionalidad, sin tomar en cuenta a los usuarios finales.

Es como si construyéramos un teléfono móvil, pero no tuviera carcasa, y al tomarlo con la mano, sintiéramos la rudeza del material y viéramos todos los circuitos y partes que la integran.

En DBAccess algo similar debió ocurrirle a uno de nuestros clientes, cuando hace unas semanas intentó registrarse dentro de una aplicación que estamos construyendo y se encontró con un grupo importante de "issues" ó problemas relacionados con Usabilidad. Decidimos entonces constituirnos como un pequeño equipo de evaluadores y a la interfaz existente realizamos una: Evaluación Heurística.

Evaluación Heurística

Su objetivo principal es encontrar problemas de usabilidad en el diseño de una interfaz gráfica. Puede aplicarse en cualquier etapa del ciclo de desarrollo, pero es preferible y recomendado hacerlo en etapas tempranas de un proyecto de desarrollo de software.

Es una técnica de bajo costo, que puede ser realizada por un mínimo de 3 profesionales, que evalúan a distancia.

Lo clásico: Las Heurísticas de Nielsen

Las Heurísticas de Nielsen (Jakob) son 10 principios básicos que toda interfaz de usuario debe cumplir para mantener en un nivel óptimo, la facilidad de uso de una interfaz.

La técnica es muy sencilla, cada evaluador sigue las heurísticas, buscando problemas de usabilidad, valorando cada problema según una pequeña escala establecida. Es recomendable que cada evaluador recorra la interfaz al menos 2 veces, aunque la experiencia del evaluador es determinante en el número de problemas encontrados. Luego se realiza una sesión de consolidación y valoración, que genera un entregable para el equipo de desarrollo.

De bajo costo, fácil de implementar y con un altísimo valor para el proceso de desarrollo. La evaluación heurística de una interfaz puede definitivamente mejorar el diseño de la interfaz.

Puertas adentro, veremos el entregable con el equipo de desarrollo y el feedback con el cliente, en función de un re-diseño de la interfaz.

Saludos,
->beto

Si eres uno de esos profesionales que se cansó de "trabajar" en uno de esos lugares con horario fijo, un jefe mandón e ineficiente y muy mal pagado y... decidiste lanzarte al mundo del "trabajo por mi cuenta". Entonces este sitio Frelance Switch seguro te dará buen contenido del qué aprender.

De allí viene parte de este post, las 30 formas según este site, de mejorar la experiencia con tus clientes.

Les transcribo las primeras 10, luego pueden ver el resto acá (English):

1.- No hagas que tú trabajo sea invisble.
Una forma de dar a su cliente una gran experiencia es asegurarse de que te comunicas.

2.- Entregar un conjunto de documentos/herramientas realmente útiles.
Cuando se trabaja con intangibles, como el diseño de un sitio web, entregar un documento que explica en detalle todo lo realizado, las contraseñas, las imágenes etc. Un CD por ejemplo, donde el cliente pueda encontrar todo fácilmente.

3.- Ayuda a tus clientes a entender lo que haces en tu trabajo.
Reducir el miedo, la incertidumbre sobre tú trabajo: recuerda que tus clientes son a menudo no entienden en profundidad (por eso son los clientes), explica todo en un lenguaje que ¡puedan entender!.

4.- Diferencie su marca
Hay un montón de profesionales independientes con talento ahí afuera que son tan cualificados como tú, si no mejores!. Pero tú eres único y la experiencia de trabajar contigo es parte de tu marca.

5.- Presta atención a los detalles
Es inmenso el número de clientes insatisfechos y frustrados porque los profesionales no prestan la debida atención a los detalles, seriamente.

6.- Foco en lo visible, tercerizar el resto
Puede que suene polémico, pero en mi experiencia, la mejor manera de mantener un cliente satisfecho es a subcontratar cualquier parte de un proyecto que no es visible para él.

7.- Toma la iniciativa y busca más información sobre el negocio del cliente.
Ya sea que estés en condiciones ó no de utilizar los conocimientos que se reúnen en el proyecto, muestra a tu cliente que estás invirtiendo tiempo y dinero en el éxito de su negocio.

8.- Proporciona un camino para un desarrollo/diseño posterior
Algo que puedes hacer con tus clientes es ofrecer un documento cerca del final del proyecto que explore el "de aquí en adelante". Una hoja de ruta creativa, de pasos posteriores.

9.- No esperes que el cliente pregunte
Anticipar las necesidades y los deseos de tus clientes, y entregar de manera proactiva tus servicios antes de que incluso tenga la oportunidad de preguntar.

10.- ¿Cómo podrías impresionarte?
hacer las cosas que causan verdadera impresión que motivan las conversaciones en un bar con los amigos, así debe ser su trabajo ante su cliente. Impresionante.

El resto del artículo acá

Saludos,
->beto

Hace unos días terminé el diseño para el sitio web de Intervertebra, una empresa Venezolana que se dedica a la comercialización de productos y servicios médicos en el campo de la Cirugía de Columna Vertebral.

El cliente tuvo problemas al inicio de su vida en la web, producto de un mal servicio. Entonces me llamaron y luego de varias semanas de intercambio y trabajo, pudimos lograr una versión aceptable para los clientes de Intervertebra.

Es un un sitio diseñado bajo estándares de la W3C, hojas de estilo .CSS y lenguaje XHTML simple. Próximamente lanzaremos la versión en inglés según la expectativa que tiene la empresa.

Cualquier comentario sobre el diseño para Intervertebra, por favor postealo acá.

Saludos,
->beto

A quién no le gusta una buena animación?

Acá a les dejo un corto producido por la gente de Blur Studio, una empresa canadiense con mucho talento, que se ha desarrollado en esta fascinante área creativa. No dejen de visitar su sitio web si gustan ver más de su trabajo.

Hasta el hombre de la pre-historia tenía problemas en casa... o mejor debo decir... cueva?

:)

Yo suelo leerlo muy seguido, siempre me ha gustado.

Uno de los periódicos digitales de mayor calidad en la red, se ha renovado visualmente.

El Mundo.es estrena nuevo diseño y a mí la verdad es que me agrada mucho el cambio.

Lo que observé a vuelo de pájaro:

- Mejor organización de los contenidos, fáciles de leer.
- El layout de la página usa .CSS lo cual es un gran avance hacia la accesibilidad, dejando atrás el uso tradicional de tablas, lo que implica limpieza de código.
- Mayor espacio para la publicidad, obvio, de eso se trata el negocio.
- Eliminación de la barra de navegación izquierda, ahora las secciones están horizontalmente en la cabecera.
- Dejaron atrás el diseño de 800x600 pxl para darle paso al nuevo estándar que es 1024x768.
- Preponderancia de la imagen y el multimedia.
- Mucho, pero mucho menos atiborrado visualmente.

Sigo navegándolo, pero de entrada me parece excelente el cambio de este gigante de la información digital.

El diseño basado en tablas para dar formato y estructurar contenido, así como los píxeles exactos para que luzcan bien en todos los navegadores, es cada vez más una metodología obsoleta.

Documentos web accesibles, fáciles de actualizar, usables y livianos están impulsando con fuerza a la Internet actual. De allí que los diseñadores debamos ver a los estándares como la pauta a seguir de un diseño más poderoso, tanto en lo visual como en el manejo del contenido.

Los estándares web son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web.

Son un conjunto de tecnologías orientadas a brindar beneficios a la mayor cantidad de usuarios, asegurando la vigencia de todo documento publicado en el Web. El objetivo es crear un Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.

Metodología de diseño bajo estándares

Anteriormente los diseñadores web creábamos documentos desde una perspectiva únicamente visual.

Teníamos nuestro boceto, cortábamos y decidíamos cuantas tablas crear y en que celda insertaríamos tal o cual parte del diseño. ¿Hace falta un borde naranja?, no hay problema, ¡crearé una tabla dentro de otra y listo!. Claro en medio de todo esto estaba el contenido… los problemas venían cuando hacía falta realizar algún cambio…

Cuando se diseña bajo estándares, utilizas un documento XHTML para estructurar el contenido. Pensando qué será un título, qué un párrafo, dónde habrá una cita etc. Para la parte visual o de apariencia de ese contenido, se utiliza un documento .CSS. ¿Hace falta cambiar ese borde naranaja?. Bien, lo cambias en el .CSS y listo, todo el site asumirá el cambio.

Beneficios del diseño bajo estándares:

- Accesibilidad total: Documento web fácil de visualizar desde cualquier navegador o dispositivo de Internet. Inclusive para personas discapacitadas.
- Fácil actualización: Limpieza de código, estructuración semántica harán que cualquier cambio de contenido sea realizable en corto tiempo.
- Mejor indexación: las máquinas de búsquedas encuentran mejor a las páginas creadas bajo estándares, dada la limpieza de código y el uso de etiquetas.
- Documentos más livianos, mejor almacenamiento: Bajo estándares las páginas consumen menos ancho de banda, lo que se traduce en costos bajos de hosting.
- Consistencia visual y Usabilidad: Cualquier cambio de diseño es realizable en el .CSS, la facilidad de uso de estos documentos mejora dramáticamente la experiencia del usuario.

Diseñando bajo estándares, no solo hacemos más poderoso y elegante nuestro site (ó el de los clientes), además estamos ayudando a transformar la red; para que sea más accesible y fácil de usar.

:)