Archivo de la categoría "Diseño"

Cómo elegir los colores de tu marca

Sábado, 28 de mayo de 2011

colorEn FreelanceFolder han recopilado algunas de las cosas que hay que tener en cuenta para elegir los colores de tu (personal o corporativa). Hemos seleccionado lo más interesante:

1. Empieza con las preguntas clave

-¿Qué colores son los que más te gustan/atraen?

-¿Existe algún que transmite bien tu marca (o aquello que haces o que representas)?

-¿Hay algún color que te provoque rechazo o que, simplemente no quieras utilizar?

-¿Qué valores/sensaciones quieres transmitir a tus clientes?

-¿Cuál es el objetivo de la marca que quieres construir?

2. Estudia a la competencia

Merece la pena dedicar un tiempo a estudiar las marcas de la competencia, y esto es así por dos motivos:

(más…)

Diseño con malas intenciones: 9 prácticas utilizadas por el lado oscuro

Sábado, 11 de septiembre de 2010

El lado oscuro del diseñoUno de los objetivos básicos del es atraer y retener la atención del . Y como vamos a comprobar, hay profesionales que están dispuestos a pasarse al “lado oscuro” para conseguirlo.

¿Dónde está el límite?

Evidentemente es lícito atraer al visitante con una propuesta interesante, llamativa, útil, innovadora. Y para ello podemos manejar con e inteligencia los de que disponemos: las tipografías, las imágenes, los mensajes, los colores, la disposición de las formas, el orden de los contenidos, y un largo etcétera.

Pero lo que nunca deberíamos hacer es tenderle una al usuario para:

1. obligarle a hacer algo que no desea

2. retenerle en nuestras “garras” contra su voluntad

Y es que, cuando el diseño no respeta la del usuario podemos hablar de “diseño con malas intenciones”. En darkpatterns han recogido algunas de las “” que más se han extendido. Os presentamos lo más interesante:

1. Entrar es fácil, salir es muy difícil

Seguro que muchas veces has pensado en lo fácil que es contratar los servicios de una compañía de telecomunicaciones, y lo complicado que resulta darse de baja. Pues siguiendo esta lamentable filosofía, hay diseñadores que consiguen captar al usuario -hasta aquí todo va bien- pero que luego no le dejan escapar.

(más…)

Si vas a perder el tiempo, hazlo con estilo

Miércoles, 26 de mayo de 2010

SmashingMagazine ha recopilado unos cuantos sitios web en los que puedes pasar un rato realmente divertido, a la vez que disfrutas de un buen y una excelente .

Inspiración, consejos y buenas ideas: selección de recursos para el diseño y el desarrollo web

Domingo, 14 de marzo de 2010

Haz de luz¿Qué páginas puedo consultar para encontrar , buenos diseños y excelentes ideas antes de realizar un proyecto web?

Estos son algunos de los sitios de consulta más interesantes para los profesionales que se dedican al negocio, al o al , y para todos aquellos que quieren estar al tanto de lo que sucede en el entorno de las nuevas tecnologías:

Los clásicos

Smashing Magazine es probablemente la publicación más conocida sobre diseño y desarrollo web. Proporciona información útil, últimas , enfoques innovadores…

Wired Magazine. Revista sobre diseño, tecnología, economía y cultura digital. Incluye revisión de productos. Temas muy abiertos. Para todos los públicos.

A List Apart es algo menos generalista que las anteriores. Está pensada para la gente que construye sitios web. Se centra más en los web, y en las mejores prácticas.

(más…)

Recursos para elaborar wireframes, diagramas, gráficos, y flujos de navegación

Domingo, 14 de febrero de 2010

Boceto_Canaletto- ¿Tienes que dibujar la o de un sitio web?

- ¿Necesitas representar un de ?

Ya sabes que antes de arrancar cualquier proyecto, lo más útil que puedes hacer es dibujar lo que tienes en la cabeza. De esta forma contarás con una referencia para ordenar el trabajo, para valorar el alcance real, y para detectar los problemas con los que puedes encontrarte. Además, estos esquemas te permitirán compartir la información con el cliente y con el resto del equipo.

Estos y herramientas pueden servirte de gran ayuda:

1. ¿Qué tipo de gráfico me conviene elaborar?

¿Tienes que elegir una forma de presentación para tus datos y no sabes por dónde empezar? Esta recopilación de tipos de gráficos puede servirte como .

2. Prefiero trabajar con lápiz y papel

Hay gente que prefiere trabajar al estilo tradicional, con lápiz y papel. Muchas veces, sobre todo en la fase de arranque, puede resultar más rápido e intuitivo, y además no pone límites a nuestra e imaginación: podemos dibujar y apuntar cualquier cosa, como en un cuaderno de notas.

La ventaja es que ahora no tenemos por qué arrancar de un papel en blanco. Aquí tienes unas plantillas imprimibles para que después completes tus wireframes o maquetas a mano.

(más…)

El futuro (inmediato) del diseño web: un pronóstico para 2010

Domingo, 17 de enero de 2010

Bola de cristal- ¿Hacia dónde se dirige el web?

- ¿Cuáles serán las principales y claves de éxito en 2010?

La gente de Information Architects ha hecho un pronóstico interesante, que os ofrecemos traducido (libremente) y resumido:

Todavía hoy muchos sitios web son demasiado difíciles de utilizar. Están repletos de información irrelevante y su funcionalidad es demasiado confusa. En estos sitios, hay 3 elementos esenciales que se echan en falta:

a) Un

Pocos sitios web tienen un modelo de negocio claro. Muchos intentan hacer dinero a través de una aleatoria e insistente, pensando que la “cantidad” se transformará automáticamente en mayores ventas.

Pero lo cierto es que los sitios web de éxito, como Google, Flickr, o World of Warcraft, hacen justamente lo contrario, demostrando que la clave está en:

- hacer algo realmente bien

- simplificar

- no apoyarse en publicidad aleatoria

(más…)

Lo mejor de 2009: diseño web, formularios, recursos útiles y aplicaciones productivas

Lunes, 4 de enero de 2010

GreatestHits2009En 2009 no todo ha sido crisis económica y depresión anímica. También ha habido -como siempre sucede- buenas ideas y excelentes trabajos.

Te presentamos unas cuantas listas de “grandes éxitos” para que empieces 2010 cargado de .

- Los mejores diseños web de 2009. En un año de recesión, los presupuestos en han sufrido serios recortes. En muchos casos, esto ha hecho que la gente del marketing apueste por la web como herramienta de promoción de bajo bajo coste. Como vas a poder comprobar, el resultado final ha sido un trabajo creativo más que interesante: en D-lists han seleccionado los mejores diseños webs del año.

- 30 buenos diseños de formularios web y páginas de registro. No es fácil conseguir que un cliente se registre en nuestra página web. Pero para muchos negocios, éste es un paso imprescindible. Así que es construir una página de registro y unos formularios web sencillos, prácticos y atractivos. Como los que han recopilado en dzineblog.

- Tablón de útiles para diseñadores y desarrolladores. Imágenes gratuitas, plugins, , plantillas, tutoriales de Flash y PHP, fuentes, hosting… Estos son solo algunos de los recursos que puedes encontrar en devlisting.

- Las favoritas de . Guy Kawasaki ha creado una con las aplicaciones que para él resultan más útiles y productivas. Puede que ya conozcas muchas de ellas, pero seguramente encontrarás alguna nueva herramienta hecha a la medida de tus necesidades. Por ejemplo, para aumentar tu productividad, o para sacarle el máximo rendimiento a Twitter, a tu iPhone, etc. Solo tienes que echar un vistazo en la lista de favoritos de Kawasaki.

Métricas elementales para saber si un diseño es bueno o no

Lunes, 7 de diciembre de 2009

metro

¿Cómo saber si un es bueno o malo? Desde luego, no basta con que nuestro sitio web “tenga buena pinta”. Necesitamos otros elementos de juicio en los que apoyarnos.

Porque, para empezar, ¿quién define qué es una buena imagen y qué no?

Y para seguir: ¿de qué sirve exactamente que un sitio web tenga buena imagen si luego no nos ayuda a conseguir lo que queremos?

Necesitamos un método para medir el diseño. Te proponemos que sigas los siguientes pasos:

1. Entender qué es un “buen” diseño.

Podemos decir que un diseño es bueno cuando nos ayuda a conseguir nuestros .

2. Tener claros nuestros objetivos de negocio.

Por lo tanto, antes de abordar cualquier diseño debemos tener claros cuáles son  nuestros objetivos de negocio. Por ejemplo, vender más productos y servicios, obtener ingresos por , o dar a conocer nuestra .

3. Definir los objetivos del diseño.

Con esta información, podemos establecer qué es lo que queremos conseguir con el diseño: atraer usuarios mediante un mejor posicionamiento en buscadores, llegar a  un público objetivo más amplio, conseguir información útil para realizar acciones de marketing, agilizar el trabajo, y un larguísimo etcétera.

Ahora sí estamos preparados para definir una determinada línea de trabajo: una imagen gráfica, una de , una determinada distribución y ordenación de los elementos, etc.

4. Medir el impacto del diseño.

Ya hemos hecho nuestra apuesta: hemos construido nuestro diseño. Ahora llega el momento de determinar si funciona.

Debemos ser capaces de medir el impacto del nuevo diseño en nuestros objetivos de negocio. De ese impacto dependerá el éxito de nuestra apuesta. Entonces podremos decir si el diseño es bueno o no; es decir, si nos ha ayudado a conseguir nuestros objetivos, y en qué medida.

Esto nos lleva al siguiente paso.

5. Elegir las más adecuadas.

Para medir el impacto, debemos apoyarnos en las métricas más adecuadas: aquellas que nos permiten conocer el nivel de cumplimiento de los objetivos que nos hemos marcado.

Métricas más utilizadas

En UI Patterns han recogido algunas de las métricas más comunes. Nosotros hemos las hemos completado:

- Posicionamiento en buscadores. Una posición privilegiada en la página de resultados de Google es como tener un escaparate en la mejor calle comercial. Si conseguimos posicionarnos bien en palabras clave para nuestro negocio, la afluencia de visitantes está prácticamente asegurada.

- Páginas vistas. Los sitios web que viven de la publicidad, y que tienen como objetivo conseguir muchas impresiones de banners, normalmente eligen esta forma de medir.

(más…)

24 herramientas para poner a prueba la usabilidad de un sitio web

Jueves, 3 de diciembre de 2009

Craig Tomlin ha recopilado 24 herramientas para poner a prueba la de un sitio web. Las hay de todo tipo: de pago y gratuitas, sencillas y complejas.

Algunas son muy técnicas, y sólo tienen sentido si te dedicas profesionalmente a la “”.

Varias de ellas se centran en cómo recoger de los usuarios, un aspecto que resulta fundamental.

Las tres primeras son de conocimiento obligado para alguien que trabaje en la web:

1. Papel y lápiz

2. El ya mítico Google Analytics

3. Google Website Optimizer

4. Website Grader

5. Concept Feedback

(más…)

Recursos de diseño para el otoño

Viernes, 20 de noviembre de 2009

Hoja-secaEn las hojas se caen. Afortunadamente, las páginas web no.

Hemos ido recogiendo algunos sitios web que, por su sencillo y efectivo, y por la forma directa de comunicar su , pueden servirte como fuente de :

squarespace

ukecosas

train-ee

envato

tearoundapp

boxuk

dellustrations

thoughtbot

pixelounge

slydial

bookingbug

ticketea

saiku

magntize

Y de postre, unos logos web interesantes, y unas cuantas técnicas y recursos interesantes para diseñar botones mediante CSS.