Proceso de diseño web en 10 pasos de webminutos
Bienvenida a nuestro proceso de diseño web.
El objetivo de este artículo es dar a conocer nuestro proceso de diseño de una web básica e informativa. Hemos construido cientos de sitios web a lo largo de los años, hemos aprendido mucho 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 primeramente desde la perspectiva del desarrollador. Sin embargo, cualquiera debería ser capaz de seguirlo y seguramente podría aprender de diseño, y mucho más
Los desarrolladores deben seguir la documentación cuando elaboran una pagina.
¿Alguna vez has oído hablar de la Torre de Babel bíblica? pasa que cuando el tamaño, 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 relevante en la rentabilidad (o no) de una sitio de desarrollo.
dejemos a un lado la parte filosófica, ahora viene lo divertido
Paso 1: Reunir los requisitos
En muchos casos, sobre todo para los que tienen nada de experiencia comercial, este llega a ser la etapa más de mayor importancia del proceso. La comprensión de lo que se espera, el alcance y los recursos necesarios podria alinear adecuadamente tanto al cliente como al programador para el éxito pronto. Esto es importante porque cualquier tipo de transacción comercial se puede hacer sólo en una situación de todos ganamos para todos.
Paso 2: Propuesta
si necesitas formalizar algo, escríbelo. Puedes llamarlo contrato; la idea es tener un documento que tanto el desarrollador como el usuario entiendan lo que se está entregando, junto con las expectativas, el tiempo y el precio. Una propuesta también ayuda a controlar hasta donde llega 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, las siguientes secciones: Introducción, expectativas, resumen de navegación y funcionalidad, tiempo de desarrollo con fechas y costos. Un ejemplo de la propuesta. Además, la propuesta debe ser una plantilla 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, mapa de navegación, enlaces, estructura del sitio, etc... Esencialmente, este es el momento de organizar las páginas principales de la pagina y las subcategorias asociadas y también describir técnicamente cómo aparecerá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" va a suceder todo esto.
Paso 4: Wireframes
Los wireframes son diseño de páginas web planos en blanco y negro no a escala para mostrar cada página de la pagina web.
No puedo exagerar lo importante que son los wireframes para la creación de un gran sitio web. Nadie construye una casa sin planos, pero muchos desarrolladores aficionados se saltan este paso tan importante y pasan a la fase de diseño de la maqueta. Lo hacen porque piensan que los wireframos No ayudan en nada. Sinceramente te ayudarán a ahorrar tiempo.
Los planos coinciden con las expectativas de los clientes y los programadores de lo que se está construyendo. por si fuera poco, cuando el usuario toma parte en la etapa de construccion de los planos, ve el profesionalismo del desarrollador y que se toman en cuenta los detalles del proyecto. Enfocate que los wireframes sean buenos ¿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 normalmente donde más del 60% de los proyectos terminan. ¿Por qué? La recolección de contenido es una tarea que tiene que ver mucho del cliente, ya que es necesario reunir copias, videos, reviews, videos, biografías y otros tipos de contenido. Una de las maneras de mitigar este problema es explicar este escenario al cliente al inicio (sin asustarlo) y asegurarse de que se comprenda y entienda la importancia de obtener toda información.