ecommerce merida

Proceso de diseño 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 desarrollo de una pagina basica e informativa. Hemos construido 100tos de paginas web a lo largo de los años, hemos aprendido demasiado en el camino y nos gustaría dar a conocer algo de esta información con ustedes. Debido a que somos desarrolladores, este artículo ha sido escrita principalmente desde la perspectiva del desarrollador. Bien, quien sea debería ser capaz de seguirlo y con toda seguridad podría aprender algo interesante, ¡si no mucho más!

Los desarrolladores es necesario aplicar la documentación cuando elaboran una pagina.

¿Alguna vez has oído hablar de la Torre de Babel bíblica? Esto es lo que sucede cuando la dimension, el alcance y las expectativas no se definen o se siguen. hay un dicho en el nicho 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 sitio 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 poca tiempo comercial, este llega a ser la etapa más de mayor relevencia del proceso. La comprensión de las expectativas, el alcance y los recursos que se quieren podria alinear adecuadamente tanto al cliente como al programador para el éxito futuro. Esto es importante porque cualquier tipo de transacción comercial se puede hacer sólo en una situación de "ganar-ganar" por parte del cliente y del desarrollador.

Paso 2: Propuesta

si necesitas formalizar algo, escríbelo. Puedes llamarlo contrato; el objetivo es realizar un documento que tanto el programador como el cliente entiendan lo que se está entregando, junto con las expectativas, el tiempo y el costo. 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 propuesta debe incluir, como mínimo, las siguientes secciones: Bienvenida, lo que se espera, resumen de navegación y funciones, tiempo de desarrollo con fechas y honorarios. Un ejemplo de nuestra propuesta. por consiguiente, la propuesta debe ser una plantilla 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: Mapa del sitio, arquitectura del sitio, arbol de navegacion, navegación del sitio, estructura de la página web, etc... Esencialmente, aqui es tiempo de organizar las páginas principales del sitio web yucatan 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 planos en negro y blanco no a escala que enseñan cada página de la pagina web.

no hay cosa mas importante que los wireframes para el desarrollo de un gran sitio web. No se construye una casa sin estructura, pero muchos desarrolladores aficionados se saltan este paso tan importante y pasan a la fase de diseño de la maqueta. Lo hacen porque creen que los wireframos No ayudan en nada. En realidad te ayudarán a ahorrar tiempo.

Los wireframes coinciden con las expectativas de los clientes y los diseñadores de lo que se está construyendo. por si fuera poco, cuando el usuario toma parte en el proceso de creación de los wireframes, se da cuenta de la experiencia del desarrollador y la atención a los detalles del proyecto. Enfocate que los wireframes sean buenos Qué crees? Después en el proyecto, el cliente suele a tener ya una visión favorable de su proyecto ya que ha estado involucrado desde el inicio.

Paso 5: Recolección de contenido

usualmente, 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 se paralizan. ¿Por qué? La creacion de contenido es una tarea que depende mucho del cliente, ya que es necesario reunir copias, videos, reviews, imagenes, 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 obtener esta información.