Pasado y futuro del diseño web
Presente y futuro del diseño web en el artículo “Web design is dead”:
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 :)
.jpg)
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:
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
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
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:
- Freemind
- Balsamic Mockup
- Mind Maping y mapas mentales (es)
- webdesignerdeopot: Using Wireframes to Streamline Your Development Process
- Mapas menales. Una forma de organizar y estimular ideas
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í.
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:
Una página asi se hace unas horas y necesitas cuatro cositas:
- Un framework para desarrollo para iphone como UiUIKit (Universal iPhone UI Kit) de minid o instalarte Aptana o si tienes pelo en pecho, a mano :)
- Un detector de navegador que nos dirija a la versión optimizada para iphone o blackberry como php-mobile-detect
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:
- Sra. Rushmore esconde euros debajo del colchón, obviamente, debajo de un Flex.
- Una empresa onubense hace una campaña pegando billetes en una valla publicitaria
- Una pareja viviendo en el escaparate de una tienda de muebles
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:
- Empezamos el horario de verano (de 8 a 3) en Grupo Skala.
- La gente de Magic Costablanca me ha regalado un calendario personalizado.
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” ;)
Soy Pablo Angeletti y espero que disfrutes tanto de este blog como yo lo hago al escribirlo.En infonomada.com hablo de todo lo que me interesa: internet, diseño, usabilidad, programación, gadgets, tecnología móvil, redes sociales...
