paginas web profesionales

Proceso de diseño web en 10 pasos de webminutos

Intro a nuestro proceso de diseño web.

El objetivo de este artículo es dar a conocer nuestro proceso de desarrollo de una pagina basica e que educa. Hemos construido cientos de sitios web a lo largo de los años, hemos aprendido mucho en el viaje y nos gustaría dar a conocer algo de esta información con ustedes. Debido a que nos dedicamos al diseño web, este publicacion ha sido escrita principalmente desde la perspectiva del desarrollador. Sin embargo, cualquiera debería ser capaz de entenderlo y con toda seguridad podría aprender algo interesante, y mucho más

Los desarrolladores deben aplicar la documentación cuando diseñan una pagina.

Conoces la Torre de Babel? Esto pasa cuando la dimension, el alcance merida yucatan 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". Muy de acuerdo y es un factor importante en la rentabilidad (o no) de una pagina 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 experiencia comercial, éste es el paso más importante 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 "ganar-ganar" por parte del cliente y del desarrollador.

Paso 2: Propuesta

si necesitas formalizar algo, escríbelo. Puedes llamarlo contrato; el punto principal es tener un documento que tanto el diseñador como el cliente 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 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 propuesta debe tener, como mínimo, las siguientes secciones: Inicio, expectativas, resumen de navegación y funciones, tiempo de desarrollo con calendario integrado y honorarios. Un ejemplo de nuestra 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: sitemap, estructura del sitio, arbol de navegacion, enlaces, organigrama de la página web, etc... Esencialmente, aqui es tiempo de organizar las páginas principales de la pagina 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 para mostrar cada página del sitio web.

no hay cosa mas importante que los wireframes para el desarrollo de una pagina web grande. Nadie construye una casa sin planos, pero muchos desarrolladores aficionados se saltan este etapa tan importante y pasan a la fase de diseño de wireframes. Esto se debe porque piensan que los planos no ofrecen ningun beneficio. Sinceramente te ayudarán a ahorrar tiempo.

Los wireframes coinciden con las expectativas de los clientes y los desarrolladores de lo que se está construyendo. por si fuera poco, cuando el cliente se involucra en la etapa de creación de los wireframes, se da cuenta de la experiencia del diseñador y la atención a los detalles del proyecto. Enfocate que los wireframes sean buenos ¿Adivina qué? Después en el proyecto, el cliente tiende a tener ya una visión favorable de su web 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 60% 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, imagenes, 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 "compre" y entienda la importancia de obtener esta información.