1.4 Planificación de aplicaciones web. Muchos diseñadores en algún u otro momento hemos caído en la tentación de comenzar a diseñar un nuevo proyecto sin ningún tipo de planificación previa. Ya sea sea por por peca pecarr de nova novato tos, s, pere perezo zoso sos s o simp simple leme ment nte e no cree creerr en que que la planificación debe formar parte de nuestro proceso creativo.
planificación debe formar siempre parte de nuestro proceso creativo creativo , no es La planificación algo “opcional”.
on planificación previa no se est! sugiriendo numerosas horas de escrupulosa planificación y organización de todo lo que haremos, ha de ser pr!ctico y en ningún momento debe ser peor el remedio que la enfermedad, recordad que nos interesa planificar para para ahorrar tiempo y ganar en calidad. "n este proceso previo de planificación es importante que obtengamos respuesta a preguntas tan b!sicas como#
$. ¿Qué tipo de web voy a crear? %. ¿Qué clase de público visitar la web? &. ¿!ul es la finalidad " ob#etivo final de la web? '. ¿!umplir el dise$o en mente los ob#etivos? ¿%s usable e intuitivo?
ontestando a este tipo de preguntas (se puede(n) añadir y*o quitar alguna(s)) nos a pesar de ser demasiado obvios enfrentamos a problemas que nos ahorrarn m!s de un dolo cu!nt ntas as vece veces s hemos emos no dolorr de cabe cabe&a &a+ cu! desecha desechado do diseños diseños visualme visualmente nte atractiv atractivos os pero pero que no cumplen cumplen los ob-etivo ob-etivos s b!sicos
onse-os para planificar una aplicación /eb 0 menudo menudo antes antes de empe&ar un proyecto no proyecto no tenemos claro cúal es el ob-etivo del mismo o 'ué pretendemos alcan&ar por por eso esta pequeña lista te puede ayudar a la hora de planificar un proyecto. proyecto .
1lanificar una aplicación /eb implica pensar y definir muchas cuestiones de importancia#
1. Planificar el futuro 1uede sonar un poco duro que nos tengamos planear el futuro de al(o 'ue aún no e)iste pero es así, que pasa si en un futuro tuvieramos problemas de escalabilidad, y sí tuvieramos que migrar las bases de datos de My2ql a 3racle, de una buena planificación depende la dificultad en un futuro de reali&ar cambios en la plataforma 'ue sostiene nuestra aplicación .
*. +ocumentación +ocumenta todo lo 'ue puedas tu aplicación en especial aquellas partes de la misma que hayan requerido un mayor tiempo de desarrollo, en un futuro cercano te librar! de m!s de un quebradero de cabeza.
,. -o empie&es por los pe'ue$os detalles 0 menudo es m!s sencillo plantearse el desarrollo de pequeños servicios cómo pueden ser los 422 o una galería de im!genes, pero es fundamental comen&ar por lo 'ue vendr a ser la base de nuestra aplicación , de este modo podremos ir completando nuestra aplicación en un orden lógico, primero los cimientos+
4. +ise$o de la interfa& %sta entrada puede que te ayude en esta parte, es importante conse(uir un buen dise$o para nuestra interfa& , es importante conseguir un interfaz que se atractivo y útil para la gran mayoria de los usuarios, lo m!s importante es llegar a conectar con el usuario y la me-or manera es ofrecerle la mayor cantidad de información posible para que se llegue a sentir parte del proyecto pero todo esto muchas veces no lo llegamos a conseguir por una mala elección en la combinación de los colores que se integran en nuestra interfaz.
. %vita construirte innecesarios
librer/as
o
framewor0s
Muchas personas siempre sostienen que es me-or que cada desarrollador utilize sus propias librerías, pero la realidad es que en muchas ocasiones esto supone una gran
p5rdida de tiempo, es me#or buscar una librer/a o framewor0 'ue se pare&ca lo m!s posible a lo deseado 'ue desarrollarlo por ti mismo .
. 2en un plan de proyecto 0segúrate de que cada desarrollador 'ue traba#e en el proyecto sepa 'ué es lo 'ue debe de hacer y cundo tiene 'ue hacerlo, teniendo todo esto redactado en un documento te ayudar! a identificar problemas.
3. %li(e el len(ua#e adecuado Ya sabes que hay numerosas discusiones sobre ¿!úal es el me#or len(ua#e de pro(ramación?, la respuesta a menudo es depende de para que quieras utilizarlo, por eso ase(úrate de esco(er el len(ua#e adecuado .
. %vita las distracciones 3ptimiza tu tiempo, cuando est5s traba-ando que nada te distraiga, ni llamadas telefónicas, ni clientes de mensa-erías instant!neas, proponte un buen número de horas al d/a de traba#o aislado dedicado al proyecto .
5. 6i(ue un buen control de calidad Muchas veces nos equivocamos al planificar los tiempos de proyecto y esto lleva a menudo a los desarrolladores a tener que escribir 6código sucio7, esta es una buena opción si lo que quieres es una demo de la aplicación funcionando pero ea actitud te traer! problemas en el futuro.
17. Plantéate los pasos a se(uir después del desarrollo 8en en cuenta que est! fase de desarrollo algún día deber! acabar, estudia con 'ué frecuencia se deber actuali&ar y que se necesita para que este funcione.
8erramientas para planificación de dise$os web
2i bien no est!n todas las e9istentes del mercado (otra cosa no, pero de esto hay mucho), he querido resaltar aquellas que me han parecido m!s interesantes y que he utilizado en algún momento a modo de prueba o en proyectos reales.
UWE UML
:;" :M< (:M<=>ased ;eb "ngineering) es una herramienta para modelar aplicaciones /eb, utilizada en la ingeniería /eb, prestando especial atención en sistematización y personalización (sistemas adaptativos). :;" es una propuesta basada en el proceso unificado y :M< pero adaptados a la /eb. "n requisitos separa las fases de captura, definición y validación. ?ace adem!s una clasificación y un tratamiento especial dependiendo del car!cter de cada requisito. onsiste en una notación y en un m5todo.
• •
•
Modelo de adaptación.
Balsamiq Mockups
>alsamiq MocBups es una herramienta multiplataforma (
Co es casualidad que aparezca de primero en la lista, actualmente es el que utilizo para la mayoría de proyectos en oBidoo.
"ntre otras cosas se nos permite crear documentos con múltiples p!ginas (algo así como las ho-as de "9cel) así como editar los propios elementos pudiendo añadir de manera r!pida y por pseudocódigo contenido a los mismos# items en un menú de navegación, registros en una tabla+ etc.
HotGloo
?ot@loo :na herramienta de /ireframing con un aspecto e interfaz muy cuidada que no sólo est! pensada para dise$adores, sino tambi5n para pro(ramadores. omo buen servicio /eb, no necesitaremos preocuparnos ni de descargas ni actualizaciones constantes, tan sólo crearemos nuestra cuenta y comenzaremos a disfrutar del servicio.
?ot@loo favorece la relación entre clientes y miembros del mismo equipo pudiendo editar y comentar casi cualquier parte de nuestro traba-o mediante un sistema en tiempo real de colaboración con chat integrado. 1or momentos algunas de sus características recuerdas a >asecamp (salvando las distancias).
Gliffy
@liffy es un aplicación online para la creación de diagramas, permiti5ndonos crear de manera f!cil y cómoda todo tipo de planos y dia(ramas con un acabado bastante profesional.
<ógicamente entre planos de viviendas, gr!ficas, diagramas base, dibu-os t5cnicos y otro tipo de diseños podremos esbozar nuestros diseños /eb.
iPlotz
i1lotz permite crear de manera r!pida y cliqueable todo tipo de prototipos /eb, pero adem!s soporta elementos para la planificación de todo tipo de aplicaciones de soft/are. "s multiplataforma pudiendo ser e-ecutado en
Dncorpora un gestor de proyectos de manera que podamos tener múltiples proyectos ba-o una misma cuenta, adem!s de incorporar un sistema de discusión con el que valorar las distintas creaciones con el fin de me-orar el traba-o final.
Pencil Project
1encil 1ro-ect es un plu(in para 9irefo) que nos permite realizar prototipados de interfaces de usuario directamente en nuestro navegador. Dncluye las herramientas de dibu-ado típicas que se pueden esperar de este tipo de programas, adem!s de ser multiplataforma y aceptar plantillas predefinidas por nosotros mismos. omo curiosidad est! apoyado por la fundación Mozilla.
Lpiz ! Papel
2i bien me decanto por >alsamiq MocBups como herramienta de sBetching, previo a su utilización siempre hay una ronda de lpi& y papel con la que empezar a desatascar la mente y empezar a generar buenas ideas.
1or lo general plasmar los primeros bocetos o garabatos en un papel de forma r!pida y cómoda suele ser una buena prctica para luego 6pasarlos a limpio7 y completarlos con uno de estos programas. 1osteriormente podremos enseñ!rselos a clientes o resto del equipo de traba-o.
:efle)ión final
4ealmente no se ha descubierto nada nuevo, la planificación es siempre una parte importante de cualquier tipo de tarea o proyecto, dedicando unos pocos minutos a pensar en los posibles problemas y ob-etivos podremos minimizar las horas perdidas y de improvisación.
"n cuanto a las herramientas para la creación de bocetos y previas a nuestros diseños /eb, son realmente interesantes de cara a evitar discusiones tontas iniciales, ya que nos ale-a de formas y colores y nos enfoca en lo . importante, en la estructura y ob-etivo del diseño final. "l tiempo es oro
