webminutos paginas web

Proceso de diseño web en 10 pasos de webminutos

Bienvenida a nuestro proceso de diseño web.

El objetivo de esta publicacion es explicar nuestro proceso de desarrollo de una pagina basica e que informa. 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 somos desarrolladores, este publicacion ha sido escrita principalmente desde la perspectiva del desarrollador. Bien, cualquiera debería ser capaz de entenderlo y seguro podría aprender algo interesante, ¡si no mucho más!

los diseñadores web necesitan aplicar las instrucciones cuando construyen una pagina.

Recuerdas la historia de la biblia de la torre de babel? Esto pasa cuando la dimension, el alcance y las expectativas no se definen o se siguen. hay un lema en el nicho de diseño páginas web en mérida yucatán 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 pequeña años comercial, éste es la etapa más importante del proceso. El entendimiento de las expectativas, 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 "ganar-ganar" para todas las partes involucradas.

Paso 2: Propuesta

Cuando necesites formalizar algo, escríbelo. Puedes llamarlo contrato; el punto principal es realizar un documento que tanto el diseñador como el usuario entiendan lo que se está dando, junto con las expectativas, el plazo y el precio. Una propuesta también ayuda a controlar el alcance el proyecto o a poner un limite 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 incluir, como mínimo, estas secciones: Introducción, expectativas, resumen de navegación y funcionalidad, tiempo de desarrollo con fechas y costos. Un ejemplo de nuestra propuesta. Además, la propuesta debe ser un esquema 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, estructura del sitio, mapa de navegación, enlaces, organigrama de la página web, etc... Esencialmente, aqui es tiempo de organizar las páginas principales del sitio web y las subpáginas 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" 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 puedo exagerar lo importante que son los wireframes para el desarrollo de un gran sitio web. nadie construye sobre la arena, pero muchos desarrolladores inexpertos omiten este paso tan importante y pasan a la fase de diseño de la maqueta. Esto se debe porque piensan 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 desarrolladores de lo que se está haciendo. Además, 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 Qué crees? Más adelante en el proyecto, el cliente tiende a tener ya una visión excelente de su pagina 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 60% de los paginas terminan. ¿Por qué? La recolección de contenido es una tarea que depende mucho del cliente, ya que es importante reunir copias, imágenes, reviews, videos, biografías y otros tipos de contenido. Una de las formas de evitar 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.