“El contenido precede al diseño. El diseño en ausencia de contenido no es diseño, es decoración”

De Jeffrey Zeldman en su Twitter.

Con la intención de favorecer a pequeños y medianos comercios la inclusión de su negocio en la red, hemos creado Web para Comercios, un producto asequible, potente y de fácil manejo que sin necesitar de un gran desembolso brinda todas las posibilidades de una tienda online avanzada.

Es una necesidad que día tras día hemos visto reflejada en muchos de nuestros clientes, quienes frente a la intención de lanzar su tienda en la red se encontraban con precios de implantación altos y en muchos casos desproporcionados con sus necesidades reales.

Por este motivo nos decidimos a desarrollar una solución de diseño web para comercios que cubriese las necesidades reales que nuestros clientes solicitan.

Aquí podéis ver las características,  posibilidades del producto y algunos ejemplos de tiendas:  Diseño web tienda online

Los chicos de idée han creado una interesante herramienta de búsqueda de fotos Creative Commons de Flickr. Lo hacen a partir de colores que nosotros les digamos, es decir si seleccionamos el azul y un tono de gris, nos va a buscar fotos con esos colores, así hasta 10 colores simultáneos. El resultado es impresionante. La herramienta se llama Multicolor Search Lab, y mejor probarlo que explicarlo.

Si tenéis la versión 10 del Flash Player, puede que algunas canciones de cualquier página se os escuchen como distorsionadas. El problema no está en el mp3, es un bug de esta versión del Player al reproducir mp3 a 48khz. No se produce esa distorsión cuando es un mp3 a 44Khz.

Ayer mismo salió la actualización que arregla este bug (10.0.22.87), puedes bajarla desde Adobe: http://get.adobe.com/flashplayer/

Los sitios enfocados al contenido como los blogs y revistas en línea tienen varias maneras de organizar y ordenar su contenido. Ordenar los artículos por fecha y por autor usualmente se hace de forma automática por el sistema de administración de contenido. Hay dos conceptos que pueden ser usados por sobre eso para organizar el contenido de tu sitio: las categorías y las etiquetas. Si bien puedes usar ambas al mismo tiempo, probablemente es mucha molestia – así que, ¿cuál deberías usar y por qué? Examinemos a cada una por separado.

CATEGORIAS

Las categorías son como carpetas – son colecciones de cosas relacionadas a un tema. Esto, en realidad, no es estrictamente cierto porque en el mundo digital puedes adjuntar más de una categoría a tu contenido, pero la función es la misma – categorizar.

La principal ventaja de las categorías es que hay una cantidad fija de ellas – y si quieres usarlas apropiadamente entonces tampoco deberían haber demasiadas. Esto permite que la gente escudriñe rápidamente por la lista para escoger el tema que desean navegar. Las categorías le dan estructura a tu contenido y una fácil experiencia de navegación.

La desventaja de las categorías recae en quien publica. Primero, tienes que decidir la lista de categorías que quieres usar. Usualmente esto es más difícil de lo que parece porque necesitas asegurarte de que no hay demasiadas categorías que podrían tener muchas o muy pocas entradas en ellas. No tiene sentido crear una categoría si todas tus entradas estarán incluidas en ella o si sólo hay una entrada. Y segundo, cuando publiques contenido nuevo, necesitas decidir en qué categoría ponerlo. Esto no es demasiado difícil si mantienes corta tu lista de categorías y asignas categorías múltiples al contenido, pero aún requiere un poco de esfuerzo.

ETIQUETAS

Las etiquetas son el equivalente digital a las etiquetas reales – pequeñas etiquetas que adjuntas a las cosas. Las etiquetas tienen una ventaja por sobre las categorías en el hecho de que no están pre-configuradas. Cuando adjuntas etiquetas las escribes manualmente y tienes la libertad de escribir lo que quieras. Si una etiqueta no existe todavía, lo hará una vez que aprietes publicar. No hay necesidad de preocuparse por encontrar una categoría existente para poner dentro la entrada – sólo escribes las etiquetas que crees representan mejor el contenido.

Leer más…

El grupo Antena 3 recientemente ha publicado que van a cambiar las “moscas” de los logos de los canales de la TDT neox y nova para asociarlos a los números 8 y 9 del mando a distancia.

Eso es lo que se les ha ocurrido a los creativos de antena 3:

Nada más verlo se me ocurren otras fórmulas para asociar el logo con los números. Esto es un primer boceto con un trabajo mínimo solo para mostrar la idea que se me ha ocurrido:

¿Qué os parece?

Si buscáis texturas con una buena resolución, en sxc.hu podemos encontrar muchas muy interesantes. En designmag han hecho una recopilación de 60 de ellas.

Via webdesignledger encontramos una muy buena recopilación de packs de texturas de todo tipo, aunque lo que más abunda son de texturas tipo papel, siempre útiles.    

Como muchos otros diseñadores web, yo me esfuerzo en codificar páginas web hermosas pero flexibles que se vean virtualmente idénticas en cada navegador web. Desafortunadamente, diseñar boletines de email te envía de vuelta diez años atrás. Etiquetas depreciadas, tablas, estilos inline, ¡oh, cielos! En este artículo, voy a listar seis métodos que mejorarán inmediatamente tus layouts de email.

Boletines de Email.

Como nuevo contratado en el servicio de marketing por email de AWeber, mi asignación fue crear un par de docenas de nuevas plantillas para los boletines de email en HTML de nuestros clientes. Para el diseñador web que gusta del código limpio, un email en HTML es un recuerdo de un pasado afligido. Después de semanas de trabajo e incontables dolores de cabeza, entregué el material. También aprendí mucho acerca de diseñar para email.

Para ayudarte a evitar muchos de los dolores de cabeza que tuve durante la fase de prueba, aquí hay algunas cosas que puedes hacer para crear emails en HTML que se vean geniales.

¡Crea Múltiples Cuentas de Email Para Probar!

Si sólo vas a tomar un consejo de este artículo, por favor que sea éste. Como diseñadores, pasamos mucho tiempo creando la experiencia de usuario perfecta en la web y probando esa experiencia en múltiples plataformas. Sin embargo, cuando se trata de email, demasiados de nosotros fallamos en entregar la misma atención al detalle.

Parecido a hacer pruebas para la web, crear un layout de email que se vea igual en cada cliente de email puede ser una pesadilla absoluta.
Para asegurarse de que tus suscriptores recibirán tu mensaje en la forma en que se propuso – ¡prueba en todo lo que puedas!

Leer más…

¿Has tenido alguna vez ese sentimiento terrible cuando te das cuenta – sólo un fragmento de segundo demasiado tarde – de que no deberías haber cliqueado “OK” en el diálogo “¿Está seguro de que desea terminar?”?

¿Sí? Bueno, estás en buena compañía – todo el mundo ha tenido una experiencia similar así que no hay necesidad de sentirse avergonzado por ello. No es tu culpa: es culpa de tu software.

¿Por qué? Porque el software debería “saber” que formamos hábitos. El software debería saber que después de hacer clic en “OK” incontables veces en respuesta a una pregunta, probablemente también haremos clic en “OK” esta vez, incluso si no queríamos hacerlo. El software debería saber que no tendremos la oportunidad de pensar antes de desechar nuestro trabajo en forma accidental.

¿Por qué debería saber estas cosas? Porque los diseñadores de software deberían saber que formamos hábitos, querámoslo o no.

La formación de hábitos es realmente algo bueno: nos ahorra el problema de tener que pensar cuando nos enfrentamos a banalidades de interfaz y disminuye la probabilidad de que nuestro tren de pensamiento se descarrile. En el caso del diálogo “¿Está seguro de que desea terminar?”, nuestras manos han memorizado cerrar-y-hacer-clic como un gesto continuo individual. Eso es bueno, porque la mayoría de las veces no queremos pensar en la pregunta – sólo queremos hacer lo correcto. Desafortunadamente, nuestros hábitos a veces nos hacen hacer lo incorrecto: ni siquiera tenemos tiempo de darnos cuenta de nuestro error hasta después de haberlo cometido.

Así que, como diseñadores somos llevados a un principio general de interfaz: Si una interfaz va a ser humana, debe respetar la habituación.

Soluciones posibles

¿Qué tal si se hace la advertencia más difícil de ignorar? Una advertencia sutil no será tomada en cuenta, así que usaremos todas las trabas: haremos pestañear la pantalla y que suene un fuerte sonido estridente para asegurarnos de que el usuario está prestando atención. Y aunque lo intentemos, eso todavía no funcionará. A medida que la advertencia esté más en nuestras narices, más rápido querremos alejarnos de ella (al hacer clic en “OK”) y más errores cometeremos. La cosa es, no importa qué tan en nuestras narices nos presente el computador la advertencia, aún cometeremos el mismo error – hacer clic en “OK” cuando no queríamos. Pero sigue sin ser nuestra culpa: mientras sea posible habituarse a ignorar el mensaje, nos habituaremos, y entonces cometeremos errores.

Leer más…