Diseño web

¿Cómo elegir la paleta de colores para un diseño web?

El diseño de una web es un factor importante para su éxito, ya sea si es una web corporativa como un ecommerce.

Y tanto si tenemos que depender de una gama corporativa de colores como si disponemos de total libertad, elegir una buena gama de colores, es fundamental para darle una personalidad propia y un aspecto diferente.

Encontramos diferentes herramientas, que nos pueden facilitar o ayudar a la hora de elegir esos colores. Su funcionamiento es simple: a partir de un color, nos proponen una serie de colores que podremos utilizar para comenzar nuestro diseño. Espero que os sirvan…

Color Explorer

color explorer

Te permite guardar tus paletas, ver librerías de colores…

Ver la web de Color Explorer

Color Scheme Designer

Color Scheme Designer

Tambien puede seleccionar los complementarios, 3-4 colores que combinarían con el que tu eliges…

Ver la web de Color Scheme Designer

Color rotate

Color rotate
Un poco diferente en su manejo a las anteriores, tiene una app para Ipad.

Ver la web de Color rotate.

Color Blender

Color blender

Similar a las primeras, te permite exportar la gama de colores para Photoshop y el Illustrator.

Ver la web de Color Blender

Every Last Drop, diseño web divertido

Sitio del día 2 de febrero de este año por Awwwards, sitio web de reconocido prestigio mundial que premia a los mejores diseños de páginas web, me he encontrado esta página web, del mismo estilo gráfico y animado que he publicado otras entradas y tan de moda actualmente, que intenta enseñar de manera muy interactiva, cuando agua gastamos en el día a día, llamada Every Last Drop.

A continuación, algunos de los gráficos que muestra la web, junto con su valiosa información, sobre este bien tan preciado en el mundo, como es el agua.

Mejores diseños web

La web está realizada por el premiado estudio creativo Nice and Serious, quienes se caracterizan por hacer películas, animaciones y websites que ayuden a comunicar a sus clientes.

Diseño web animado

Diseño web interactivo

Por si quieres ver la web original, cosa que te recomiendo totalmente, para que veas sus animaciones, te dejo aquí el link: everylastdrop.co.uk.

¿Dónde comprar imágenes para mi web?

Cada día como diseñadora me enfrento al mismo problema: para algunos trabajos necesito comprar imágenes ya que el cliente no dispone de ellas. Y la eterna pregunta, ¿en qué página busco?

Para las personas que por primera vez se enfrentan a este problema, hay que saber que los precios de las imágenes varían según el tamaño de las imágenes, la licencia que escogemos, el número de créditos que compramos de golpe y, por supuesto, la página donde la compremos.

A continuación mostramos un pequeño resumen para intentar aclarar dónde nos sería más rentable comprar, siempre y cuando encontremos esa imagen que necesitamos.

¿Dónde comprar las imágenes?

  • Si queremos imágenes que valgan pocos créditos, las mejores opciones son Dreamstime (www.dreamstime.com), Photaki (www.photaki.com), Crestock (www.crestock.com) y Stockfresh (stockfresh.com).
  • Las agencias que menos van incrementando el precio conforme más grande es la imagen son: Photaki, Canstockphotos, Photodune y Depositphotos.
  • Las agencias que disponen de más tamaños de imágenes son: Istock, Shutterstock, Depositphoto, Photaki y Crestock.
  • Shutterstock es una de las agencias que más caras nos saldrían si queremos comprar una sola imagen, ya que obligan a comprar 39 € como mínimo, sea cual sea el tamaño de imagen que queramos.
  • La agencia que menos créditos nos obliga a comprar es BigStockPhoto (6).
  • Las agencias que más barato tienen el crédito son Dreamstime, Crestock, Stockfresh y Photaki.

Las agencias con más volumen de imágenes, suelen ser las más caras, ya que se aprovechan de que la gente prefiere buscar en ellas en vez de buscar primero en las que disponen de menos medios.

Mesa Redonda en Zaragoza, Empresarias en la Red

El 4 de enero a las 17:30 nos reunimos en la Facultad de Economía y Empresa a una mesa redonda, dentro del calendario del MeBA.

El título del post ya os puede decir de que iba, 4 empresarias y emprendedoras nos contaban sus negocios online, sus comienzos, pruebas, y como poco a poco, habían ido solucionando y gestionando el negocio.

Zsa Zsa Zsú, era la más conocida (por lo menos para mi). Carolina Berdascas, fue la representante de las 3 socias, de su tienda de ropa física y online: ropa de primera mano y de segunda mano, o de reestreno como les gusta denominarla. Para darse a conocer Zsa Zsa Zsú organiza talleres, fotos y eventos, uniendo moda y gastronomía en algunos de los conocidos restaurantes de Zaragoza.

Prosiguió Magda Pérez, quien explicó Pikatoy una web de alquiler de juguetes, para que los niños no se aburran nunca de jugar y los padres sepan que sus hijos juegan con juguetes aptos para ellos.

Eva Huerta, de TenSiempreFlores.com, decidió crear hace ya unos años una web que complementase su negocio físico en Zaragoza, remarcando que muchos de sus clientes acaban su compra online en la tienda, y la importancia de poder estar en los 2 medios a la vez, y no ser solo un teléfono en una web.

Gafas de Sol y Más, de Ana Vicente, también me resultaba conocida por haber visto su stand en la feria de Walqa el año pasado. Junto con el equipo de NVingeniería le gustaría llegar a ofrecer servicios de óptica por internet.

Posteriormente, los asistentes pudimos realizar preguntas, y tanto los alumnos del MeBA, como las ponentes, cumplieron su papel estupendamente, unos como periodistas y las otras, explicando con paciencia y gracia todas las cuestiones.

UX Spain 2013

Ya disponemos fechas para la edición de este año del Encuentro de profesionales de la Experiencia de Usuario en España, siendo este año en Valladolid, el 10 y 11 de mayo.

Despues de ser el año pasado en la increible Universidad de Salamanca, este año es la Universidad de Valladolid, la que lo acoge, concretamente en el Palacio de Congresos Conde Ansúrez.

UX Spain 2013

Los más de 2.000 m2 de este espacio permitirán a los asistentes presenciar las ponencias, participar en los talleres y encontrarse con otros profesionales en sus pasillos, igual que el año pasado hicimos y disfrutamos gracias a la magnifica preparación del congreso por parte de los organizadores: César GarcíaYusef HassanSergio OrtegaSergi Sánchez Mancha.

De momento poco más se sabe, pero ahí os dejo la web para que estis informados según vayan sacando más información sobre las ponencias: www.uxspain.com.

Lo que si que espero es no perdérmelo tampoco esete año!

Diseña Forum 2013

Durante los días 18 y 19 de diciembre tuve la oportunidad de asistir a alguna de las charlas y ponencias que se dieron en el Diseña Forum en Zaragoza.

Este año muchas de las ponencias se centraban en el mundo digital, de tiendas sin productos, de smartphones y redes sociales…

David Santafe, de HMY YUDIGAR, nos enseñó en su charla por hacia donde se orientan las tiendas, en tendencias de probadores y mobiliario, mostrándonos ejemplos de última generación que se pueden encontrar en tiendas reales como Pull & Bear en Galicia. Todo ello pensando en generar experiencias nuevas de valor para el usuario.

Nos enseñó ejemplos de que cada vez se llevan más las Pop Up Stores o tiendas efímeras, que se montan y desmontan rápidamente en zonas céntricas y comerciales, durando solo unas semanas su exposición de productos, mostrando promociones y presentaciones llamativas.

Manuel Garcés de Seat, mostró como trabaja su equipo de Diseño de coches, desde su diseño 3D en ordenadores, hasta su prototipación usando las técnicas más avanzadas, y el modelo final ya en rodaje. Todo ello con el interés de reducir los tiempos entre que se empieza a diseñar un coche hasta que llega al mercado, usando además el mismo chasis para varios modelos de diferentes marcas de la casa.

Nos enseñó el video promocional del nuevo Ibiza de Seat, con una imagen deportiva y dinámica muy lograda.

Y Rodrigo Silva de Geeksphone, nos trasmitió su pasión por su empresa e idea, donde realizan todo el proceso de diseño de un Smartphone en España. Desde que lo oi hablar, solo pienso en comprarme móviles libres y huir de la tiranía de las operadoras 😉

Geeksphone

Otra de las cosas que más me gusto del Diseña Forum fue el Workshop de Manual Thinking: herramienta para gestionar el trabajo creativo en equipo impartido por Tomoko Nakamoto, dónde nos regalaron a cada uno de los asistentes un paquete de Manual Thinking, esto es una serie de etiquetas-pegatinas de diferentes tamaños y colores, una hoja grande donde poder pegarlas, y un rotulador, para poder efectuar las diferentes dinámicas en las que consistía el taller.

Diseño y Usabilidad en el Centro de datos de Google

Impresionantes las fotos de los centros de Google repartidos por el mundo, pero aun más las ideas que aportan.

Pintan las tuberías de colores para saber a donde van, lo mismo sucede con los cables… Un entorno industrial que no tiene porque ser solo gris y frío sino que puede ser alegre y a la vez funcional.
Aqui os pongo algunas imágenes, pero para ver más, ir ala galería del Centro de datos de Google.

Centro de datos de Google

La bici también hace juego, además de servir para desplazarse a los trabajadores. Y mola un montón!

Centro de datos de Google

Usabilidad y diseño en Google

Colores, usabilidad y diseño en Google

Webs interactivas

Seguimos con los diseños verticales de páginas web, basados en una navegación interactiva con el usuario y con gran carga gráfica de contenidos.

¿Que qué quiere decir esto? Pues que a medida que el usuario va bajando con el raton por la pantalla los elementos se mueven y van apareciendo mensajes con enlaces a otras secciones.

diseño webs interactivas

¿El truco?

Crearse un historyboard interesante y con jugo, currarse el diseño, y no tener necesidad de poner mucho texto. Y si hay secciones con texto, ponerlas a modo de enlace, creando páginas especificas para ellas, separadas de esta navegación.

La verdad es que merece la pena, visitar la web e interactuar con ella, pero para los más vagos aquí os dejo una serie de pantallazos, extraidos de: www.dangersoffracking.com.

diseño webs gráficas

AWWWARDS

El otro día me apunte a la web, AWWWARDS, una página que premia el diseño, la creatividad u la innovación en internet, promocionando los mejores diseñadores en el mundo.

Awwwards

Y como no, me perdí buceando viendo entre las diferentes categorías que proporciona unos diseños increíbles, que sirven de inspiración para cualquier diseñador. No os la perdáis.

UX Spain 2012

El año 2012 Salamanca acogió el primer encuentro de profesionales de la experiencia de usuario en España – UXSpain, en la impresionante sede de la Universidad Pontificia de Salamanca (UPSA)

Como salíamos de Logroño, a la primera charla impartida por Humberto Matas, llamada Innovación y Diseño no llegamos.

UX Spain 2012

La siguiente era sobre Agile/Lean UX con Ujué Agudo, donde nos explicó como una metodología Agile era necesaria para trabajar, obteniendo gracias a ella un producto final con valor.

Design Research

Grace Ascuasiati y Ana Escontrela dieron la siguiente ponencia corta (15minutos) titulada Design Research, donde nos explicaban que los diseñadores en equipos grandes no investigan, sino que les mandan que tiene que diseñar.

Pero para realizar un buen diseño, el diseñador dedebe comprender el problema, y el diseñador al investigar ya esta pensando en soluciones.

Hay que derribar la separación que existe entre Consultoria (Investigación) y Desarrollo(Diseño).

Debe ser un proceso cíclico y combinado.

Midiendo la experiencia de usuario: Voice of customer

Dolors Pou fue la siguiente en subir al escenario, explicándonos que:

  1. Los clientes siempre quieren mejorar sus objetivos
  2. Medimos y obtenemos muchos datos. Hay que preguntarle al usuario en tiempo real, pero sin molestarle, por ejemplo, después de la compra. VOC: Vox Consumer.

Qué tenemos que preguntarle:

  • ¿Quién eres?
  • ¿Qué quieres? ¿Qué has venido a hacer?
  • ¿Lo has conseguido?
  • ¿Cómo te sientes en nuestra web?

La satisfacción nos muestra la facilidad de uso. Hay que medirla de forma continuada para medir la evolución. (Esta charla me recuerda al taller que dio XavierColomés este año en el UXSpain 2014).

Seguir leyendo «UX Spain 2012»

Scroll hacia arriba