![\"Redise\u00f1ando](\"http:\/\/magazine.joomla.org\/media\/k2\/items\/cache\/b57af9b71eb22e9444b6a784bb199425_XL.jpg\")
<\/a><\/span> <\/p>\nPor eso consideramos que es una buena pr\u00e1ctica, revisar primero el sitio completo para asegurarse de mantener, durante la revisi\u00f3n, toda la informaci\u00f3n que existe en el sitio web y, al mismo tiempo, mantener, y si es posible mejorar, la capacidad del cliente para poder realizar el mantenimiento del sitio, as\u00ed como continuar el desarrollo de la marca, de la mejor manera posible.<\/p>\n
Veamos c\u00f3mo se puede hacer para evaluar un sitio web antes de volver a desarrollar el nuevo. Cada uno de los siguientes puntos le ayudar\u00e1 a desarrollar un plan coherente y asegurarse, al mismo tiempo, que su redise\u00f1o tendr\u00e1 los menos problemas posibles.<\/p>\n
Pasos para redise\u00f1ar un sitio web<\/h2>\n
En primer lugar queremos advertir que redise\u00f1ar un sitio web no es una tarea sencilla, aunque lo pueda parecer, puede llegar a ser un trabajo de lo m\u00e1s tedioso que puede existir en el dise\u00f1o gr\u00e1fico.<\/p>\n
Los pasos que consideramos b\u00e1sicos para redise\u00f1ar con \u00e9xito un sitio web son los siguientes:<\/p>\n
- \n
- Revisi\u00f3n con el cliente\n
- \n
- Evaluaci\u00f3n de la situaci\u00f3n.\n
- \n
- \u00bfPor qu\u00e9 redise\u00f1ar el sitio web?<\/li>\n
- Establecer las preguntas clave para redise\u00f1ar.<\/li>\n
- Establecer el conjunto de objetivos, prop\u00f3sitos y acciones.<\/li>\n
- \u00bfQu\u00e9 necesitamos para redise\u00f1ar el sitio web?<\/li>\n<\/ol>\n<\/li>\n
- \u00bfEs compatible el servidor con el desarrollo que quieres utilizar?<\/li>\n
- \u00bfEl cliente prefiere mantener el CMS existente, si es que utiliza, o est\u00e1 dispuesto a cambiar?\n
- \n
- Si no tiene preferencias… Evidente, \u00a1utilizar\u00e1s Joomla! \ud83d\ude09<\/li>\n<\/ol>\n<\/li>\n
- \u00bfEl sitio web necesita utilizar tecnolog\u00eda para movilidad?\n
- \n
- \u00bfHay demasiados datos in\u00fatiles para movilidad?<\/li>\n<\/ol>\n<\/li>\n
- \u00bfExiste un modelo de negocio para su soluci\u00f3n t\u00e9cnica?<\/li>\n<\/ol>\n<\/li>\n
- Examen t\u00e9cnico\n
- \n
- \u00bfCu\u00e1l es el estado de c\u00f3digo base existente?<\/li>\n
- Arquitectura de informaci\u00f3n del sitio y la interfaz de usuario<\/li>\n
- El acceso a los archivos de origen para las soluciones recopiladas<\/li>\n
- \u00bfHay una tecnolog\u00eda nueva que permita alcanzar los objetivos de una manera m\u00e1s sencilla?<\/li>\n<\/ol>\n<\/li>\n
- Dise\u00f1o\n
- \n
- Directrices de marca<\/li>\n
- \u00bfAlguno de los niveles visuales es aprovechable?<\/li>\n
- Elegir un dise\u00f1o (plantilla) de acuerdo con las necesidades del cliente.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
Preguntas que debemos hacernos para el redise\u00f1o del sitio<\/h3>\n
- \n
- \u00bfPor qu\u00e9 no funciona el dise\u00f1o actual?<\/li>\n
- \u00bfCu\u00e1les son los problemas que tiene el dise\u00f1o actual?<\/li>\n
- \u00bfEs necesario un redise\u00f1o a nivel global o en componentes espec\u00edficos?<\/li>\n
- \u00bfQu\u00e9 nos dicen las m\u00e9tricas y estad\u00edsticas de uso del sitio?<\/li>\n
- Objetivos para el nuevo dise\u00f1o. Claros, espec\u00edficos y medibles. No sirve, por ejemplo, vender tecnolog\u00eda punta, o muebles modernos…<\/li>\n
- Los prop\u00f3sitos para el nuevo dise\u00f1o. Que conduzcan a acciones espec\u00edficas que nos acerquen a los objetivos planteados.<\/li>\n
- Procesos a seguir para resolver el dise\u00f1o, la estrategia.<\/li>\n
- Identificar y\/o recolectar los materiales que necesitamos.<\/li>\n
- Presupuesto de necesidades, de personal y econ\u00f3mico.<\/li>\n<\/ol>\n
![\"consulta-cliente\"](\"http:\/\/magazine.joomla.org\/images\/espagnol\/ediciones\/septiembre-2013\/Redisen-web\/consulta-cliente.jpg\")
<\/p>\nEsencialmente podemos ver 3 acciones a realizar<\/h2>\n
1\u00aa Acci\u00f3n: Revisi\u00f3n con el cliente<\/h3>\n
En primer lugar se ha de tener claro, tanto por parte del cliente, como del gestor del equipo de trabajo que es lo que se quiere conseguir, establecer unos objetivos, qu\u00e9 prop\u00f3sitos tienen estos objetivos y las acciones que se realizar\u00e1n para conseguirlos… y por supuesto, dejarlos por escrito, de manera sencilla y clara, para que todas las personas del equipo fijen sus esfuerzos en conseguirlos.<\/p>\n
En el caso de un sitio nuevo solo se ha de seguir una metodolog\u00eda de trabajo recurrente… pero en un redise\u00f1o entran aspectos psicol\u00f3gicos que se han de tener en cuenta, como la relaci\u00f3n con el creador del sitio, con el servidor donde est\u00e1 alojado, la familiaridad con el orden del sitio, sobre todo si este tiene un intranet de trabajo. Esta informaci\u00f3n se debe de obtener en la primera reuni\u00f3n con el cliente de una manera informal, pero clara, Esta informaci\u00f3n le permitir\u00e1 establecer la estrategia de desarrollo del sitio adecuada, para que en la pr\u00f3xima entrevista ya tenga claro una serie de par\u00e1metros, de alguna forma, inamovibles y al mismo tiempo, el esfuerzo que deber\u00e1 de hacer para realizar el trabajo, pues no es igual, trabajar en el panel de control del servidor con el que trabaja normalmente, que tener que aprender, y retener, un nuevo panel de control, o tener que utilizar un lenguaje de programaci\u00f3n que no es el habitual… y eso significa tiempo y esfuerzo.<\/p>\n
Como pauta de preguntas abiertas para saber lo que nos interesa, se podr\u00edan utilizar las siguientes:<\/p>\n
- \n
- \u00bfPor qu\u00e9 no funciona el dise\u00f1o actual?<\/li>\n
- \u00bfCu\u00e1les son los problemas que tiene el dise\u00f1o actual?<\/li>\n
- \u00bfEs necesario un redise\u00f1o a nivel global, en componentes espec\u00edficos, est\u00e9tico, o una combinaci\u00f3n de los tres?<\/li>\n
- \u00bfQu\u00e9 nos dicen las m\u00e9tricas y estad\u00edsticas de uso del sitio?<\/li>\n<\/ul>\n
![\"croquis\"](\"http:\/\/magazine.joomla.org\/images\/espagnol\/ediciones\/septiembre-2013\/Redisen-web\/croquis.png\")
<\/p>\n2\u00aa acci\u00f3n: Revisi\u00f3n t\u00e9cnica<\/h3>\n
Elecci\u00f3n del servidor<\/h4>\n
\u00bfEl servidor actual es prescindible? este punto, sobre todo si es un servidor compartido, es muy importante para establecer la tecnolog\u00eda, aunque de hecho deber\u00eda de ser al rev\u00e9s, elegir el servidor, seg\u00fan la tecnolog\u00eda a utilizar en la creaci\u00f3n del sitio web, cuando es un redise\u00f1o, puede haber condicionantes de relaci\u00f3n del cliente con el servidor, que no permitan cambiar de servidor.<\/p>\n
Desde luego, si se ha de utilizar un CMS como Joomla!, lo recomendable, altamente recomendable, dir\u00eda yo, es que el servidor tenga soporte y la instalaci\u00f3n est\u00e9 optimizada para funcionar sin problemas y con seguridad. Muchas veces que elige uno u otro m\u00e1s que por esto, por el precio, sin valorar el coste posterior que se tendr\u00e1 en el mantenimiento de seguridad y la soluci\u00f3n de problemas.<\/p>\n
\u00bfCu\u00e1l es el c\u00f3digo base actual?<\/h4>\n
Lo primero que tendremos que hacer es ver con qu\u00e9 c\u00f3digo se ha Realizado el sitio y si es conveniente cambiar a otro sistema, por ejemplo, pasar de HTML o +NET a PHP…, dependiendo de la estrategia de futuro. de peso del sitio, capacidad de adaptaci\u00f3n, etc.<\/p>\n
Ver si el c\u00f3digo se estableci\u00f3 de una manera clara, o por el contrario, es confuso y dif\u00edcil de interpretar.<\/p>\n
Ver si en el sitio se est\u00e1n utilizando tablas, si el sitio tiene m\u00e1s de 3 a\u00f1os seguramente ser\u00e1 este el caso, y si nos conviene pasarlas a div o buscar otras soluciones…<\/p>\n
Todas estas preguntas nos llevar\u00e1n a saber si ser\u00e1 m\u00e1s efectivo, mantener lo existente y mejorarlo en lo posible, o por el contrario, a pesar de que en principio d\u00e9 algo m\u00e1s de trabajo, es aconsejable empezar de cero el redise\u00f1o, para que en un futuro sea m\u00e1s f\u00e1cil realizar cambios, un futuro a m\u00e1s largo plazo.<\/p>\n
Como no, en este punto es conveniente plantearse si adoptamos un CMS como Joomla! u optamos por un trabajo independiente, en nuestro caso, normalmente tendremos claro la elecci\u00f3n, \u00a1utilizaremos Joomla! seguro que siempre encontraremos los argumentos suficientes para utilizar Joomla! en el redise\u00f1o.<\/p>\n
Arquitectura de la informaci\u00f3n y elecci\u00f3n de la interfaz p\u00fablica<\/h4>\n
Organizaci\u00f3n de la informaci\u00f3n que habr\u00e1 en el sitio, que categor\u00edas y subcategor\u00edas se establecer\u00e1n y la relaci\u00f3n entre ellas.<\/p>\n
Establecer el mapa del sitio como forma de hacer m\u00e1s f\u00e1cil la navegaci\u00f3n en el sitio web y organizar m\u00e1s efectivamente los contenidos, es un ejercicio en el que le ponemos nombre a las secciones, las categor\u00edas, creando una estructura de URLs, en el caso de que se necesite, y ordenando de manera jer\u00e1rquica el sitio por medio de organigramas, diagramas de flujo y de procesos\u2026<\/p>\n
Las necesidades de utilizaci\u00f3n de dispositivos m\u00f3viles en la actualidad y en el futuro y el desarrollo de esta plataforma es importante hoy en d\u00eda, puesto que cambia los conceptos como es la p\u00e1gina de inicio, o la estructura de los men\u00fas. Si es conveniente utilizar la tecnolog\u00eda de adaptabilidad del sitio o que sea responsiva. Depende de la importancia en la estrategia de de relaci\u00f3n de la empresa con sus colaboradores y clientes se establecer\u00e1 si el dise\u00f1o se realiza de dispositivos m\u00f3viles hacia pantallas de gran formato o al rev\u00e9s.<\/p>\n
Definir si se utilizar\u00e1n macro men\u00fas o por el contrario un men\u00fa principal acompa\u00f1ado de otros men\u00fas por temas o secciones. En esto tambi\u00e9n tiene algo que decir si se va a utilizar el sitio web en dispositivos m\u00f3viles o no, pues dependiendo de esto los men\u00fas deben de tener un formato u otro.<\/p>\n
\u00bfQu\u00e9 extensiones, complementos u otros elementos necesitaremos?<\/h4>\n
Hemos llegado al momento en que ya sabemos que sistema de c\u00f3digo utilizaremos, el CMS del que se partir\u00e1\u2026 pero ahora se le ha de dar una estructura t\u00e9cnica para conseguir realizar aquellas acciones y actividades que se necesitan.<\/p>\n
Esto nos lo proporcionar\u00e1n las extensiones, complementos, m\u00f3dulos\u2026 es posible que se necesiten utilizar aplicaciones en combinaci\u00f3n con Joomla! lo que nos obligar\u00e1 a buscar como se relacionan, etc.<\/p>\n
\u00bfHay una nueva tecnolog\u00eda que permita alcanzar los objetivos de una manera m\u00e1s simple?<\/h4>\n
Es importante el utilizar siempre las posibilidades tecnol\u00f3gicas m\u00e1s sencillas y f\u00e1ciles de implementar y mantener, y que adem\u00e1s nos den seguridad de continuaci\u00f3n.<\/p>\n
Esto que en principio parece tan sencillo es un verdadero rompecabezas, sobre todo cuando tienes miles de extensiones a mano, es preciso que las personas que realicen este trabajo, est\u00e9n al d\u00eda de las que m\u00e1s se utilizan. Entre los desarrolladores est\u00e1 extendida la opini\u00f3n que lo mejor es realizarlas, pero desde el punto de vista del realizador de un sitio, esto no es lo m\u00e1s adecuado, las razones las dejaremos para otra ocasi\u00f3n \ud83d\ude42 pues ya estamos ocupando m\u00e1s espacio del que deber\u00edamos :-).<\/p>\n
Evidentemente, si en el sitio existieran tecnolog\u00edas como flash, tendremos que ver como realizar algo semejante, con tecnolog\u00edas que valga la pena el esfuerzo, tanto para abrir el sitio web a dispositivos que no pueden utilizar estas tecnolog\u00edas y proporcionar una base t\u00e9cnica escalable actual.<\/p>\n
Una vez realizado el sitio<\/h4>\n
Cosas a tener en cuenta… no nos podemos olvidar de establecer una estrategia de migraci\u00f3n del sitio. La utilizaci\u00f3n de herramientas para webmasters con las que chequear los posibles errores 301 y 404 y arreglar estas situaciones conflictivas, que tanto molestan a todos los usuarios del sitio web.<\/p>\n
![\"redise\u00f1ar-sitio-web\"](\"http:\/\/magazine.joomla.org\/images\/espagnol\/ediciones\/septiembre-2013\/Redisen-web\/redise%C3%B1ar-sitio-web.jpg\")
<\/p>\n3\u00aa Dise\u00f1o<\/h3>\n
Una vez claro los deseos del cliente en cuanto a dise\u00f1o, se establecen los primeros bocetos. Hemos de decir, que contrariamente a muchas pr\u00e1cticas, el dise\u00f1o no debe de estar supeditado a la tecnolog\u00eda a utilizar, si no que esta debe de saber plasmar el dise\u00f1o con sus posibilidades.<\/p>\n
Primero se estructura el dise\u00f1o de la interfaz p\u00fablica, partiendo de la composici\u00f3n y proporciones, estableci\u00e9ndolas primero en papel como boceto, despu\u00e9s pasando las ideas a maquetas m\u00e1s elaboradas y con m\u00e1s detalle de la elaboraci\u00f3n del dise\u00f1o. Personalmente prefiero trabajar primero en monocromo para despu\u00e9s ir a\u00f1adiendo el color, seg\u00fan las necesidades de marca que tenga establecida la empresa.<\/p>\n
directrices de la marca<\/h4>\n
Un redise\u00f1o de un sitio web que pertenece a una marca determinada siempre va a tener que seguir algunas pautas. Siempre hay la probabilidad de que la marca ha ido variando con el tiempo, o que el departamento de marketing tenga inter\u00e9s en realizar un cambio aprovechando la circunstancia, lo que permitir\u00e1 m\u00e1s libertad para ciertos proyectos y ampliar los l\u00edmites de las directrices de la marca. No pasa lo mismo con sitios web peque\u00f1os y que est\u00e1n m\u00e1s abiertos a cambiar, que realmente no tienen ninguna pol\u00edtica de dise\u00f1o de marca o son muy simples. Estas m\u00e1s bien lo que desear\u00e1 es que les crees un dise\u00f1o de marca para ellos.<\/p>\n
\u00bfHay en el sitio alguna secci\u00f3n aprovechable?<\/h4>\n
Si el sitio web que vamos a dise\u00f1ar, se realiz\u00f3 correctamente, es muy probable que tenga algunas secciones que sean aprovechables, tal vez no en cuanto al dise\u00f1o, pero si en cuanto a la estructura, la jerarqu\u00eda visual, im\u00e1genes\u2026 es necesario mantener la mente abierta y receptiva, pues es mejor perder un poco de tiempo revisando las estructuras, que el tiempo que nos costar\u00e1 rehacerlo todo. La ventaja de partir de un sitio bien hecho es que lo podr\u00e1s mejorar m\u00e1s f\u00e1cilmente.<\/p>\n
En b\u00fasqueda de la plantilla ideal<\/h4>\n
Siento decepcionarte\u2026 pero esa plantilla no existe\u2026 la tendr\u00e1 que trabajar el equipo encargado de ello, y para ello se basar\u00e1 en varias variables; el dise\u00f1o anterior, las necesidades actuales del cliente y las tecnolog\u00edas a utilizar, movilidad, o no, etc.<\/p>\n
Primero\u2026 lo primero<\/h4>\n
Despu\u00e9s de elegir el tipo de distribuci\u00f3n de la plantilla, es conveniente, antes de pasar al programa de edici\u00f3n, hacer un esquema en papel, una vez definido, pasarlo a limpio en su programa favorito de dise\u00f1o, primero el esquema en monocolor, despu\u00e9s a\u00f1adiendo los colores que se han decidido utilizar\u2026 hasta que el mensaje y la est\u00e9tica, se combinen lo mejor posible. Este es el momento de pasar el dise\u00f1o a los desarrolladores y empezar el trabajo en equipo con ellos, hasta conseguir el prototipo para mostrar al cliente.<\/p>\n
- Evaluaci\u00f3n de la situaci\u00f3n.\n