Proceso de desarrollo web en diez pasos de webminutos
Intro a nuestro proceso de diseño web.
El propósito de este artículo es dar a conocer nuestro proceso de diseño de una web básica e informativa. Hemos construido 100tos de paginas web a lo largo de los años, hemos aprendido un poco en el proceso y nos gustaría dar a conocer algo de esta información con ustedes. Debido a que somos desarrolladores, este publicacion está escrito principalmente desde la perspectiva del desarrollador. Bien, toda persona debería ser capaz de seguirlo y seguramente podría aprender algo interesante, y mucho más
los diseñadores web es necesario aplicar la documentación cuando diseñan una pagina.
Recuerdas la historia de la biblia de la torre de babel? pasa que cuando la dimension, el alcance y las expectativas no se definen o se siguen. hay un lema en el campo de la informática: "Por cada hora de planificación adecuada, se ahorrarán seis horas de tiempo de desarrollo". Esto es muy cierto y es un factor de gran importancia en la rentabilidad (o no) de una web de desarrollo.
Ahora que hemos dejado de lado las cosas filosóficas, es tiempo de lo divertido
Paso 1: Reunir los requisitos
En muchos casos, sobre todo para los que tienen pequeña experiencia comercial, este llega a ser la etapa más relevante del proceso. La comprensión de las expectativas, el alcance y los recursos que se necesitan podria alinear adecuadamente tanto al cliente como al programador para el éxito de mañana. Esto es necesario porque cualquier tipo de transacción comercial se puede hacer sólo en una situación de todos ganamos para todas las partes involucradas.
Paso 2: Propuesta
Cuando necesites formalizar algo, escríbelo. Puedes llamarlo contrato; el objetivo es tener un documento que tanto el diseñador como el cliente comprendan lo que se está entregando, junto con las expectativas, el tiempo y el precio. Una mérida propuesta también ayuda a controlar hasta donde llega el proyecto o a establecer una valla alrededor de lo que se está solicitando para que haya pocas o ninguna idea equivocada sobre el trabajo que se está haciendo.
La idea debe incluir, como mínimo, las siguientes secciones: Bienvenida, expectativas, resumen de navegación y funciones, tiempo de desarrollo con fechas y honorarios. Un idea de nuestra propuesta. Además, la propuesta debe ser un esquema predefinida que se rellena con los requisitos del cliente.
Paso 3: Navegación
Hay muchos nombres para incluir en esto, pero no se limitan a: sitemap, arquitectura de la página, arbol de navegacion, enlaces, organigrama de la página web, etc... Esencialmente, este es el momento de organizar las páginas principales de la pagina y las subpáginas asociadas y también describir técnicamente cómo aparecerán. Por ejemplo, hay menús desplegables, fly outs, hover overs, mega menús, navegación superior, navegación lateral... Ahora es el momento de explicar "cómo" se llevará acabo.
Paso 4: Wireframes
Los wireframes son planos en blanco y negro no a escala que enseñan cada página de la pagina web.
algo muy importante son los wireframes para la creación de una pagina web grande. No se construye una casa sin estructura, pero muchos desarrolladores aficionados se saltan este etapa muy importante y pasan a la fase de diseño de la maqueta. Lo hacen porque creen que los wireframos no ofrecen ningun beneficio. En realidad son un gran ahorro de tiempo.
Los wireframes coinciden con las expectativas de los clientes y los programadores de lo que se está haciendo. Además, cuando el usuario toma parte en el proceso de construccion de los planos, ve el profesionalismo del desarrollador y la atención a los detalles del proyecto. ¡Así que haz los wireframes tan detallados como sea posible! ¿Adivina qué? Más adelante en el proyecto, el usuario suele a tener ya una visión favorable de su pagina ya que ha estado involucrado desde el principio.
Paso 5: Recolección de contenido
Típicamente, esto suele representar algún lugar cercano al punto medio de un proyecto. Más importante aún, esto es típicamente donde más del 60% de los paginas terminan. ¿Por qué? La recolección de contenido es una tarea que tiene que ver mucho del cliente, ya que es importante reunir copias, videos, testimonios, videos, biografías y otros tipos de contenido. Una de las maneras de mitigar este problema es explicar este escenario al cliente por adelantado (sin asustarlo) y asegurarse de que se "compre" y entienda la importancia de tener esta información.