10. Dec, 2009
On-line la nueva web de la UB
Hoy se ha publicado la nueva web de la Universitat de Barcelona. Nosotros hemos participado el proyecto, realizando la arquitectura de la información, el diseño gráfico y la maquetación.
En su momento, nos encargamos de la realización de talleres para definir concretamente cómo tendría que ser esta web, que contenidos se tendrían que potenciar y que funcionalidades deseaban que aparecieran.
El resultado se transformó en un árbol de contenidos rico y dinámico que dio paso a unos wireframes modulares que se pueden ver ahora por toda la web.
Estamos orgullosos de haber participado en este proyecto, sobre todo de trabajar con el equipo de comunicación y de tecnología de la UB, que nos han ayudado a poder entender mejor la naturaleza de la universidad y a poder crear una solución para todos los perfiles.
¡Mucho éxito UB!
Publicado por Arquinauta en diseño, proyectos
06. Jun, 2009
Nuestra herramienta para la arquitectura de información
Al plantearnos este artículo, empezamos revisando nuestros bookmarks para crear una tabla comparativa actualizada de las diferentes herramientas y posibilidades en el campo de la arquitectura de la información, la usabilidad y los prototipos de baja-fidelidad.
A medida que íbamos avanzando y la lista se completaba con las novedades de las últimas semanas (Adobe Catalyst y FlairBuilder) veíamos que, por una parte, iba a acabar siendo algo que ya ha hecho Adaptive Path o Wireframes Magazine y, por otra, nos distanciábamos de un elemento fundamental en nuestra filosofía y metodología: el concepto.
Diseño de interacción, wireframe, blueprint, esquema, modelo, prototipo, boceto… no importa cómo se le llame, qué técnica se utilice ni la apariencia del documento resultante, al final, lo importante es el concepto, la idea. Lo realmente importante no es la herramienta empleada ni la aparatosidad del documento resultante, sino la solución propuesta y su validez para las siguientes fases del proyecto, tanto si se trata del cliente para la toma de decisiones, como si es la base para diseñadores, maquetadores y programadores. Cada momento, cada proyecto, cada cliente tiene sus requerimientos y es ahí donde aparece de nuevo la necesidad de saber qué herramienta es mejor emplear para proporcionar el entregable adecuado: no siempre lo mejor es Axure, ni Visio, ni Balsamiq, ni un boceto a mano… unas veces será una cosa, otras veces otra, en muchas ocasiones varias soluciones combinadas.
Sí, esa es en definitiva la repuesta que damos habitualmente a quien nos pregunta “… ¿Y con qué herramienta trabajáis?”. Con la cabeza: trabajamos con la cabeza. Citándonos a nosotros mismos, “Yo no soy un Mac. Tampoco soy un PC. Soy el tipo que piensa tras las teclas”.
PS: Bueno, por si acaso alguien aún necesita una lista de herramientas, aquí la tiene:
Adobe Catalyst
Altia Design y Altia PhotoProto
Axure
Balsamiq Mockups
Concept Draw
Denim
Easy Prototype
FlairBuilder
Gliffy
Gui Design Studio
Inkkit
Inspiration
iPlotz
iRise
Jumpchart
Microsoft Visio
Mindomo
Mockup Screens
Napkin Look & Feel
OmniGraffle
Papel y lápiz/Sketching
Pencil Project
Petra
Protoshare
RapidRabb.it
Serena Composer
Smart Draw
Para no alargarla excesivamente, hemos excluido aplicaciones de diseño o producción genéricas (entre muchas otras Adobe Illustrator, Fireworks o Dreamweaver, Microsoft Expression Blend y Design, Visual JS, etc.) que, aunque pueden ser utilizadas para confeccionar árboles de contenidos, wireframes y prototipos de baja fidelidad, al final nos obligarían a incluir en la relación hasta una caja de palillos o una baraja de naipes.
Vols llegir aquest post en català?
Publicado por Arquinauta en diseño
17. Mar, 2009
Ventajas del skeching
Hay quien dice que no sabe dibujar, que no sabe plasmar ideas gráficamente. Al contrario de las creencias populares, creo que todos sabemos hacerlo; unos con más soltura, otros con menos, pero poder todos podemos.
Creo necesario aclarar que en el sketching no se trata de realizar un dibujo o trazo bonito o artístico, sino de transmitir ideas de forma rápida y sencilla, de forma que cualquier persona con sólo visualizar la imagen pueda comprender y asumir su contenido.
El sketching nos aporta velocidad y frescura a la hora de plasmar ideas de forma rápida, una inmediatez generalmente difícil de obtener con un software, más lento de ejecución y que hace que ideas frescas puedan ser olvidadas o transformadas por nuestra mente.
No existen restricciones, por lo que cada uno decide la profundidad de los bocetos a realizar, el detalle o el tipo de dibujo, pero se ha de tener en cuenta que lo importante en estos casos es el concepto, la idea a transmitir, no la calidad o el arte final del mismo.
Además, si algo falla o no agrada, podemos modificarlo de forma rápida y sencilla. Basta con coger otra hoja y comenzar de nuevo, o bien tapar los errores, apartados o partes que no nos convencen. Para modificarlo o crear uno nuevo, podemos basarnos en el boceto anterior, evitando los errores cometidos para no volver a tropezar con la misma piedra.
Al plasmar las ideas de forma inmediata, podemos reflexionar y aclarar conceptos, obteniendo una robustez que de otro modo difícilmente conseguiríamos, mejorando considerablemente el flujo de trabajo, tanto personal como del proyecto y equipo.
Una vez plasmadas estas ideas, podemos acudir al cliente para enseñarle los primeros pasos y trazos, y observar su reacción, para ver si el camino que hemos tomado es correcto y se adapta a sus necesidades.
Respecto a las herramientas utilizadas, con un papel y un bolígrafo es suficiente. Recientemente, Leah Buley de Adaptative Path, comenta en un artículo cuáles son sus herramientas para el sketching; un estuche con un lápiz, un bolígrafo y un par de rotuladores (para dar sombras), por lo que cualquiera puede practicarlo y aprovecharse de sus ventajas.
Comentarios recientes