Proceso de desarrollo web en 10 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 que informa. Hemos construido 100tos de paginas web a lo largo de los años, hemos aprendido mucho en el viaje y nos gustaría dar a conocer algo de esta información con ustedes. Debido a que nos dedicamos al diseño web, este publicacion ha sido escrita primeramente desde la perspectiva del desarrollador. Sin embargo, toda persona debería ser capaz de entenderlo y con suerte podría aprender de diseño, y mucho más
los diseñadores web es necesario aplicar las instrucciones cuando elaboran una pagina.
¿Alguna vez has oído hablar de la Torre de Babel bíblica? Esto es lo que sucede cuando el tamaño, el alcance y las expectativas no se definen o se siguen. hay un dicho en el campo de la informática: "Por cada hora de planificación adecuada, se ahorrarán seis diseño horas de tiempo de desarrollo". Muy de acuerdo y es un factor relevante en la rentabilidad (o no) de una web de desarrollo.
dejemos a un lado la parte filosófica, es tiempo de lo divertido
Paso 1: Reunir los requisitos
En muchos casos, sobre todo para los que tienen nada de años comercial, éste es el paso más importante del proceso. El entendimiento de lo que se pretende, el alcance y los recursos que se quieren podria alinear adecuadamente tanto al cliente como al programador para el éxito de mañana. Esto es importante 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 presupuesto; la idea es realizar un documento que tanto el diseñador como el cliente entiendan lo que se está entregando, junto con las expectativas, el plazo y el costo. Una 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: Inicio, lo que se espera, resumen de navegación y funcionalidad, tiempo de desarrollo con calendario integrado y costos. Un ejemplo de nuestra propuesta. por consiguiente, la propuesta debe ser un esquema predefinida que se rellena con los requisitos del usuario.
Paso 3: Navegación
Hay muchos nombres para incluir en esto, pero no se limitan a: Mapa del sitio, estructura de la página, arbol de navegacion, navegación del sitio, estructura de la página web, etc... normalmente, aqui es tiempo de organizar las secciones principales de la pagina y las subcategorias asociadas y también describir técnicamente cómo se mostrarán. Por ejemplo, hay menús desplegables, fly outs, hover overs, mega menús, navegación superior, navegación lateral... Este es el momento de explicar "cómo" va a suceder todo esto.
Paso 4: Wireframes
Los wireframes son planos en negro y blanco no a escala para mostrar cada página del sitio 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 omiten este etapa tan importante y pasan a la fase de diseño de wireframes. Lo hacen porque piensan que los planos No ayudan en nada. Sinceramente te ayudarán a ahorrar tiempo.
Los wireframes coinciden con las expectativas de los clientes y los programadores de lo que se está construyendo. por si fuera poco, cuando el usuario se involucra en el proceso de construccion de los wireframes, ve el profesionalismo del desarrollador y que se toman en cuenta los detalles del proyecto. Haz los wireframes que valgan la pena. Qué crees? Más adelante en el proyecto, el cliente tiende a tener ya una visión favorable de su proyecto ya que ha estado involucrado desde el principio.
Paso 5: Recolección de contenido
normalmente, esto suele representar algún lugar cercano al punto medio de un proyecto. es muy importante recalcar, esto es típicamente donde más del 60% de los paginas se paralizan. ¿Por qué? La recolección de contenido es una tarea que tiene que ver mucho del cliente, ya que es importante reunir copias, videos, reviews, imagenes, biografías y otros tipos de contenido. Una de las formas de mitigar este problema es explicar este escenario al usuario al inicio (sin asustarlo) y asegurarse de que se comprenda y entienda la importancia de tener esta información.