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 sitios web a lo largo de los años, hemos aprendido mucho en el camino y nos gustaría compartir algo de esta información contigo. Debido a que nos dedicamos al diseño web, este publicacion ha sido escrita principalmente desde la perspectiva del desarrollador. Bien, toda persona debería ser capaz de seguirlo y con toda seguridad podría aprender de webs, ¡si no mucho más!
los diseñadores web es necesario seguir las instrucciones cuando construyen una pagina.
¿Alguna vez has oído hablar de la Torre de Babel bíblica? pasa que cuando la dimension, el alcance y las expectativas no se definen o se siguen. Tenemos 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 pagina de desarrollo.
dejemos a un lado la parte filosófica, ¡divirtámonos un poco!
Paso 1: web Reunir los requisitos
En muchos casos, sobre todo para los que tienen poca años comercial, este llega a ser el paso más de mayor importancia del proceso. La comprensión de las expectativas, el alcance y los recursos que se quieren puede alinear adecuadamente tanto al cliente como al programador para el éxito futuro. Esto es necesario porque cualquier tipo de transacción comercial debe hacerse 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; la idea es realizar un documento que tanto el programador como el cliente entiendan lo que se está entregando, junto con las expectativas, el plazo y el precio. Una propuesta también ayuda a controlar el alcance el proyecto o a poner una valla alrededor de lo que se está pidiendo para que haya pocas o ninguna idea equivocada sobre el trabajo que se está haciendo.
La idea debe tener, como mínimo, estas secciones: Inicio, expectativas, resumen de navegación y funcionalidad, tiempo de desarrollo con calendario integrado y costos. Un ejemplo de nuestra propuesta. Además, 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, arquitectura de la página, arbol de navegacion, enlaces, organigrama de la página web, etc... Esencialmente, aqui es tiempo de organizar las secciones principales del sitio web y las subpáginas asociadas y también describir técnicamente cómo se mostrarán. Por ejemplo, hay menus responsives, 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 para mostrar cada página de la pagina web.
algo muy importante son los wireframes para el desarrollo de un gran sitio web. nadie construye sobre la arena, pero muchos desarrolladores inexpertos se saltan este etapa muy importante y pasan a la fase de diseño de la maqueta. Esto se debe porque creen que los planos no ofrecen ningun beneficio. En realidad te ayudarán a ahorrar tiempo.
Los planos coinciden con las expectativas de los clientes y los desarrolladores de lo que se está haciendo. por si fuera poco, cuando el cliente se involucra en la etapa de creación de los planos, se da cuenta de la experiencia del desarrollador y la atención a los detalles del proyecto. Haz los wireframes que valgan la pena. ¿Adivina qué? Más adelante en el proyecto, el cliente tiende a tener ya una visión favorable de su web ya que ha estado involucrado desde el inicio.
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 sesenta porciento de los paginas terminan. ¿Por qué? La creacion de contenido es una laboral que depende mucho del cliente, ya que es importante reunir copias, imágenes, testimonios, videos, biografías y otros tipos de contenido. Una de las maneras de mitigar este problema es explicar este escenario al usuario al inicio (sin asustarlo) y asegurarse de que se "compre" y entienda la importancia de tener toda información.