diseño

Usabilidad como Publicidad

karmel — Thu, 24 Jan 2008 19:50:49 +0100

Cada día me convenzo más, aunque es una teoría sacada de mis horas de falta de sueño, que la usabilidad debe ser a la web como la publicidad a la comunicación, aunque los objetivos no sean los mismos.

Está claro que deben eliminarse ciertos mitos de sobra conocidos:

Lo simple no es necesariamente usable.
El diseño centrado en el usuario no significa diseño centrado en el "usuario-desarrollador".
El sentido común no asegura que el diseño sea un éxito.
Etcétera...

Mi idea va más por la forma o métodos que usa la publicidad para conseguir llegar a las personas, por la manera de crear necesidades, por la manera de convencer y sobre todo por la manera de hacer todo esto sin apenas darnos cuenta, sin molestar, incluso a veces, regalándonos alguna canción pegadiza que tararear de vuelta a casa. Hablo, claro, de la publicidad hecha por creativos publicitarios.

No quiero decir que el desarrollo usable deba proponerse "camelar" a los usuarios para que la sensación de satisfacción aumente, sino que en todo ese proceso de experencia e interacción deberían de diseñarse las "cosas" para crear una web de modo que nadie note el intrusismo que supone "pensar para conseguir" o más sencillo, para alcanzar la felicidad del internauta. Porque un internauta no deja de ser una persona que se sienta delante de una máquina y que interactúa con ella con un propósito y con un alto porcentaje de probabilidad de sonreír.

Y si además puedes volverte a casa comentando con alguien: "ayer entré en tal sitio y me pareció genial"; entonces nosotros podremos decir: "nuestra web funciona".

Próximo libro "Drupal 5 Themes"

karmel — Sat, 01 Dec 2007 10:08:15 +0100

Ya podemos reservar nuestro ejemplar del "Drupal 5 Themes" a propósito del premio al mejor CMS libre 2007. Otra genial iniciativa para aportarnos algo de luz.

Framework para CSS: blueprintcss

karmel — Sun, 26 Aug 2007 18:00:04 +0200

Blueprint CSS es un framework que Google nos ofrece (desde su sección de desarrollo) para agilizar el trabajo cuando tratemos con hojas de estilos. Lo interesante de este proyecto no es sólo que ofrezca una base para "resetear" los estilos en todos los navegadores, sino que resuelve con un código limpio el diseño planteado en un modelo de rejilla, por lo que se pueden disponer de una base de hasta 14 columnas. Además, utiliza una técnica que ya pudimos leer en A List Apart hace algún tiempo con la que se consiguen efectos tipográficos estilo periódico.

La única pega es que por ahora sólo está pensado para diseños fijos de tamaños de pantalla de 1024, pero puede ser un soporte útil para algunos proyectos.

ACTUALIZACIÓN:ya ha salido la versión 5 que proporciona, entre otras cosas, una base de 24 columnas de 30 píxeles y separaciones de 10px, todavía más flexible.

No es Drupal todo lo que reluce

karmel — Wed, 15 Aug 2007 11:16:14 +0200

Todos sabemos lo que es Drupal , se instala en 1 minuto, se configura en 5, y se elije un tema visual en ... 60 (si es que eres un indecis@), quizá exagero pero unas 5 horas te has instalado 4 módulos locos que te hacen felíz y en un par de días ya tienes contenido y navegación en marcha.... y aquí empiezan tus problemas, con la frase: esto no es lo que yo quería.

Si tienes un sitio Drupal, Google te encuentra, si introduces contenido, Google te conoce pero si no diseñas tu sitio (previo análisis) sólo tienes un Drupal instalado, muchas posibles funcionalidades y muy pocas probabilidades de éxito. Y es que con este tipo de CMS se corre el riesgo de ver el bosque y no distinguir los pinos de los abetos, no sé si me explico.

Debemos ser conscientes de que existen cientos de módulos, algunos hacen lo mismo que otros y un poquito más, otros son la base para hacer casi cualquier cosa, y otros son básicos para resolver problemas del propio framework. Ante tanta opción encontramos mil y una formas de resolver un mismo problema y mil y una de fracasar ya que nos olvidamos que lo importante en el desarrollo web no es sólo lo ágil que sea éste sino lo útil, que cumpla sus objetivos, todo lo demás es ruido para los buscadores, insatisfacción para los usuarios y tiempo perdido para los desarrolladores.

Analizar una solución para la web debería ser independiente de la tecnología que se utiliza, con Drupal se corre el peligro de comenzar demasiado pronto a arrepentirse y, la verdad, para eso mejor Joomla y su nulo sistema de gestión de riesgos (todo el mundo dice que es hasta más fácil de usar).

Por otro lado tampoco puede ignorarse que la tecnología puede determinar de forma importante el proceso de desarrollo, así, si con Drupal podemos publicar contenido y verlo al mismo tiempo que se maqueta, podremos plantearnos un ritmo de trabajo diferente.

Sea cuál sea la elección, la teoría y la práctica me han demostrado que la fase de análisis es la más importante por invariable, y en el desarrollo de una web debería pasarse por ella al menos dos veces: en el comienzo y tras la ejecución de los tests pertinentes. De lo que deduzco que la segunda fase más importante es la de prueba y testeo, aunque nada nos asegurará la calidad de la web. Estoy hablando del proceso de desarrollo iterativo e incremental y con Drupal también es posible además de necesario. Y es que no pueden perderse las buenas costumbres porque una cosa es tener algo sobre lo que empezar a trabajar y otra es pensar que el éxito de tu trabajo es directamente proporcional al número de características, módulos y funcionales que ofrezcas en tu web.

No soy quién para dar consejos, así que lo haré a modo de anotación para mi yo futuro:

Cuando desarrolles una web en Drupal, primero desarrolla y luego deja que Drupal te solucione la vida.

Libro About Face 2.0

karmel — Mon, 23 Jul 2007 20:05:34 +0200

Probablemente el libro sobre interacción persona-ordenador más interesante y práctico que he podido leer. Este libro forma parte de mis imprescindibles junto a Don't make me think (Steve Krug) y Information Architecture for the World Wide Web (Peter Morville).

En About Face 2.0 se explica de forma muy didáctica y sencilla las claves para un diseño de interacción útil y completo, más allá de la barreras que representan el navegador web y el escritorio. Es precisamente práctico este aspecto ya que permite al diseñador y al analista desarrollar sitios webs y aplicaciones con la libertad que supone conocer los límites, a saber: conocer a nuestros usuarios, conocer sus objetivos y tareas, conocer cómo interactúa el usuario para alcanzar esos objetivos.

Como curiosidad, destacar los diferentes modelos de desarrollo software seguidos por Novell, Apple y Microsoft que se explican en el capítulo primero.

PD: Reconozco que fue una sopresa encontrarme este libro en las estanterías de mi biblioteca (ahora lo tengo secuestrado, pronto lo devolveré).

La página de la UGR cambia para mejor

karmel — Fri, 29 Jun 2007 18:24:08 +0200

Si hace unos días leíamos el informe de Úsalo acerca de las malas prácticas de diseño en las webs de las universidades españolas, hoy vemos el resultado del re-diseño de la que más cerca nos coge, la Universidad de Granada.

Antes de nada dar las gracias por el cambio y ahora atendamos a algunos de los indicadores que Juan Carlos García nos presenta:

Criterio político en el diseño

El site mantiene el mismo organigrama jerárquico, cosa comprensible puesto que los principales usuarios de esta web ya están acostumbrados (aunque les costase al principio) a navegar por estas páginas, por lo que el cambio podría dificultar encontrar cierta información.
La fragmentación del site también se mantiene, puede ser debido a que este rediseño se esté haciendo por partes. Espero que sea así y que pronto hay un poco de más coherencia visual entre secciones.
Lo que se entiende por "soporte a idiomas" es ofrecer información de la UGR es inglés y en francés y no traducir la interfaz y parte del contenido. Una lástima que no se haga más empeño en este aspecto dada la gran cantidad de estudiantes extranjeros que eligen esta ciudad como destino erasmus. Navegando descubrimos el Erasmus Mundus.
Y sí, mantenemos nuestro enlace a Universia, para ti todo nuestro pagerank.

Legibilidad

Ahora sí se puede leer, por fin desaparece aquella letra minúscula y aparecen espacios en blancos.
El diseño se ajusta por fin al ancho de pantalla y se aprovecha toda la visibilidad.

Diseño

Cambian los colores (cuestión de gustos), aunque ahora combianan con el rojo "corporativo" del logo de la página.
Diseño líquido, genial para todas las resoluciones de pantalla.
Apreciables esfuerzos en cuanto a la accesiblidad: diseño con capas, tamaños de letra relativos. El estándar como norma es siempre positivo.

Ayuda al acceso a la información

Yo sigo sin distinguir las noticias del tablón y descubro al rato que el tablón es una subsección de las noticias.
El resto de información se encuentra localizada en el mismo sitio, los cambios en este aspecto deben hacerse muy poco a poco y de forma progresiva.

Por lo general me satisface eso sí, siempre que se termine el proyecto y haya coherencia total en la navegación del site y no se quede en estado de eterna beta.

Imágenes con CSS

karmel — Wed, 30 May 2007 17:30:29 +0200

Lo vimos hace unos días en Isopixel . Esta imagen, aunque no parezca ninguna maravilla (en principio) está hecha con CSS puro y duro, y si no se lo creen, vayan a la web del autor y miren el código !¡