El fundador de la Wikipedia debería aprender algo de diseño
Última actualización el Viernes 18 de Noviembre de 2011 19:11 Escrito por Carlos Viernes 18 de Noviembre de 2011 19:05
Como ya ha ocurrido en otras ocasiones, Jimmy Wales, el fundador de la Wikipedia, está haciendo una campaña para recolectar fondos para la enciclopedia virtual. El problema es que no ha tenido en cuenta unos principios básicos de diseño y se producen situaciones extrañas al buscar ciertos términos.
Principios de diseño: la psicología de la Gestalt
Según la definición de la Wikipedia (origen escogido a propósito), la Psicología de la Gestalt es una corriente de Psicología que afirma que
La mente configura, a través de ciertas leyes, los elementos que llegan a ella a través de los canales sensoriales (percepción) o de la memoria (pensamiento, inteligencia y resolución de problemas). En nuestra experiencia del medio ambiente, esta configuración tiene un carácter primario por sobre los elementos que la conforman, y la suma de estos últimos por sí solos no podría llevarnos, por tanto, a la comprensión del funcionamiento mental. Este planteamiento se ilustra con el axioma: El Todo Es Más Que La Suma De Sus Partes, con el cual se ha identificado con mayor frecuencia a esta escuela psicológica.
En otras palabras, esta corriente intenta explicar cómo percibimos el mundo, y se aplica muchas veces al diseño. En este caso no se han tenido en cuenta dos de los principios de la Gestalt (otra vez vía Wikipedia):
Principio de la Proximidad - El agrupamiento parcial o secuencial de elementos por nuestra mente basado en la distancia.O sea, que cuando dos elementos visuales están cerca, tendemos a pensar que están relacionados. La foto de Jimmy aparece casi pegada al título del artículo, por lo que parece que forme parte de él.
Principio de la experiencia- Desde el punto de vista biológico, el propio sistema nervioso se ha ido formando por el condicionamiento del mundo exterior.
O, en otras palabras, cuando hemos visto muchas veces una serie de elementos organizados de una forma, esperamos que se mantenga esa disposición. Estamos acostumbrados a ver una foto descriptiva acompañando el título de un artículo (ya sea en papel o en la web) por lo que tendemos a pensar que esa foto que aparece acompaña al artículo.
El resultado es que si buscas ciertas palabras (tonto, gilipollas, asesino...) la foto de Jimmy Wales aparece a su lado y parece que ese término se refiere a él (a la manera del señor feo de la inciclopedia).
Por el bien del señor Wales, deberían corregir este problema. Esperemos que no afecte a la campaña de donación.
Me fijé en este detalle gracias al genial Matthew Inman (más conocido como The Oatmeal), quien puso un par de ejemplos en su blog http://theoatmeal.com/blog/jimmy_wales . Como él, mi intención no es meterme con Jimmy Wales ni afectar negativamente a la campaña de donación de la Wikipedia (al contrario, espero que vaya genial) sino únicamente destacar una curiosa metedura de pata.
8 cosas que odio de internet
Última actualización el Domingo 09 de Octubre de 2011 17:54 Escrito por Carlos Viernes 07 de Octubre de 2011 19:00
Esta es la cara que se me queda ante las cosas de esta lista
Internet tiene cosas impresionantes, divertidas, fascinantes, emotivas... Hay vídeos de gatos, vídeos de perros, y hasta vídeos de pandas.
Pero también tiene cosas odiosas, así que me desahogo aquí con ellas (sin ningún orden en particular):
- Buscar "panaderías en Vigo" / "diseño web en Pontevedra" / "fontaneros en Zamora" (X actividad en Y lugar) en Google y que salgan empresas que no tienen nada que ver con ese lugar (y a veces ni con la actividad):
Seréis muy buenos haciendo eso que decís, pero en el momento que sois una empresa de Torrelodones y os hacéis pasar por una empresa de Vigo haciendo trampa con el SEO, PASO DE VOSOTROS. - Los vídeos en los que no se puede avanzar la reproducción hasta que no acaben de cargar:
He tenido que refrescar la página justo cuando estaba acabando de ver tu vídeo de 40 minutos... ¿voy a tener que esperar a que cargue otra vez TODO para poder avanzar hasta el minuto 39:00? - El exceso de uso de listas (como esta
):
Si vas a hacer una lista de "los 12 mejores consejos sobre X" en los que 7 de los 12 son borralla, o son otra forma de decir lo mismo, sólo porque querías hacer una lista de 12 elementos... no hagas una maldita lista. - Los blogs que relacionan su tema con un tema de actualidad de forma completamente forzada para intentar ganar visitas desesperadamente:
"¿Qué nos puede enseñar Angry Birds sobre diseño web?" "¿Qué nos puede enseñar sobre diseño web un vídeo de un bebé que se asusta cuando su madre se sopla los mocos?" "¿Qué nos puede enseñar Harry Potter sobre la reproducción de los caracoles silvestres"
En una palabra: NADA. Esos posts son un engaño, la relación que establecen entre los dos temas siempre es absurda, está forzadísima y es tan vaga que podría establecerse la misma relación con cualquier otro tema.
Opiniones sobre Google+ (e invitaciones de regalo)
Última actualización el Sábado 10 de Septiembre de 2011 16:17 Escrito por Carlos Sábado 10 de Septiembre de 2011 14:59
Si has llegado aquí buscando las invitaciones únicamente, vete al final del post 
Antes de nada, por si no sabes de qué hablo: Google+ es la red social creada por Google para intentar competir contra Facebook y/o Twitter.
Desde hace un par de meses, soy usuario de Google+ y la verdad es que me gusta (pese a las reminiscencias facebookianas de esa expresión
) y eso que tengo ciertos recelos hacia Google.
Hago falta para ONGs
Última actualización el Miércoles 24 de Agosto de 2011 21:49 Escrito por Carlos Miércoles 24 de Agosto de 2011 21:46
Me ofrezco gratis como diseñador web o publicista para ONGs
Quienes me conozcan saben que hay muchas cosas del mundo de la publicidad (y del mundo en general) que no me gustan. Cuando estás en un grupo en el que no te gusta cómo funcionan algunas cosas tienes dos opciones: marcharte (y dejar que la gente que no actúa bien sea más numerosa) o quedarte e intentar cambiar algo.
La primera opción es la más fácil, pero tras algún tiempo me he decidido por intentar la segunda: quiero aportar mi granito de arena a hacer un mundo un poco mejor (aunque sea un poquito de nada).
Admiro a la gente que deja todo lo que tiene aquí y se va al Tercer Mundo a trabajar para mejorar las condiciones de vida de los menos afortunados, pero yo no sería capaz de eso. Sin embargo, la gente que tiene esas ONGs necesita que se le ayude a otras cosas para poder trabajar mejor; entre ellas, la comunicación y el diseño web.
Así que esa será mi humilde ayuda para los que estén interesados: ofrezco mi trabajo en el mundo del diseño web y la comunicación de forma gratuita. Si hace falta diseñar una web, configurar un Joomla o un Wordpress, diseñar un logotipo, crear un post de vez en cuando en un blog o en las redes sociales, diseñar un banner o un cartel... lo hago sin problema.
Cómo contactar
Si estás leyendo esto y tienes alguna ONG (o algún proyecto solidario como una protectora de animales, por ejemplo) y te interesa mi ayuda, puedes contactar conmigo en hacesfalta.org:
http://www.hacesfalta.org/particulares/usuarios/perfil/?id=2169191
o mediante la sección de contacto de este blog y hablamos :)
Redimensionar rectángulos redondeados en Photoshop sin deformarlos
Última actualización el Jueves 11 de Agosto de 2011 23:26 Escrito por Carlos Jueves 11 de Agosto de 2011 23:16
¿Has creado un rectángulo con las esquinas redondeadas y no eres capaz de modificarlo sin que esas bonitas esquinas acaben convirtiéndose en aberraciones?
Eso me pasaba a mí también, hasta que encontré este artículo que explica cómo solucionarlo. La verdad, debo reconocer que me da vergüenza que no se me hubiera ocurrido antes.
El problema es este: estás creando una imagen en Photoshop tan feliz y decides crear un rectángulo redondeado con la herramienta de forma, algo bastante habitual a la hora de diseñar webs. Por ejemplo, ese rectángulo es la barra lateral de la web que estás diseñando. Al principio la haces de 300px de ancho, pero luego cambias de opinión y la quieres hacer de 350px. Utilizas la herramienta transformar, la haces más ancha y te das cuenta de que esos bonitos bordes redondeados son ahora una esquina deforme:
La solución es bastante sencilla: no usar la herramienta transformar. En lugar de eso debemos usar la herramienta de selección directa (la flechita blanca, para entendernos). Con esa herramienta, y manteniendo la tecla control pulsada para seleccionar varios puntos a la vez (o haciendo click, manteniendo pulsado y arrastrando) seleccionamos los puntos de ancla que queramos transformar:

Con la selección de la imagen, por ejemplo, se podría redimensionar la forma en vertical. Ahora ya sí se pueden usar la herramienta transformar, mover o usar las flechas de dirección para ajustarlo con precisión.
Y listo, hemos redimensionado el rectángulo sin que las esquinas redondeadas se deformen.
Imágenes y artículo original aquí: http://www.viget.com/inspire/resizing-rounded-rectangles-in-photoshop/
NOTA: Hasta donde sé y he leído, lo que no es posible es modificar el radio de la esquina una vez creado (cambiar de un radio de 5px a otro de 10px, por ejemplo) a menos que lo hagas a mano (y a ojo). Si sabes cómo hacerlo de forma más automática, compártelo en los comentarios, por favor.
Más artículos...
- Solucionar problemas con las fuentes en Photoshop, Illustrator y otros de Adobe
- Hojas de estilo diferentes para los usuarios sin JavaScript
- Fallo de usabilidad en el diseño de Groupon
- Errores 404 creativos
- Curso de Experto Universitario en Desarrollo de Aplicaciones Web Dinámicas: Valoración
- Ya tengo el título de Experto Universitario en Desarrollo de Aplicaciones Web Dinámicas
Página 1 de 7
«InicioAnterior1234567SiguienteFin»
