cssdesignawards

Códigos de barra. ¿Por qué no hacerlos más divertidos?


Esa fue la idea inicial de Steve Simpson para cambiar algo tan corriente como los códigos de barras. Que sean más divertidos es posible siguiendo una serie de normas como no modificar la separación de las barras, mantener un buen contraste de color y dejar espacios laterales para la identificación del código. Con estas reglas ha creado diseños tan originales como los siguientes:
diseño codigo de barras diseño codigo de barras diseño codigo de barras diseño codigo de barras diseño codigo de barras
De esta manera consigue objetos que se integran a la perfección con sus proyectos y además añaden una señal diferenciadora en su trabajo. Aquí vemos que siempre hay margen para aportar nuestra creatividad, incluso en elementos que siempre han estado inalterables.

Samuel Marulanda, 18 de Febrero de 2015

Cómo reducir el abandono de usuarios en tu página web

tasa de abandono en la web

Google Analytics y otros servicios de estadísticas web nos permiten conocer la tasa de rebote de nuestro sitio. Esto se refiere a las veces que entra un usuario a nuestra página web y no interactúa con ella sino que cierra el navegador o continúa su búsqueda en otras páginas mejor adaptadas. Este problema se puede producir por muchos motivos, la mayoría de ellos controlables y mejorables, que no debemos descuidar si queremos una buena interacción con nuestros visitantes.

Reducir el tiempo de carga
Un tiempo de carga muy grande puede hacernos perder nuestra paciencia y buscar ese contenido en otro lugar que nos ofrezca mejor tiempo de espera. Esto es muy notable en una página que no esté pensada para móviles en la que nos cargará gran parte de contenido que no nos interesa en ese dispositivo.

Mejorar el diseño
El diseño web avanza de forma muy rápida y tener una web con un diseño de hace varios años se nota. No solo mejorará nuestra presencia sino que conseguiremos un ambiente más amigable para navegar en la página.

Tener una web escalable
No disponer de una web adaptada a dispositivos móviles (también llamado responsive design) puede ser la causa de que no queramos buscar en ella o que nos produzca una experiencia de usuario muy mala. Si nuestro servicio es muy consultado en móviles o queremos incluir datos de contacto accesibles, es recomendable disponer de una web adaptable a cualquier pantalla.

Actualizar el contenido
El contenido desactualizado no tiene valor para el usuario y provoca una imagen de poco compromiso con nuestra página y empresa. Ofrece un contenido útil y al día en tu sitio.

Organización de la información
Normalmente la información que ofrecemos en una página web debe tener un orden del contenido para que podamos encontrar lo más significativo de forma instantánea. Además, si los enlaces internos de nuestra página no siguen un orden lógico y hay información dificil de acceder no estamos ayudando a nuestros clientes.

Publicidad u otro contenido molesto
La publicidad en ventanas emergentes o con tamaños demasiado grandes que quiten espacio a nuestro contenido no va a beneficiarnos, sino que que pueden llegar a ser muy molestos y hacernos cerrar la página rápidamente.

Samuel Marulanda, 25 de Agosto de 2014

Triplicando el espacio en publicidad con esta valla de IKEA

"Cómo transformar un pequeño espacio en algo más". Así empieza este vídeo de IKEA en el que nos muestra como mostrar de forma creativa, en una sola valla publicitaria, tres titulares diferentes. echando mano de leyes ópticas y simplemente cambiando de luz, consiguen cumplir su objetivo. De ésta manera, también consiguen reflejar su filosofía de empresa, que es la de ofrecer soluciones para aprovechar los espacios pequeños.

Tan solo tiene un inconveniente y es que durante el día solo podrá mostrar los tres mensajes superpuestos.

Samuel Marulanda, 05 de Junio de 2014

La gente solo sigue lo que entiende

Hay reglas que son sencillas de aplicar para mejorar nuestra comunicación y este es uno de esos casos. Cuando nos dirijamos a nuestros clientes, el mensaje debe ser captado a la primera, debe ser directo a nuestro objetivo (vender, captar clientes, mejorar nuestra percepción de la marca...) y no debe de estar demasiado diluido en argumentos que puedan hacer perder la atención o desviarnos de nuestro primer objetivo.

Las personas siguen lo que capta su atención, además de lo que entienden bien. Este principio se puede aplicar tanto a nuestras publicaciones en redes sociales, publicidad, comuncicación directa con nuestros clientes, etc. Replanteate tu comunicación de empresa y prueba si es comprensible de un primer vistazo.

Samuel Marulanda, 21 de Mayo de 2014

Diseño ganador en los CSS Design Awards

Nuestro diseño ha sido seleccionado en esta web que premia cada día a una página que destaque y que sea de inspiración para otros profesionales, los CSS Design Awards. Desde entonces hemos recibido una lluvia de visitas gracias a su afluencia de visitantes. Además, esto ha significado que nuestra página fuera publicada en otros sitios como cssawards.net, straightline.jp, splashnology, dejurka.ru y muchos más. Desde aquí queremos dar las gracias por el reconocimiento y por toda la difusión!

+ info | CSS Design Awards Samuel Marulanda

Informe que sólo se ve en contacto con la luz solar

Un buen ejemplo de innovación en los informes anuales de empresa es este trabajo realizado por una agencia alemana para una asociación de empresas de energía solar. El diseño está impreso con una tinta especial que no es visible, por lo que en un principio sólo se pueden ver páginas blancas, hasta que reaccionan con la luz solar, mostrando su contenido oculto.

+ info | The Solar Annual ReportSamuel Marulanda

Cada hora de vídeo de Youtube de forma interactiva

Cada hora de vídeo de Youtube de manera interactiva

Cada segundo que pasa, equivale a una hora de video subido en youtube ¿Te gustaría saber lo que ocurre en ese tiempo? Te lo mostramos en este divertido e interactivo recorrido desarrollado por Youtube.
Entra en www.onehourpersecond.com para verlo.

Samuel Marulanda

Organizamos 5 talleres infantiles en el museo de Puertollano

Diseb presenta los talleres infantiles en Puertollano

Recientemente, hemos realizado una semana de talleres infantiles en Puertollano, del 26 al 30 de Diciembre, titulados 'El rincón del museo'. Estaban compuestos por cinco talleres educativos, con el fin de acercar el diseño, el arte y la literatura a niños mayores de 5 años. Los cinco talleres trataron sobre el origen de los colores, un día de cuentacuentos, un taller sobre creatividad, de invención de personajes y de creacion de cuentos.

Pronto veréis el material que creamos para el evento. Por ahora, podéis ver las publicaciones que se hicieron en el periódico La Tribuna de Ciudad Real, El Lanza y su segunda publicación y en la Comarca de Puertollano, además de la difusión que se dio por radio en la Cope y en Cadena Ser.

Samuel Marulanda

Ya está disponible Chrome 13 con Instant Pages

La versión 13 de Chrome ha llegado a su fase estable, mejorando la vista de impresión y añadiendo un par de novedades más.
En primer lugar, ahora las Instant Pages están activadas por defecto. Esta función, explicada en el vídeo, hace que el navegador cargue en segundo plano algunas páginas en las que probablemente haremos clic (no confundirlo con el Instant Search, que muestra resultados de búsqueda a medida que escribimos).
Por ejemplo, cuando hacemos una búsqueda en Google, Instant Pages precarga los primeros resultados de ésta, y si estamos leyendo un artículo de varias páginas permite cargar previamente la siguiente página. De esta manera, cuando hagamos clic en el link se debería cargar casi instantáneamente, sin que tengamos que esperar ni un sólo segundo. Pero es obvio que si accedemos a él muy pronto la carga no será instantánea, ya que la precarga no habrá tenido tiempo de funcionar.

Instant Pages ya está implementado en las búsquedas de Google, pero otros sitios pueden incorporarlo siguiendo sus instrucciones. Eso sí, Google advierte que implementarlo mal puede empeorar la experiencia de usuario, al precargarse links en los que el usuario no haría clic (esto haría más lenta la navegación).

Otra mejora importante de Chrome 13 está en la Omnibox, ya que ahora al escribir en ella Chrome es capaz de reconocer el texto ingresado con alguna porción de URL visitada previamente. Así, si buscamos tube nos aparecerá youtube.com en los resultados a pesar de que la url no empieza con tube.

La actualización a Chrome 13 debería ser automática, pero para forzarla simplemente hay que ir a Opciones de Chrome > Información y ahí hacer clic en "Actualizar".

Descarga | Google ChromeSamuel Marulanda

Infografía interactiva sobre la situación actual de internet

Estado actual de Internet 2011

En esta ocasión os traigo el diseño de una excelente infografía interactiva, creada con HTML5 y animaciones CSS3, que nos muestra las posibilidades de estos dos lenguajes de programación y datos de gran interés para todos los que queremos conocer más del estado de Internet en la actualidad.

Nos muestra el uso que hacemos de la web, el tiempo que nos conectamos, el estado de las redes sociales y mucha más información que podemos ir descubriendo entre sus secciones.

Podéis acceder a ella, recordando que es necesario disponer de un navegador actualizado y compatible con estas animaciones como Chrome, firefox 5, Internet Explorer 9 o Safari 5.

Sitio Web | Estado actual de internet 2011

Icono universal para cambiar el idioma en cualquier web

Language Icon

Cuando diseñamos una página con la posibilidad de elegir entre varios idiomas usamos los nombres o banderas. El problema es que representan el país y no el idioma en concreto. De esta manera podemos tener señalado el español con la bandera de España, pero que pensarán los demás 22 países de habla hispana? y lo mismo ocurre con el inglés y el francés o con los países con varias lenguas oficiales.

Para toda esta situación Language Icon propone estandarizar un icono que nos indique el cambio de idioma en cualquier página web. Ofrece una colección de 488 versiones en distintos tamaños y colores del mismo icono así como una guía para su implementación.

Podéis acceder a su página en el enlace de abajo

Sitio web | Language Icon

chattp.com creación de chats en cualquier página web

chats en cualquier web

chattp.com nos ofrece la posibilidad de crear salas de chat integradas en cualquier url. Al ingresar la dirección web de una página, chattp.com nos creará automáticamente un chat en la parte izquierda como el de la imagen superior, separado de la web que nos permitirá discutir o comentar una página web con quién queramos por medio de mensajes instantáneos.

Solamente tendremos que mandar el enlace de chattp.com (en color verde). Es muy sencillo de usar, sin necesidad de registro, y con una url privada para cada canal creado, permitiendo conectar a todos los que accedan a la misma.

Sitio web | chattp.com

Novedades en Office web. Más plantillas y mejoras en fórmulas

Excel Web App

El equipo detrás de Office Web ha actualizado su servicio lanzando un par de actualizaciones muy interesantes para Excel y PowerPoint.

Por un lado, en PowerPoint Web ahora se permite cambiar la plantilla de diseño de las presentaciones, dentro de la misma Web App. Podemos elegir entre 45 plantillas, y prometen que seguirán agregando más plantillas con regularidad. Hasta ahora solo era posible elegir el diseño de una presentación cuando se creaba por primera vez y no se permitía cambiar el diseño de las presentaciones hechas previamente.

En Excel Web se ha mejorado la interfaz para insertar y modificar fórmulas. Se ha añadido el menú "Autosuma" (al igual que en el Excel de escritorio), con funciones como Suma, Promedio, Contar, Máximo y Mínimo. También se ha añadido el asistente de fórmulas, que nos permite explorar todas las funciones disponibles para usar.Además, se ha agregado la opción de eliminar, crear y cambiar el nombre a las hojas de las planillas de cálculo.
Es interesante notar que en Excel Web se da soporte a todas las funciones que existen en el programa completo, probablemente con el fin de garantizar la compatibilidad con las hojas de cálculo creadas en el Excel de escritorio, algo que agradecerán las personas que hacen uso intensivo de funciones avanzandas en las planillas.

Sitio oficial | Office Web

SublimeVideo. Compartir videos mediante html5

SublimeVideo

El vídeo en internet acaba de dar un paso adelante. SublimeVideo, es un servicio que permite mostrar vídeos usando los nuevos estándares de internet. Gracias a él todos los portales web que lo deseen podrán distribuir sus vídeos de forma universal ofreciendo Flash y formatos en HTML5 según el caso. Hasta ahora el reproductor estaba en fase beta.

Con SublimeVideo, básicamente, se demuestra que el vídeo en Flash no es la única opción para mostrar vídeos por parte de las grandes empresas y publicaciones que tengan por costumbre publicar vídeos en sus páginas web. Es un avance para los defensores de los estándares.

Sitio oficial | SublimeVideo