Ir al Flickr de Pablo Angeletti
Sígueme en Twitter: twitter.com/infonomada
Mis favoritos en delicious.com/angelettiMi perfil en FacebookVideos y favoritos en YoutubeContactos Profesionales y currículum en linkedinSubscríbete al blog por RSS

Pasado y futuro del diseño web

Presente y futuro del diseño web en el artículo “Web design is dead”:

It’s time to reinvent the discipline of web design. Web designers are faced with a challenge: to be professional web site architects, or to seek work as decorators

Algo así como.. “es hora de reinventar el diseño web. Los diseñadores se enfrentan a un cambio: convertirse en Profesionales de la Arquitectura web o buscar trabajo como decoradores”

Carlos Pro y su hijo: Guia Temps de alojamientos de interior de la Comunidad Valenciana

Hace poco salió de imprenta uno de los últimos trabajos de la agencia: la guía oficial de los alojamientos de interior de la Comunitat Valenciana

No he podido evitar hacer esta reseña por que ver la carita de carlos oliendo esa mezcla de papel y tinta no tiene precio :)

Carlos y su hijo.. catálogo Temps

Carlos y su hijo... Guía oficial de los alojamientos de interior de la Comunitat Valenciana

Post de Carlos Pro contando sus “místicas experiencias” con el catálogo y la web oficial TEMPS (se puede descargar el PDF. La web está en construcción)

Conferencia de Jesus Encinar en el Iniciador de Barcelona

Via el twitter de Jordi Bufi he podido disfrutar de la charla que dió Jesus Encinar (ceo de idealista) en el Iniciador de Junio en Barcelona.

Mucho sentido común y experiencia, algo que se agradece entre todo el humo de los “socialmedia gurus” y demás  iluminados que pululan ultimamente por internet (¿que hacían antes de facebook y twitter?).. En fín serafín..a lo nuestro.

Una parte muy interesante para los que se dedican al diseño web es cuando habla sobre del diseño de idealista. Respondiendo a un asistente dice algo que da en la diana a la hora de explicar la diferencia entre el diseño gráfico tradicional y el acercamiento al usuario a través de un interfaz gráfico, que no es ni más ni menos que el diseño web:

“…hay un aspecto critico en la formación de los diseñadores. Los diseñadores gráficos, muchas veces por formación, están acostumbrados a hacer cosas únicas, originales, creativas, que sean una experiencia distinta y distinta a todo lo que hay. El diseño web es justo lo contrario: es hacer algo que sea exactamente igual que lo que usuario esta acostumbrado utilizar en cualquier otra página.. si el usuario está acostumbrado a usar un tipo de calendario.. no hagas un calendario distinto que el usuario tenga que aprender a usar en tu página. Utiliza lo que es estandar y genérico, pero utilizalo bien.. y eso para algunos diseñadores choca… hace falta tener mucha experiencia y seguridad en ti mismo para saber utilizar como revolucionario una solución estandar…”

Esta cita es del el minuto 58′15. Como vimeo no permite ir al minuto exacto, tendreis que dejar que el video llegue a ese punto. De todas formas, os aconsejo ver entera la charla y la sesión de preguntas por que com he dicho al inicio, está muy bien:

Iniciador – Jesús Encinar – idealista.com

Test de usuarios en Top Rural

En Top rural estan inmersos en el cambio de diseño de su portal de búsquedas de casas rurales y estas son algunas impresiones y conclusiones de su test de usuarios. Muy interesante: Test de usuarios: no digas que no te lo advertí

Carsonified » Get Clients to Say ‘Yes!’

Carsonified » Get Clients to Say ‘Yes!’. Post con video sobre cómo relacionarte con tu cliente. Me ha gustado mucho la visión positiva de esta relación: say yes, suggest an alternative.. Muy buena la parte de que es mejor ir enseñando cada paso del trabajo e incluir al cliente en todo el proceso. Como se suele decir… “no hay mal trabajo o cliente, sino trabajo mal presupuestado” :)

Empieza las webs con buen pie. Haz un buen esquema

Lo primero que hago cuando empiezo un proyecto, antes siquiera de pensar en el diseño, es hacerme un esquema de la web. No hace falta un esquema muy detallado, pero si lo suficientemente claro para visualizar el proyecto al completo y tener definidos todos los bloques que va a tener la web.

Aunque he probado muchas soluciones( a mano, con freehand, con plantillas wireframe en html )… al final las dos herramientas que encuentro más prácticas son estas dos:

  • Freemind
  • Balsmik Mockups

Freemind. es una herramienta de mind maping ( Mapas mentales en castellano)  Opensource en Java. No es tan bonita como Mind mapper o Mindmeister (servicio online), pero chico, Freemind es gratis y hace lo que necesito. Si quereis ver más aplicaciones de mind maping, en la wikipedia hay un listado muy completo.

En este ejemplo he creado dos árboles, uno para la web anterior y otro para la nueva. En los rediseños me gusta hacerlo asi para ver las secciones enfrentadas y tener claro cuales son nuevas, cual se elmina, etc…

Estructurando contenidos con Freemind

Estructurando contenidos con Freemind

Cuando ya tengo claro el esquema, paso a Balsamiq Mockups. Esta aplicación en AIR me la recomendó Andres Karp y desde que la usé me enamoró. Tiene muchos elementos de interfaz web ya definidos para que en un momento puedas montar un esquema decente (video de la aplicación). La ventaja de trabajar primero con un diseño en wireframe con el cliente es que se puede centrar en los elmentos y bloques de información, eliminando la variable “diseño” en el primer acercamiento.

Esquema web hecho con Balsamiq Mockup

Esquema web hecho con Balsamiq Mockup

El mundo no es de algodón y azucar por lo que al final esta estructura inicial evolucionará y crecerá. Este paso sirve para ahorrarte horas y horas de modificaciones sobre diseños ya avanzados.

Cuando ya tengas clara la estructura y el esquema, empieza a diseñar. Verás que es mucho más fácil a partir de un esquema que con una hoja en blanco de photoshop.

En webdesignerdepot han publicado un post muy bueno sobre las ventajas de empezar por diseño en wireframes: Using Wireframes to Streamline Your Development Process

Enlaces:


No tires el dinero hombre, haz una versión móvil de tu anuncio en prensa

El otro día, almorzando, un anuncio de prensa captó mi atención. Sólo aparecía una página web y con explicación bastante escueta. Al visitar la página desde el iphone, me encontré con una pantalla que no explicaba nada y no pude pasar de ahí.

publicidad_concurso

Vamos a ver. Anuncian la web de un concurso de videos online (de esto me enteré luego) en prensa. Para visitar la web deberían llamar tanto la atención del usuario para que una persona que  está tomando un cafe con leche y lleve un boligrafo encima,  saque su boligrafo, un papel, anote la direción y después, en el trabajo o en casa, abra su navegador para saber de que va esa página de la que tan poco contaba el anuncio en prensa.

Uff… Puedes pensar que no todo el mundo lee el periódico mientras desayuna, pero después de un extenso estudio de mercado (osea, le pregunté a 10 amigos), todos leían la prensa desayunando o almorzando en el bar y el que no lo hacía se informaba vía web. Osea, que ese anuncio era casi invisible y estaba en el sitio menos indicado para atraer clicks (aparate de que no es traceable)

Se han gastado un dinero en insertar en prensa y por casi el precio del módulo que aparecía en el periódico ese día, podrían haber hecho una página de “bienvenida” (ya no una versión móvil de su web, que sería mucho soñar) que explicara de que iba el concurso y nos avisara por email para recordarnos la dirección o que simplemente se convierta en otro toque de atención sobre la campaña. En ejemplo como este:

ejemplo-envio-iphone

Una página asi se hace unas horas y necesitas cuatro cositas:

Se puede argumentar que “para cuatro usuario que navegan desde el móvil…”, pero sinceramente, lo que tienes si no cuidas los detalles no es sólo una persona que navega desde el móvil sino un usuario al que tu publicidad ha atraído, que ha hecho el esfuerzo de visitar tu página y que cuando llega, le das una patada en culo.

O puedes ser más inteligente, no preocuparte por la gente que va a ver tu página y poner otro módulo de publicidad en el periódico. Dinero más fácil y más rapido.

Por suerte, hay mucha gente que entiende que para ganar la atención del los consumidores hay que dar algún rodeo:

En el caso del dinero pegado a la valla, por el precio de dos vallas (según la ciudad y el sitio, claro), aparecieron en varios telediarios. Rentable la acción ¿no?

No estoy comparando las campañas anteriores (muy buenas, por cierto) con desarrollar una landing page optimizada para iphone o blackberry, sino que arañando un poco de aqui y otro de alli se pueden hacer muchas más cosas que una sosa inserción en prensa o anunciarte en una solitaria valla.

Redistribuir. De eso estamos hablando.

PD: El esquema de la página de iphone está hecha con Balsamiq mockups. En otro post os hablaré más de él.

Empezando Julio con dos pequeñas alegrías

Amplia la foto para ver mas meses personalizados

El verano ha empezado con dos pequeñas alegrías:

Si, llamadme tonto, pero un calendario personalizado con mi nombre en cada imagen del més ha removido en ni interior sentimientos que creía dormidos (bueno, he exagerado un poco, pero me habeis entendido).

Que detalle más simple y efectivo y que manera más barata de quedar bien con un ¿cliente?. Bueno, nunca he sido cliente de los hoteles Magic Costablanca (cadena de hoteles en Benidorm), pero sin embargo tuve la  suerte de participar en el rediseño de su web y trabajar con Javier García Cuenca, David y Oscar. Desde entonces he seguido los movimientos y campañas que esta cadena hotelera hace en internet (es un referente en el sector) y me alegra mucho saber que no paran de moverse y utilizar la tecnología para añadir productos a su oferta hotelera, mejor su oferta vacacional y vender, que para eso está internet

Os recomiendo el blog de Javier, su red social “Magic Amigos” (esa cabecera me suena), la página de los hoteles en Facebook (no he localizado el grupo con nombre corto) o el blog de David Vicent.

Después de una mitad de año en que las cosas han ido mejorando poco a poco (los proyectos van saliendo, conseguimos alquilar la casa…), empezar el horario de verano es como un balón de oxígeno y tranquilidad. No por el trabajo, sino por esas tardes regaladas (no son regaldas, trabajas las mismas horas) que puedes aprovechar para hacer todo lo que no te da tiempo con un horario partido de invierno: bloguear, nuevos proyectos, adquirir nuevas habilidades y aprender nuevos lenguajes.

Si piensas que una tarde libre no es tan importante, calcula cuantas horas de trabajo pasas por la tarde en tu trabajo cada día y ponle un valor. Ahora mira cuando dura el verano y haz una sencilla cuenta de la vieja.

Las tardes de verano valen su peso en oro

Excelente video sobre el rediseño de la marca Swisscom

Via Atenu Popular he visto este excelente video sobre el rediseño de la marca Swisscom. Me encanta el video por que muestra de una manera ágil y sencilla la cantidad de procesos, cambio y elementos que se tienen en cuenta a la hora de realizar cambio de marca.

Como dice un amigo: “todo es fácil cuando no eres tú el que lo tiene que hacer” ;)

Page 1 of 41234
Powered by Wordpress