Proceso de desarrollo web en diez pasos de webminutos
Bienvenida a nuestro proceso de diseño web.
El objetivo de este artículo es explicar nuestro proceso de desarrollo de una pagina basica e que informa. Hemos construido cientos de paginas 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. Sin embargo, cualquiera debería ser capaz de entenderlo y seguramente podría aprender de webs, y mucho más
Los desarrolladores deben seguir las instrucciones cuando construyen una pagina.
Recuerdas la historia de la biblia de la torre de babel? Esto pasa 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.
Ahora que hemos dejado de lado las cosas filosóficas, ¡divirtámonos un poco!
Paso 1: Reunir los requisitos
la mayoria de las veces, sobre todo para los que tienen poca experiencia comercial, éste es el paso más de mayor importancia del proceso. El entendimiento de las expectativas, el alcance y los recursos que se quieren puede alinear adecuadamente tanto al cliente como al desarrollador para el éxito futuro. Esto es relevante porque cualquier tipo de transacción comercial debe hacerse sólo en una situación de todos ganamos para todas las partes involucradas.
Paso 2: Propuesta
Cuando necesites formalizar algo, escríbelo. Puedes llamarlo contrato; la idea es tener un documento que tanto el programador como el cliente comprendan lo que se está dando, junto con las expectativas, el plazo 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á 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, lo que se espera, resumen de navegación y funciones, proceso de desarrollo con fechas 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, arquitectura del sitio, mapa de navegación, enlaces, estructura de la página web, etc... a menudo, aqui es tiempo de organizar las secciones 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... Este 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.
algo muy importante son los wireframes para la creación de un gran sitio web. No se construye una casa sin estructura, pero muchos desarrolladores inexpertos se saltan este paso muy importante y pasan a la fase de diseño de la maqueta. Lo hacen porque piensan que los wireframos no ofrecen ningun beneficio. Sinceramente son un gran ahorro de tiempo.
Los planos coinciden con las expectativas de los usuarios y los programadores de lo que se está construyendo. Además, cuando diseño de páginas web en mérida el cliente toma parte en el proceso de construccion de los planos, 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 usuario tiende a tener ya una visión excelente de su web 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 una pagina. Más importante aún, esto es normalmente donde más del 60% de los paginas se paralizan. ¿Por qué? La recolección de contenido es una laboral que depende mucho del cliente, ya que es importante reunir copias, videos, testimonios, videos, biografías y otros tipos de contenido. Una de las maneras de evitar este problema es explicar este escenario al usuario al inicio (sin asustarlo) y asegurarse de que se comprenda y entienda la importancia de tener esta información.