Proceso de diseño web en 10 pasos de webminutos
Bienvenida a nuestro proceso de diseño web.
El propósito de esta publicacion es explicar nuestro proceso de desarrollo de una pagina basica e que informa. Hemos construido cientos de sitios web a lo largo de los años, hemos aprendido demasiado en el proceso y nos gustaría dar a conocer algo de esta información contigo. Debido a que somos desarrolladores, este artículo está escrito principalmente desde la perspectiva del desarrollador. Bien, toda persona debería ser capaz de entenderlo y con toda seguridad podría aprender de diseño, y mucho más
Los desarrolladores es necesario seguir la documentación cuando elaboran una pagina.
Recuerdas la historia de la biblia de la torre de babel? pasa que cuando el tamaño, 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 importante 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 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 desarrollador 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 "ganar-ganar" para todos.
Paso 2: Propuesta
si necesitas formalizar algo, escríbelo. Puedes llamarlo presupuesto; el objetivo es tener un documento que tanto el desarrollador como yucatán el usuario entiendan lo que se está dando, junto con las expectativas, el tiempo y el costo. Una propuesta también ayuda a controlar el alcance el proyecto o a poner 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 tener, como mínimo, las siguientes secciones: Bienvenida, lo que se espera, resumen de navegación y funcionalidad, tiempo de desarrollo con fechas y honorarios. Un ejemplo de la 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: sitemap, arquitectura de la página, mapa de navegación, navegación del sitio, estructura del sitio, etc... normalmente, este es el momento 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 negro y blanco no a escala que enseñan cada página del sitio web.
no hay cosa mas importante que los wireframes para la creación de una pagina web grande. nadie construye sobre la arena, 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 planos no ofrecen ningun beneficio. Sinceramente son un gran ahorro de 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 cliente se involucra en la etapa de construccion de los planos, se da cuenta de la experiencia del desarrollador y que se toman en cuenta los detalles del proyecto. Haz los wireframes que valgan la pena. Qué crees? Después en el proyecto, el usuario tiende a tener ya una visión excelente de su proyecto 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 normalmente donde más del sesenta porciento de los paginas se paralizan. ¿Por qué? La creacion de contenido es una laboral que depende mucho del cliente, ya que es necesario reunir copias, videos, testimonios, videos, biografías y otros tipos de contenido. Una de las formas de evitar 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.